Difference between revisions of "Team:BIT/cs3"

(Created page with "<!DOCTYPE HTML> <html class="no-js" lang=""> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content...")
 
Line 73: Line 73:
 
<body>
 
<body>
 
 
 +
 
<div class="fh5co-loader"></div>
 
<div class="fh5co-loader"></div>
 
 
Line 81: Line 82:
 
<div class="row">
 
<div class="row">
 
<div class="col-xs-2">
 
<div class="col-xs-2">
−
<div id="fh5co-logo"><a href="index.html">Air<span>.</span></a></div>
+
<div id="fh5co-logo"><a href="../index.html">BIT<span>.</span></a></div>
 
</div>
 
</div>
 
<div class="col-xs-10 text-right menu-1">
 
<div class="col-xs-10 text-right menu-1">
 
<ul>
 
<ul>
−
<li><a href="index.html">Home</a></li>
+
<li class="active"><a href="home.html">Home</a></li>
−
<li><a href="portfolio.html">Portfolio</a></li>
+
 
<li class="has-dropdown">
 
<li class="has-dropdown">
−
<a href="blog.html">Blog</a>
+
<a href="#">Blo</a>
 
<ul class="dropdown">
 
<ul class="dropdown">
−
<li><a href="#">Web Design</a></li>
+
<li><a href="design.html">Design</a></li>
−
<li><a href="#">eCommerce</a></li>
+
<li><a href="demonstrate.html">Demonstrate</a></li>
−
<li><a href="#">Branding</a></li>
+
<li><a href="model.html">Model</a></li>
−
<li><a href="#">API</a></li>
+
 
</ul>
 
</ul>
−
</li>
+
  </li><li><a href="practice.html">Practice</a></li>
−
<li class="active"><a href="about.html">About</a></li>
+
<li><a href="Achievement.html">Achievement</a></li>
−
<li><a href="contact.html">Contact</a></li>
+
<li><a href="notebook.html">Notebook</a></li>
−
<li class="btn-cta"><a href="#"><span>Login</span></a></li>
+
<li class="btn-cta"><a href="#"><span>Team</span></a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 106: Line 106:
 
</div>
 
</div>
 
</nav>
 
</nav>
−
 
+
    <div id="fh5co-blog">
−
<div id="fh5co-about">
+
 
<div class="container">
 
<div class="container">
−
<div class="row animate-box">
+
  <div class="row animate-box">
 
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
−
<h2>About Us</h2>
+
<h2>Recent Post</h2>
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>
+
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
−
</div>
+
−
</div>
+
−
<div class="row animate-box">
+
−
<div class="col-md-6 col-md-offset-3 text-center heading-section">
+
−
<h3>Our History</h3>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
 
</div>
 
</div>
 
</div>
 
</div>
 +
            <div>
 +
                    <div class="cd-full-width">
 +
                        <div class="container-fluid js-tm-page-content" data-page-no="4" data-page-type="gallery">                       
 +
                            <div class="tm-img-gallery-container tm-img-gallery-container-3">
 +
                                <div class="tm-img-gallery gallery-three">
 +
                             
 +
                                    <div class="grid-item">
 +
                                        <figure class="effect-ruby">
 +
                                            <img src="file:///E|/BaiduNetdiskDownload/站点/超级版/images/qy1.jpg" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title"></span></h2>
 +
                                           
 +
                                                <a href="images/work-2.jpg">View more</a>
 +
                                            </figcaption>         
 +
                                        </figure>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <figure class="effect-ruby">
 +
                                            <img src="file:///E|/BaiduNetdiskDownload/站点/超级版/images/qy1.jpg" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title"></span></h2>
 +
                                             
 +
                                                <a href="img/tm-img-12.jpg">View more</a>
 +
                                            </figcaption>         
 +
                                        </figure>
 +
                                    </div>
 +
                                                                                                               
 +
                                </div>                               
 +
                            </div> <!-- .tm-img-gallery-container -->
 +
                        </div>       
 +
                    </div> 
 +
</div>
  
