(144 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/ | + | {{:Team:SUSTech_Shenzhen/nav| |
− | + | opacity=1}} | |
<html> | <html> | ||
+ | <header id="first"> | ||
+ | <div class="header-content"> | ||
+ | <div class="inner"> | ||
+ | <img class="img-responsive" id="soundGIF" src="https://static.igem.org/mediawiki/2016/5/5e/T--SUSTech_Shenzhen--main_gif_words.png"> | ||
+ | <hr class="hidden-md"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2 col-md-offset-0"> | ||
+ | <a href="#glance" class="btn btn-primary btn-xl page-scroll">GLANCE <i class="ion-chevron-down"></i></a> | ||
+ | </div> | ||
+ | <hr class="hidden-md hidden-lg"> | ||
+ | <div class="col-md-2 col-md-offset-0"> | ||
+ | <a href="https://2016.igem.org/Team:SUSTech_Shenzhen/Description" class="btn btn-primary btn-xl">EXPLORE <i class="ion-arrow-right-c"> | ||
+ | </i></a> | ||
+ | </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;"> | ||
+ | <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> | ||
+ | </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 | + | </div> |
− | + | <a href="#three" class="btn btn-default btn-xl page-scroll">Projects</a> | |
− | < | + | </div> |
− | + | </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
In a Glance
One Target
to make the world audible again
Two Channels
quantified to the core
Three Systems
made by scientists for scientists