Difference between revisions of "Team:SUSTech Shenzhen"

 
(31 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" /></html>
+
<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>
 
     <header id="first">
 
     <header id="first">
 
         <div class="header-content">
 
         <div class="header-content">
 
             <div class="inner">
 
             <div class="inner">
−
                 <h1 class="cursive wow flipInX" style="visibility: visible; animation-name: flipInX;">Simple, One Page Design</h1>
+
                 <img class="img-responsive" id="soundGIF" src="https://static.igem.org/mediawiki/2016/5/5e/T--SUSTech_Shenzhen--main_gif_words.png">
−
                <image id="soundGIF" src="https://static.igem.org/mediawiki/2016/f/f6/T--SUSTech_Shenzhen--main_gif_words_1.png" width="500px" height="100%"/>
+
                <hr class="hidden-md">
−
                <hr>
+
                <div class="row">
−
                <a href="#video-background" id="toggleVideo" data-toggle="collapse" class="btn btn-primary btn-xl">Toggle Video</a> &nbsp; <a href="https://2016.igem.org/Team:SUSTech_Shenzhen/Design" class="btn btn-primary btn-xl page-scroll">Get Started</a>
+
                  <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>
Line 18: Line 27:
 
         </video>
 
         </video>
 
     </header>
 
     </header>
−
    <section class="bg-primary" id="one">
+
<!-- section class="bg-primary news-pick" id="glance">
−
        <div class="container">
+
    <div class="container">
−
            <div class="row">
+
        <div class="row">
−
                <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 text-center">
+
            <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">Built On The Bootstrap Grid</h2>
+
                <h2 class="margin-top-0 text-primary">Discovering the Secret of Sound</h2>
−
                    <br>
+
                <br>
−
                    <p class="text-faded">
+
                <div class="text-faded text-left">
−
                        Bootstrap's responsive grid comes in 4 sizes or "breakpoints": tiny (xs), small(sm), medium(md) and large(lg). These 4 grid sizes enable you create responsive layouts that behave accordingly on different devices.
+
 
−
                    </p>
+
                    <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>
−
                    <a href="#three" class="btn btn-default btn-xl page-scroll wow fadeIn" style="visibility: visible; animation-name: fadeIn;">Learn More</a>
+
 
 
                 </div>
 
                 </div>
 +
                <a href="#three" class="btn btn-default btn-xl page-scroll">Projects</a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </section>
+
     </div>
−
    <section id="two">
+
</section -->
−
        <div class="container">
+
<section id="glance">
−
            <div class="row">
+
    <div class="container">
−
                <div class="col-lg-12 text-center">
+
        <div class="row">
−
                    <h2 class="margin-top-0 text-primary">Flexible Layouts</h2>
+
            <div class="col-lg-12 text-center">
−
                    <hr class="primary">
+
                <h2 class="margin-top-0 text-primary">In a Glance</h2>
−
                </div>
+
                <hr class="primary">
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
        <div class="container">
+
    </div>
−
            <div class="row">
+
    <div class="container">
−
                <div class="col-lg-4 col-md-4 text-center">
+
        <div class="row">
−
                    <div class="feature">
+
            <div class="col-lg-4 col-md-4 text-center">
−
                        <i class="icon-lg ion-android-laptop wow fadeIn" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeIn;"></i>
+
                <div class="feature">
−
                        <h3>Responsive</h3>
+
                    <i class="icon-lg ion-pinpoint wow fadeIn" data-wow-delay=".3s"></i>
−
                        <p class="text-muted">Your site looks good everywhere</p>
+
                    <h3>One Target</h3>
−
                    </div>
+
                    <p class="text-muted">to make the world audible again</p>
 
                 </div>
 
                 </div>
−
                <div class="col-lg-4 col-md-4 text-center">
+
            </div>
−
                    <div class="feature">
+
            <div class="col-lg-4 col-md-4 text-center">
−
                        <i class="icon-lg ion-social-sass wow fadeInUp" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;"></i>
+
                <div class="feature">
−
                        <h3>Customizable</h3>
+
                    <i class="icon-lg ion-code-download wow fadeInUp" data-wow-delay=".2s"></i>
−
                        <p class="text-muted">Easy to theme and customize with SASS</p>
+
                    <h3>Two Channels</h3>
−
                    </div>
+
                    <p class="text-muted">quantified to the core</p>
 
                 </div>
 
                 </div>
−
                <div class="col-lg-4 col-md-4 text-center">
+
            </div>
−
                    <div class="feature">
+
            <div class="col-lg-4 col-md-4 text-center">
−
                        <i class="icon-lg ion-ios-star-outline wow fadeIn" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeIn;"></i>
+
                <div class="feature">
−
                        <h3>Consistent</h3>
+
                    <i class="icon-lg ion-ionic wow fadeIn" data-wow-delay=".3s"></i>
−
                        <p class="text-muted">A mature, well-tested, stable codebase</p>
+
                    <h3>Three Systems</h3>
−
                    </div>
+
                    <p class="text-muted">made by scientists for scientists</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
    </section>
+
        <hr>
−
<script src="https://2014.igem.org/Team:SUSTC-Shenzhen/static/js/velocity.min.js?action=raw"></script>
+
        <div class="row">
−
<script src="https://2014.igem.org/Team:SUSTC-Shenzhen/static/js/main-page.js?action=raw"></script>
+
            <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