Difference between revisions of "Team:SUSTech Shenzhen"

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" />
−
<html><link rel="stylesheet" href="https://2017.igem.org/Team:SUSTech_Shenzhen/css/homepage-css?action=raw&text/css">
+
 
<meta name="google-site-verification" content="dqozyfW9t0H3bW-E5mvbG2nRJPpYki_a4Mi_xeYydHk" /></html>
 
<meta name="google-site-verification" content="dqozyfW9t0H3bW-E5mvbG2nRJPpYki_a4Mi_xeYydHk" /></html>
−
{{:Team:SUSTech_Shenzhen/nav-sonpage}}
+
{{:Team:SUSTech_Shenzhen/nav|
 +
opacity=1}}
 
<html>
 
<html>
−
<body>
 
−
 
 
     <header id="first">
 
     <header id="first">
 
         <div class="header-content">
 
         <div class="header-content">
 
             <div class="inner">
 
             <div class="inner">
−
                 <img class="img-responsive" id="CelegansGIF" src="https://static.igem.org/mediawiki/2017/9/96/T--SUSTech_Shenzhen--3dworm.gif">
+
                 <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>
 
         </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>
 
     </header>
−
<div></div>
+
<!-- section class="bg-primary news-pick" id="glance">
−
</body>
+
    <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>
 +
                <a href="#three" class="btn btn-default btn-xl page-scroll">Projects</a>
 +
            </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}}

Revision as of 12:05, 21 October 2017

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 elegans.Inc in SUSTech_Shenzhen.

Licensed under CC BY 4.0.

  • ©2017 SUSTech_Shenzhen