|
|
Line 18: |
Line 18: |
| </video> | | </video> |
| </header> | | </header> |
− | <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>
| |
− | <section id="two">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-lg-12 text-center">
| |
− | <h2 class="margin-top-0 text-primary">Flexible Layouts</h2>
| |
− | <hr class="primary">
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-lg-4 col-md-4 text-center">
| |
− | <div class="feature">
| |
− | <i class="icon-lg ion-android-laptop wow fadeIn" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeIn;"></i>
| |
− | <h3>Responsive</h3>
| |
− | <p class="text-muted">Your site looks good everywhere</p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-lg-4 col-md-4 text-center">
| |
− | <div class="feature">
| |
− | <i class="icon-lg ion-social-sass wow fadeInUp" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;"></i>
| |
− | <h3>Customizable</h3>
| |
− | <p class="text-muted">Easy to theme and customize with SASS</p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-lg-4 col-md-4 text-center">
| |
− | <div class="feature">
| |
− | <i class="icon-lg ion-ios-star-outline wow fadeIn" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeIn;"></i>
| |
− | <h3>Consistent</h3>
| |
− | <p class="text-muted">A mature, well-tested, stable codebase</p>
| |
− | </div>
| |
− | </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> |