Line 5: | Line 5: | ||
opacity=0}} | opacity=0}} | ||
<html> | <html> | ||
− | |||
<header id="first"> | <header id="first"> | ||
<div class="header-content"> | <div class="header-content"> | ||
Line 19: | Line 18: | ||
</video> | </video> | ||
</header> | </header> | ||
− | </div> | + | <section class="bg-primary" id="one"> |
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 text-center"> | ||
+ | <h2 class="margin-top-0 text-primary">Built On The Bootstrap Grid</h2> | ||
+ | <br> | ||
+ | <p class="text-faded"> | ||
+ | Bootstrap's responsive grid comes in 4 sizes or "breakpoints": tiny (xs), small(sm), medium(md) and large(lg). These 4 grid sizes enable you create responsive layouts that behave accordingly on different devices. | ||
+ | </p> | ||
+ | <a href="#three" class="btn btn-default btn-xl page-scroll wow fadeIn" style="visibility: visible; animation-name: fadeIn;">Learn More</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
<script src="https://2014.igem.org/Team:SUSTC-Shenzhen/static/js/velocity.min.js?action=raw"></script> | <script src="https://2014.igem.org/Team:SUSTC-Shenzhen/static/js/velocity.min.js?action=raw"></script> | ||
<script src="https://2014.igem.org/Team:SUSTC-Shenzhen/static/js/main-page.js?action=raw"></script> | <script src="https://2014.igem.org/Team:SUSTC-Shenzhen/static/js/main-page.js?action=raw"></script> |
Revision as of 14:42, 9 October 2016
Built On The Bootstrap Grid
Bootstrap's responsive grid comes in 4 sizes or "breakpoints": tiny (xs), small(sm), medium(md) and large(lg). These 4 grid sizes enable you create responsive layouts that behave accordingly on different devices.
Learn More