−
<div class="row row-bottom-padded-md">
+
−
<div class="col-md-12 text-center animate-box">
+
−
<p><img src="images/cover_bg_1.jpg" alt="Free HTML5 Bootstrap Template" class="img-responsive img-rounded"></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div id="fh5co-features">
+
−
<div class="container">
+
−
<div class="services-padding">
+
−
<div class="row">
+
−
<div class="col-md-4 animate-box">
+
−
<div class="feature-left">
+
−
<span class="icon">
+
−
<i class="icon-hotairballoon"></i>
+
−
</span>
+
−
<div class="feature-copy">
+
−
<h3>Marketing</h3>
+
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
+
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="col-md-4 animate-box">
+
−
<div class="feature-left">
+
−
<span class="icon">
+
−
<i class="icon-search"></i>
+
−
</span>
+
−
<div class="feature-copy">
+
−
<h3>Search Engine</h3>
+
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
+
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
+
−
</div>
+
−
</div>
+
−
 
+
−
</div>
+
−
<div class="col-md-4 animate-box">
+
−
<div class="feature-left">
+
−
<span class="icon">
+
−
<i class="icon-wallet"></i>
+
−
</span>
+
−
<div class="feature-copy">
+
−
<h3>Earn Money</h3>
+
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
+
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="row">
+
−
<div class="col-md-4 animate-box">
+
−
 
+
−
<div class="feature-left">
+
−
<span class="icon">
+
−
<i class="icon-wine"></i>
+
−
</span>
+
−
<div class="feature-copy">
+
−
<h3>Entrepreneur</h3>
+
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
+
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
+
−
</div>
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="col-md-4 animate-box">
+
−
<div class="feature-left">
+
−
<span class="icon">
+
−
<i class="icon-genius"></i>
+
−
</span>
+
−
<div class="feature-copy">
+
−
<h3>Stragic Plan</h3>
+
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
+
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
+
−
</div>
+
−
</div>
+
−
 
+
−
</div>
+
−
<div class="col-md-4 animate-box">
+
−
<div class="feature-left">
+
−
<span class="icon">
+
−
<i class="icon-chat"></i>
+
−
</span>
+
−
<div class="feature-copy">
+
−
<h3>Support</h3>
+
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
+
−
<p><a href="#">Learn More <i class="icon-arrow-right22"></i></a></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div id="fh5co-content-section">
+
−
<div class="container">
+
−
<div class="row row-bottom-padded-md">
+
−
<div class="col-md-8 col-md-offset-2 text-center heading-section animate-box">
+
−
<h3>Our Team</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit est facilis maiores, perspiciatis accusamus asperiores sint consequuntur debitis.</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Designer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
 
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Developer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Photographer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="row">
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Designer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
 
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Developer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<div class="fh5co-team text-center animate-box">
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="user">
+
−
</figure>
+
−
<p>Jean Doe, XYZ Co. <br> <span class="text-mute">Photographer</span></p>
+
−
<blockquote>
+
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
−
</blockquote>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
 
 
 
<div id="fh5co-started">
 
<div id="fh5co-started">
Line 337: Line 174:
 
<h4>Links</h4>
 
<h4>Links</h4>
 
<ul class="fh5co-footer-links">
 
<ul class="fh5co-footer-links">
−
<li><a href="#">Home</a></li>
+
<li><a href="home.html">Home</a></li>
−
<li><a href="#">Portfolio</a></li>
+
<li><a href="#">Team</a></li>
−
<li><a href="#">Blog</a></li>
+
<li><a href="Achievement.html">Achievement</a></li>
−
<li><a href="#">About</a></li>
+
<li><a href="notebook.html">Notebook</a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 367: Line 204:
 
</div>
 
</div>
  
−
<div class="row copyright">
+
<div class="row copyright"> </div>
−
<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></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>
 
</div>

Revision as of 21:29, 26 October 2017

<!DOCTYPE HTML> Dsign - Minimal portfolio Bootstrap template

Recent Post

Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.

Hire Us!

Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.

Contact Us