Difference between revisions of "Team:BIT/achievement"

 
(58 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
<!DOCTYPE HTML>
+
<html>
−
<html class="no-js" lang="">
+
−
<!--<![endif]-->
+
 
<head>
 
<head>
 +
<style>
 +
#sideMenu,#top_title{
 +
display:none;
 +
}
 +
#content{
 +
width:100%;margin:0px;padding:0px;
 +
background:#FFF;
 +
}
 +
</style>
 +
 +
 +
<body>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Line 18: Line 28:
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  
−
+
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/hero-slider-style/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/templatemo-style/CSS?action=raw&amp;ctype=text/css"/>                                 
 +
    <!-- Templatemo style -->
 
<!-- 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 30: Line 44:
 
<!-- Theme style  -->
 
<!-- Theme style  -->
 
<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"/>
−
<style>
 
  
−
 
−
        /*以下CSS用于解决iGEM官网坑爹样式问题*/
 
−
        body {
 
−
            height: 100%;
 
−
            width: 100%;
 
−
            font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
 
−
            background-color: rgba(242,215,188,0.4);
 
−
        }
 
−
        #globalWrapper{
 
−
            margin: 0;
 
−
            padding: 0;
 
−
        }
 
−
        #content{
 
−
            width: 100%;
 
−
            padding: 0;
 
−
            margin: -12px 0 0;
 
−
        }
 
−
 
−
      #HQ_page p {
 
−
    font-family: "Arial",Helvetica,sans-serif;
 
−
    font-size: 13px;
 
−
    text-align: center;
 
−
 
−
        #top_title{
 
−
            display: none;
 
−
        }
 
−
        #sideMenu{
 
−
            display: none;
 
−
        }
 
−
      #content,
 
−
      .vs-content,
 
−
      .vs-wrapper section {
 
−
        background-color: transparent !important;
 
−
      }
 
−
      .my-backTop:visited {
 
−
        color: #F8A886 !important;
 
−
      }
 
−
        /*以上CSS用于解决iGEM官网坑爹样式问题*/
 
−
</style>
 
 
   
 
   
 
</head>
 
</head>
Line 89: Line 63:
 
<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="has-dropdown">
 
<li class="has-dropdown">
−
<a href="#">Blo</a>
+
<a>Project</a>
 
<ul class="dropdown">
 
<ul class="dropdown">
−
<li><a href="https://2017.igem.org/Team:BIT/design">Design</a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/Design">Design</a></li>
−
<li><a href="https://2017.igem.org/demonstrate.html">Demonstrate</a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/Demonstrate">Demonstrate</a></li>
−
<li><a href="https://2017.igem.org/model.html">Model</a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/Model">Model</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="https://2017.igem.org/practice.html">Practice</a></li>
+
<li class="has-dropdown">
−
                            <li><a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a></li>
+
<a href="https://2017.igem.org/Team:BIT/achievement"style="color:#1b8fac">Achievement</a>
−
<li><a href="notebook.html">Notebook</a></li>
+
<ul class="dropdown">
−
<li class="btn-cta"><a href="#"><span>Team</span></a></li>
+
<li><a href="https://2017.igem.org/Team:BIT/Medal">Medal</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/Prize">Prize</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/Parts">Part</a></li>
 +
                                                                        <li><a href="https://2017.igem.org/Team:BIT/Safety">Safety Form</a></li>
 +
</ul>
 +
</li>
 +
                       
 +
<li class="has-dropdown">
 +
<a href="https://2017.igem.org/Team:BIT/HP">Practice</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2017.igem.org/Team:BIT/HP/Silver">Silver</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/HP/Gold_Integrated">Gold</a></li>
 +
        <li><a href="https://2017.igem.org/Team:BIT/Engagement"> Engagement</a></li>
 +
                                                                <li><a href="https://2017.igem.org/Team:BIT/Entrepreneurship">Entreperneurship</a></li>
 +
</ul>
 +
</li>
 +
<li class="has-dropdown">
 +
<a href="https://2017.igem.org/Team:BIT/Notebook">Notebook</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2017.igem.org/Team:BIT/Gallery">Gallery</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/Track">Track</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/nb">Journal</a></li>
 +
                                                                <li><a href="https://2017.igem.org/Team:BIT/Protocol">Protocol</a></li>
 +
</ul>
 +
</li>
 +
                                                        <li class="has-dropdown">
 +
<a href="https://2017.igem.org/Team:BIT/Team">Team</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2017.igem.org/Team:BIT/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/Team/Member">Member</a></li>
 +
<li><a href="https://2017.igem.org/Team:BIT/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
<li class="btn-cta"><a href="https://2017.igem.org/Team:BIT"><span>Home</span></a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 111: Line 118:
 
</nav>
 
</nav>
  
−
  <div id="fh5co-blog">
+
<div id="fh5co-blog">
 
<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>Achievement</h2>
 
