Difference between revisions of "Team:SUSTech Shenzhen"

 
(43 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{:Team:SUSTech_Shenzhen/removeStyles}}
 
{{:Team:SUSTech_Shenzhen/removeStyles}}
 
{{:Team:SUSTech_Shenzhen/themeCss}}
 
{{:Team:SUSTech_Shenzhen/themeCss}}
 +
<html><link rel="stylesheet" href="https://2016.igem.org/Team:SUSTech_Shenzhen/css/homepage-css?action=raw&ctype=text/css" />
 +
<meta name="google-site-verification" content="dqozyfW9t0H3bW-E5mvbG2nRJPpYki_a4Mi_xeYydHk" /></html>
 
{{:Team:SUSTech_Shenzhen/nav|
 
{{:Team:SUSTech_Shenzhen/nav|
−
opacity=0}}
+
opacity=1}}
 
<html>
 
<html>
−
<div class="header">
+
    <header id="first">
−
      <div class="header_content ">
+
        <div class="header-content">
−
            <div class="container">
+
            <div class="inner">
−
<div class="row" style="height:200px">
+
                <img class="img-responsive" id="soundGIF" src="https://static.igem.org/mediawiki/2016/5/5e/T--SUSTech_Shenzhen--main_gif_words.png">
−
</div>
+
                <hr class="hidden-md">
−
            <div class="row">
+
                <div class="row">
−
            <div class="col-xs-4 col-md-offset-1">
+
                  <div class="col-md-2 col-md-offset-0">
−
                <image id="soundGIF"src=" https://static.igem.org/mediawiki/2016/f/f6/T--SUSTech_Shenzhen--main_gif_words_1.png" width="100%" height="100%"/>  
+
                    <a href="#glance" class="btn btn-primary btn-xl page-scroll">GLANCE <i class="ion-chevron-down"></i></a>
−
              </div>
+
                  </div>
−
              </div>
+
                  <hr class="hidden-md hidden-lg">
−
<div class="row" style="height:50px">
+
                  <div class="col-md-2 col-md-offset-0">
−
</div>
+
                    <a href="https://2016.igem.org/Team:SUSTech_Shenzhen/Description" class="btn btn-primary btn-xl">EXPLORE  <i class="ion-arrow-right-c">
−
              <div class="row">
+
</i></a>
−
              <div class="col-md-2 col-md-offset-2" style="width:200px">
+
                  </div>
−
                  <a href="https://2016.igem.org/Team:SUSTech_Shenzhen/Design" class="btn btn-primary" aria-expanded="true">Learn more</a>
+
                </div>
−
              </div>
+
            </div>
−
              </div>
+
        </div>
−
              </div>
+
        <video autoplay="" loop="" class="fillWidth fadeIn wow collapse in" data-wow-delay="0.5s" poster="https://static.igem.org/mediawiki/2016/c/c4/T--SUSTech_Shenzhen--mainpage_poster.jpg" id="video-background" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;">
−
      </div>
+
−
      <video autoplay="" loop="" class="fillWidth wow collapse in" data-wow-delay="0.5s" poster="https://static.igem.org/mediawiki/2016/c/c4/T--SUSTech_Shenzhen--mainpage_poster.jpg" id="video-background" style="min-width:100%; min-height:100%; width:auto; 1080px; margin-top:-70px; ">
+
 
             <source src="https://static.igem.org/mediawiki/2016/8/82/T--SUSTech_Shenzhen--mainpage_vedio.mp4" type="video/mp4">Your browser does not support the video tag. I suggest you upgrade your browser.
 
             <source src="https://static.igem.org/mediawiki/2016/8/82/T--SUSTech_Shenzhen--mainpage_vedio.mp4" type="video/mp4">Your browser does not support the video tag. I suggest you upgrade your browser.
−
</video>
+
        </video>
−
</div>
+
    </header>
 +
<!-- section class="bg-primary news-pick" id="glance">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 text-center">
 +
                <h2 class="margin-top-0 text-primary">Discovering the Secret of Sound</h2>
 +
                <br>
 +
                <div class="text-faded text-left">
  
 +
                    <p>We use synthetic biology methods to explore how cells sense mechanical stress, such as sound wave. Traditional gene expression regulation techniques, for example, optogenetics and chemical genetics, are commonly used in biological science but with certain limitations. Here we design a new way, audiogenetics, by which we can not only regulate gene expression in cells precisely and nontoxically, but also have an in-depth and comprehensive understanding of our feelings.</p>
  
−
 
+
                </div>
−
<script src="https://2014.igem.org/Team:SUSTC-Shenzhen/static/js/velocity.min.js?action=raw"></script>
+
                <a href="#three" class="btn btn-default btn-xl page-scroll">Projects</a>
−
<script src="https://2014.igem.org/Team:SUSTC-Shenzhen/static/js/main-page.js?action=raw"></script>
+
            </div>
 +
        </div>
 +
    </div>
 +
</section -->
 +
<section id="glance">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-lg-12 text-center">
 +
                <h2 class="margin-top-0 text-primary">In a Glance</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-pinpoint wow fadeIn" data-wow-delay=".3s"></i>
 +
                    <h3>One Target</h3>
 +
                    <p class="text-muted">to make the world audible again</p>
 +
                </div>
 +
            </div>
 +
            <div class="col-lg-4 col-md-4 text-center">
 +
                <div class="feature">
 +
                    <i class="icon-lg ion-code-download wow fadeInUp" data-wow-delay=".2s"></i>
 +
                    <h3>Two Channels</h3>
 +
                    <p class="text-muted">quantified to the core</p>
 +
                </div>
 +
            </div>
 +
            <div class="col-lg-4 col-md-4 text-center">
 +
                <div class="feature">
 +
                    <i class="icon-lg ion-ionic wow fadeIn" data-wow-delay=".3s"></i>
 +
                    <h3>Three Systems</h3>
 +
                    <p class="text-muted">made by scientists for scientists</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <hr>
 +
        <div class="row">
 +
            <div class="col-md-2 col-md-offset-5">
 +
                  <a href="https://2016.igem.org/Team:SUSTech_Shenzhen/Description" class="btn btn-primary btn-xl page-scroll">EXPLORE <i class="ion-arrow-right-c"></i></a>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</section>
 
</html>
 
</html>
 
{{:Team:SUSTech_Shenzhen/wiki-footer}}
 
{{:Team:SUSTech_Shenzhen/wiki-footer}}
 
{{:Team:SUSTech_Shenzhen/themeJs}}
 
{{:Team:SUSTech_Shenzhen/themeJs}}

Latest revision as of 02:56, 20 October 2016

Team SUSTC-Shenzhen

GLANCE
EXPLORE

In a Glance

One Target

to make the world audible again

Two Channels

quantified to the core

Three Systems

made by scientists for scientists

EXPLORE

Made by from the iGEM team SUSTech_Shenzhen.

Licensed under CC BY 4.0.

  • ©2016 SUSTech_Shenzhen