Difference between revisions of "Team:SUSTech Shenzhen"
| Line 28: | Line 28: | ||
</p> | </p> | ||
<a href="#three" class="btn btn-default btn-xl page-scroll wow fadeIn" style="visibility: visible; animation-name: fadeIn;">Learn More</a> | <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> | </div> | ||
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 MoreFlexible Layouts
Responsive
Your site looks good everywhere
Customizable
Easy to theme and customize with SASS
Consistent
A mature, well-tested, stable codebase