<h2>Achievement</h2>
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
+
<h3>We divided our work we have done into four parts,and we believe that every part can give you a different surprise.</h3>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="row">
+
  <div>
−
<div class="col-md-4">
+
                    <div class="container">
−
<div class="fh5co-blog animate-box">
+
                        <div class="container-fluid js-tm-page-content" data-page-no="4" data-page-type="gallery">                      
−
<a href="#" class="blog-bg" style="background-image: url(https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg);"></a>
+
                            <div class="tm-img-gallery-container tm-img-gallery-container-3">
−
<div class="blog-text">
+
                                <div class="tm-img-gallery gallery-three">
−
+
                             
−
<h3><a href="#">Photoshoot On The Street</a></h3>
+
                                    <div class="grid-item">
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+
                                        <figure class="effect-ruby">
−
<ul class="stuff">
+
                                            <img src="https://static.igem.org/mediawiki/2017/a/a3/BIT_medal1.png" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title">Medal</span></h2>
 +
                                           
 +
                                                <a href="https://2017.igem.org/Team:BIT/Medal">View more</a>
 +
                                            </figcaption>         
 +
                                        </figure>
 +
                                    </div>
 +
                                    <div class="grid-item">
 +
                                        <figure class="effect-ruby">
 +
                                            <img src="https://static.igem.org/mediawiki/2017/b/b5/Prize.png" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title">Prize</span></h2>
 +
                                             
 +
                                                <a href="https://2017.igem.org/Team:BIT/Prize">View more</a>
 +
                                            </figcaption>          
 +
                                        </figure>
 +
                                    </div>
 +
                                                                                                               
 +
                                </div>                               
 +
                            </div> <!-- .tm-img-gallery-container -->
 +
                        </div>      
 +
                    </div> 
 +
</div>
  
−
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="fh5co-blog animate-box">
 
−
<a href="#" class="blog-bg" style="background-image: url(https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg);"></a>
 
−
<div class="blog-text">
 
−
 
−
<h3><a href="#">Surfing at Philippines</a></h3>
 
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
 
−
<ul class="stuff">
 
−
 
−
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="fh5co-blog animate-box">
 
−
<a href="#" class="blog-bg" style="background-image: url(https://static.igem.org/mediawiki/2017/7/7a/Work-02.jpg);"></a>
 
−
<div class="blog-text">
 
−
 
−
<h3><a href="#">Focus On Uderwater</a></h3>
 
−
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
 
−
<ul class="stuff">
 
−
 
−
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div id="fh5co-started">
 
−
<div class="overlay"></div>
 
−
<div class="container">
 
−
<div class="row animate-box">
 
−
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 
−
<h2>Hire Us!</h2>
 
−
<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>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
  
−
<footer id="fh5co-footer" role="contentinfo">
+
        <div class="container">
−
<div class="container">
+
                        <div class="container-fluid js-tm-page-content" data-page-no="4" data-page-type="gallery">                      
−
<div class="row row-pb-md">
+
                            <div class="tm-img-gallery-container tm-img-gallery-container-3">
−
<div class="col-md-4 fh5co-widget">
+
                                <div class="tm-img-gallery gallery-three">
−
<h4>Air</h4>
+
                             
−
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
+
                                    <div class="grid-item">
−
</div>
+
                                        <figure class="effect-ruby">
−
<div class="col-md-2 col-md-push-1 fh5co-widget">
+
                                            <img src="https://static.igem.org/mediawiki/2017/e/e1/Igem_BIITparts.png" alt="Image" class="img-fluid tm-img">
−
<h4>Links</h4>
+
                                            <figcaption>
−
<ul class="fh5co-footer-links">
+
                                                <h2 class="tm-figure-title">Part</span></h2>
−
<li><a href="home.html">Home</a></li>
+
                                           
−
<li><a href="#">Team</a></li>
+
                                                <a href="https://2017.igem.org/Team:BIT/Parts">View more</a>
−
<li><a href="Achievement.html">Achievement</a></li>
+
                                            </figcaption>          
−
<li><a href="notebook.html">Notebook</a></li>
+
                                        </figure>
−
</ul>
+
                                    </div>
−
</div>
+
                                    <div class="grid-item">
 +
                                        <figure class="effect-ruby">
 +
                                            <img src="https://static.igem.org/mediawiki/2017/c/c2/Igembitsafety.png" alt="Image" class="img-fluid tm-img">
 +
                                            <figcaption>
 +
                                                <h2 class="tm-figure-title">Safety<span>Form</span></h2>
 +
                                             
 +
                                                <a href="https://2017.igem.org/Team:BIT/https://2017.igem.org/Team:BIT/Safety">View more</a>
 +
                                            </figcaption>          
 +
                                        </figure>
 +
                                    </div>
 +
                                                                                                               
 +
                                </div>                               
 +
                            </div> <!-- .tm-img-gallery-container -->
 +
                        </div>     
 +
                    </div>
 +
</div>
  
