Difference between revisions of "Team:BNU-China"

Line 117: Line 117:
 
</div>
 
</div>
 
</nav>
 
</nav>
−
 
−
 
−
<header id="fh5co-header" class="fh5co-cover fh5co-cover-sm" role="banner" style="background-image:url(images/img_bg_1.jpg);" data-stellar-background-ratio="0.5">
 
−
<div class="overlay"></div>
 
−
<div class="container">
 
−
<div class="row">
 
−
<div class="col-md-7 text-left">
 
−
<div class="display-t">
 
−
<div class="display-tc animate-box" data-animate-effect="fadeInUp">
 
−
<h1 class="mb30">Our Creative Products</h1>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</header>
 
−
 
 
 
−
 
−
<div id="fh5co-project">
 
−
<div class="container">
 
−
<div class="row row-pb-md">
 
−
<div class="col-md-8 col-md-offset-2 text-left fh5co-heading  animate-box">
 
−
<span>Want Some Cool Stuff</span>
 
−
<h2>Recent Products</h2>
 
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="row">
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-1.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Clipboard Office</h3>
 
−
<p>Web Design</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-2.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Smart Layers</h3>
 
−
<p>Brand &amp; Identity</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-3.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Notepad Mockup</h3>
 
−
<p>Illustration</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-4.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Outline Ribbon</h3>
 
−
<p>Web Design</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-5.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Food Icons Set</h3>
 
−
<p>Brand &amp; Identity</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-6.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Business Card</h3>
 
−
<p>Illustration</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-1.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Clipboard Office</h3>
 
−
<p>Web Design</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-2.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Smart Layers</h3>
 
−
<p>Brand &amp; Identity</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-3.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Notepad Mockup</h3>
 
−
<p>Illustration</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-4.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Outline Ribbon</h3>
 
−
<p>Web Design</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-5.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Food Icons Set</h3>
 
−
<p>Brand &amp; Identity</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
 
−
<a href="#"><img src="images/work-6.jpg" alt="Free HTML5 Website Template" class="img-responsive">
 
−
<div class="fh5co-copy">
 
−
<h3>Business Card</h3>
 
−
<p>Illustration</p>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
 
−
 
−
<div class="col-md-12 text-center">
 
−
<nav aria-label="Page navigation">
 
−
  <ul class="pagination">
 
−
    <li>
 
−
      <a href="#" aria-label="Previous">
 
−
        <span aria-hidden="true">&laquo;</span>
 
−
      </a>
 
−
    </li>
 
−
    <li class="active"><a href="#">1</a></li>
 
−
    <li><a href="#">2</a></li>
 
−
    <li><a href="#">3</a></li>
 
−
    <li><a href="#">4</a></li>
 
−
    <li><a href="#">5</a></li>
 
−
    <li>
 
−
      <a href="#" aria-label="Next">
 
−
        <span aria-hidden="true">&raquo;</span>
 
−
      </a>
 
−
    </li>
 
−
  </ul>
 
−
</nav>
 
−
</div>
 
−
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
<div id="fh5co-started">
 
−
<div class="container">
 
−
<div class="row animate-box">
 
−
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 
−
<span>Let's work together</span>
 
−
<h2>Try this template for free</h2>
 
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
 
−
<p><button type="submit" class="btn btn-default">Get In Touch</button></p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
<footer id="fh5co-footer" role="contentinfo">
 
−
<div class="container">
 
−
<div class="row row-pb-md">
 
−
<div class="col-md-4 fh5co-widget ">
 
−
<h3>Concept.</h3>
 
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
 
−
<p><a href="#">Learn More</a></p>
 
−
</div>
 
−
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1 ">
 
−
<ul class="fh5co-footer-links">
 
−
<li><a href="#">About</a></li>
 
−
<li><a href="#">Help</a></li>
 
−
<li><a href="#">Contact</a></li>
 
−
<li><a href="#">Terms</a></li>
 
−
<li><a href="#">Meetups</a></li>
 
−
</ul>
 
−
</div>
 
−
 
−
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1 ">
 
−
<ul class="fh5co-footer-links">
 
−
<li><a href="#">Shop</a></li>
 
−
<li><a href="#">Privacy</a></li>
 
−
<li><a href="#">Testimonials</a></li>
 
−
<li><a href="#">Handbook</a></li>
 
−
<li><a href="#">Held Desk</a></li>
 
−
</ul>
 
−
</div>
 
−
 
−
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1 ">
 
−
<ul class="fh5co-footer-links">
 
−
<li><a href="#">Find Designers</a></li>
 
−
<li><a href="#">Find Developers</a></li>
 
−
<li><a href="#">Teams</a></li>
 
−
<li><a href="#">Advertise</a></li>
 
−
<li><a href="#">API</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="row copyright">
 
−
<div class="col-md-12 text-center">
 
−
<p>
 
−
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</small>
 
−
<small class="block">More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> Demo Images: <a href="#" target="_blank">Pixeden</a> &amp; <a href="#" target="_blank">Unsplash</a></small>
 
−
</p>
 
−
<p>
 
−
<ul class="fh5co-social-icons">
 
−
<li><a href="#"><i class="icon-twitter"></i></a></li>
 
−
<li><a href="#"><i class="icon-facebook"></i></a></li>
 
−
<li><a href="#"><i class="icon-linkedin"></i></a></li>
 
−
<li><a href="#"><i class="icon-dribbble"></i></a></li>
 
−
</ul>
 
−
</p>
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
−
</footer>
 
−
</div>
 
−
 
−
<div class="gototop js-top">
 
−
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
 
−
</div>
 
−
 
−
<!-- jQuery -->
 
−
<script src="js/jquery.min.js"></script>
 
−
<!-- jQuery Easing -->
 
−
<script src="js/jquery.easing.1.3.js"></script>
 
−
<!-- Bootstrap -->
 
−
<script src="js/bootstrap.min.js"></script>
 
−
<!-- Waypoints -->
 
−
<script src="js/jquery.waypoints.min.js"></script>
 
−
<!-- countTo -->
 
−
<script src="js/jquery.countTo.js"></script>
 
−
<!-- Magnific Popup -->
 
−
<script src="js/jquery.magnific-popup.min.js"></script>
 
−
<script src="js/magnific-popup-options.js"></script>
 
−
<!-- Stellar -->
 
−
<script src="js/jquery.stellar.min.js"></script>
 
−
<!-- Main -->
 
−
<script src="js/main.js"></script>
 
−
 
−
</body>
 
 
</html>
 
</html>

Revision as of 02:13, 7 October 2018

BNU-China