Difference between revisions of "Team:BIT/Model"

Line 18: Line 18:
 
<!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后! -->
 
<!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后! -->
  
<title>Dsign - Minimal portfolio Bootstrap template</title>
+
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/hero-slider-style/CSS?action=raw&amp;ctype=text/css"/>                            
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/bootstrap/min/CSS?action=raw&amp;ctype=text/css"/>
+
    <!-- Hero slider style (https://codyhouse.co/gem/hero-slider/) -->
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/flexslider/CSS?action=raw&amp;ctype=text/css"/>
+
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/jquery.fancybox/CSS?action=raw&amp;ctype=text/css"/>
+
    <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/templatemo-style/CSS?action=raw&amp;ctype=text/css"/>                                
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/main/CSS?action=raw&amp;ctype=text/css"/>
+
    <!-- Templatemo style -->
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/responsive/CSS?action=raw&amp;ctype=text/css"/>
+
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/min/CSS?action=raw&amp;ctype=text/css"/>
+
<link rel="stylesheet" href="css/font-icon.css">
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
+
 
+
+
 
<!-- Animate.css -->
 
<!-- Animate.css -->
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/CSS?action=raw&amp;ctype=text/css"/>
Line 41: Line 35:
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/style/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/style/CSS?action=raw&amp;ctype=text/css"/>
  
 
 
</head>
 
</head>
 +
<body>
 +
  
<body>
 
<!-- header section -->
 
 
 
<div class="fh5co-loader"></div>
 
<div class="fh5co-loader"></div>
 
 
Line 59: Line 51:
 
<div class="col-xs-10 text-right menu-1">
 
<div class="col-xs-10 text-right menu-1">
 
<ul>
 
<ul>
<li class="active"><a href="https://2017.igem.org/Team:BIT">Home</a></li>
+
<li class="active"><a href="home.html">Home</a></li>
 
 
<li class="has-dropdown">
+
<li class="has-dropdown">
 
<a href="#">Blo</a>
 
<a href="#">Blo</a>
 
<ul class="dropdown">
 
<ul class="dropdown">
<li><a href="https://2017.igem.org/Team:BIT/design">Design</a></li>
+
<li><a href="design.html">Design</a></li>
<li><a href="2017.igem.org/Team:BIT/demonstrate">Demonstrate</a></li>
+
<li><a href="demonstrate.html">Demonstrate</a></li>
 
<li><a href="model.html">Model</a></li>
 
<li><a href="model.html">Model</a></li>
 
</ul>
 
</ul>
</li>
+
  </li><li><a href="practice.html">Practice</a></li>
<li><a href="practice.html">Practice</a></li>
+
<li><a href="Achievement.html">Achievement</a></li>
                            <li><a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a></li>
+
 
<li><a href="notebook.html">Notebook</a></li>
 
<li><a href="notebook.html">Notebook</a></li>
 
<li class="btn-cta"><a href="#"><span>Team</span></a></li>
 
<li class="btn-cta"><a href="#"><span>Team</span></a></li>
Line 80: Line 71:
 
</div>
 
</div>
 
</nav>
 
</nav>
<div id="fh5co-features">
+
      <div id="fh5co-blog">
 
<div class="container">
 
<div class="container">
<div class="services-padding">
+
  <div class="row animate-box">
<div class="row">
+
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<div class="col-md-4 animate-box">
+
<h2>Recent Post</h2>
<div class="feature-left">
+
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
<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>
+
            <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="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title">Picture <span>One</span></h2>
 +
                                           
 +
                                                <a href="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg">View more</a>
 +
                                            </figcaption>         
 +
                                        </figure>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <figure class="effect-ruby">
 +
                                            <img src="https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title">Picture <span>Two</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 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 id="fh5co-started">
<div class="feature-copy">
+
<div class="overlay"></div>
<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>
+
 
+
 
+
 
+
</footer>
+
<div id="fh5co-started">
+
  <div class="overlay"></div>
+
 
<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">
<center><h2>Hire Us!</h2></center>
+
<h2>Hire Us!</h2>
 
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
 
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
 
<p><a href="#" class="btn btn-default btn-lg">Contact Us</a></p>
 
<p><a href="#" class="btn btn-default btn-lg">Contact Us</a></p>
 
</div>
 
</div>
  </div>
+
</div>
 
</div>
 
</div>
</div>
+
</div>
  
 
<footer id="fh5co-footer" role="contentinfo">
 
<footer id="fh5co-footer" role="contentinfo">
Line 322: Line 174:
 
</div>
 
</div>
 
</footer>
 
</footer>
</div>
+
</div>
  
 
<div class="gototop js-top">
 
<div class="gototop js-top">
 
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
 
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
 
</div>
 
</div>
 +
 
<!-- JS FILES -->  
 
<!-- JS FILES -->  
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?action=raw&amp;ctype=text/jacascript"></script>  
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?action=raw&amp;ctype=text/jacascript"></script>  

Revision as of 17:12, 29 October 2017

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