−
<div class="col-md-2 col-md-push-1 fh5co-widget">
+
<div id="fh5co-started">
−
<h4>Categories</h4>
+
    <div class="overlay"></div>
−
<ul class="fh5co-footer-links">
+
    <div class="container">
−
<li><a href="#">Landing Page</a></li>
+
      <div class="row animate-box">
−
<li><a href="#">Real Estate</a></li>
+
        <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
−
<li><a href="#">Personal</a></li>
+
          <h2>Contact Us!</h2>
−
<li><a href="#">Business</a></li>
+
          <p><center>Please keep reading if you want to contact us.</center></p>
−
<li><a href="#">e-Commerce</a></li>
+
     
−
</ul>
+
        </div>
−
</div>
+
      </div>
−
 
+
    </div>
−
<div class="col-md-4 col-md-push-1 fh5co-widget">
+
  </div>
−
<h4>Contact Information</h4>
+
  <footer id="fh5co-footer" role="contentinfo">
−
<ul class="fh5co-footer-links">
+
    <div class="container">
−
<li>198 West 21th Street, <br> Suite 721 New York NY 10016</li>
+
      <div class="row row-pb-md">
−
<li><a href="tel://1234567920">+ 1235 2355 98</a></li>
+
        <div class="col-md-4 fh5co-widget">
−
<li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
+
          <h4>BIT</h4>
−
<li><a href="http://#">freehtml5.co</a></li>
+
          <p>It's an excellent Team with thoughtful persons full of funs to the academic</p>
−
</ul>
+
        </div>
−
</div>
+
        <div class="col-md-2 col-md-push-1 fh5co-widget">
−
 
+
          <h4>Links</h4>
−
</div>
+
          <ul class="fh5co-footer-links">
−
 
+
            <li><a href="https://2017.igem.org/Team:BIT">Home</a></li>
−
<div class="row copyright"> </div>
+
            <li><a href="https://2017.igem.org/Team:BIT/Team">Team</a></li>
−
 
+
            <li><a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a></li>
−
</div>
+
            <li><a href="https://2017.igem.org/Team:BIT/Notebook">Notebook</a></li>
−
</footer>
+
          </ul>
−
</div>
+
        </div>
−
 
+
     
−
<div class="gototop js-top">
+
        <div class="col-md-4 col-md-push-1 fh5co-widget">
−
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
+
          <h4>Contact Information</h4>
−
</div>
+
          <ul class="fh5co-footer-links">
 +
            <li><a href="">Beijing Institute of Technology No.5 Yard,Zhong Guan Cun South Street Haidian District, Beijing, CHINA</li>
 +
            <li><a href="">Wechat:iGEM_BIT</a></li>
 +
            <li><a href="">igem_bit@outlook.com</a></li>
 +
            <li><a href="">Facebook:iGEM_BIT</li>
 +
          </ul>
 +
        </div>
 +
      </div>
 +
      <div class="row copyright"> </div>
 +
    </div>
 +
  </footer>
 +
</div>
 +
<div class="gototop js-top"> <a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a> </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>  
 
<script src="https://2017.igem.org/Template:BIT/bootstrap/min/Javascript"></script>  
 
<script src="https://2017.igem.org/Template:BIT/bootstrap/min/Javascript"></script>  
−
 
 
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript"></script>  
 
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript"></script>  
−
+
<script src="https://2017.igem.org/Template:BIT/jquery.easing/1/3/Javascript?action=raw&amp;ctype=text/javascript"></script>  
−
 
+
<!-- Bootstrap -->  
−
<script src="https://2017.igem.org/Template:BIT/jquery.easing/1/3/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Template:BIT/bootstrap/Javascript?action=raw&amp;ctype=text/javascript"></script>  
−
<!-- Bootstrap -->
+
<!-- Waypoints -->  
−
<script src="https://2017.igem.org/Template:BIT/bootstrap/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Template:BIT/jquery/waypoints/min/Javascript?action=raw&amp;ctype=text/javascript"></script>  
−
<!-- Waypoints -->
+
<!-- Flexslider -->  
−
<script src="https://2017.igem.org/Template:BIT/jquery/waypoints/min/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript?action=raw&amp;ctype=text/javascript"></script>  
−
<!-- Flexslider -->
+
<!-- Main -->  
−
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
−
<!-- Main -->
+
 
<script src="https://2017.igem.org/Template:BIT/main/Javascript?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Template:BIT/main/Javascript?action=raw&amp;ctype=text/javascript"></script>
−
 
+
</body>
−
</body>
+
 
</html>
 
</html>

Latest revision as of 02:56, 2 November 2017

Dsign - Minimal portfolio Bootstrap template

Achievement

We divided our work we have done into four parts,and we believe that every part can give you a different surprise.

Image

Medal

View more
Image

Prize

View more
Image

Part

View more
Image

SafetyForm

View more

Contact Us!

Please keep reading if you want to contact us.