Difference between revisions of "Team:SUSTech Shenzhen"

 
(16 intermediate revisions by 2 users not shown)
Line 9: Line 9:
 
         <div class="header-content">
 
         <div class="header-content">
 
             <div class="inner">
 
             <div class="inner">
                 <img class="img-responsive" id="soundGIF" src="https://static.igem.org/mediawiki/2016/f/f6/T--SUSTech_Shenzhen--main_gif_words_1.png" />
+
                 <img class="img-responsive" id="soundGIF" src="https://static.igem.org/mediawiki/2016/5/5e/T--SUSTech_Shenzhen--main_gif_words.png">
                 <hr>
+
                 <hr class="hidden-md">
                 <a href="https://2016.igem.org/Team:SUSTech_Shenzhen/Design" class="btn btn-primary btn-xl page-scroll">EXPLORE</a>
+
                 <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>
Line 18: Line 27:
 
         </video>
 
         </video>
 
     </header>
 
     </header>
<section class="bg-primary news-pick" id="one">
+
<!-- section class="bg-primary news-pick" id="glance">
 
     <div class="container">
 
     <div class="container">
 
         <div class="row">
 
         <div class="row">
Line 27: Line 36:
  
 
                     <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>
 
                     <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>
 
                 <a href="#three" class="btn btn-default btn-xl page-scroll">Projects</a>
Line 32: Line 42:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
</section>
+
</section -->
<section id="two">
+
<section id="glance">
    <div class="container">
+
    <div class="container">
 
         <div class="row">
 
         <div class="row">
 
             <div class="col-lg-12 text-center">
 
             <div class="col-lg-12 text-center">
Line 46: Line 56:
 
             <div class="col-lg-4 col-md-4 text-center">
 
             <div class="col-lg-4 col-md-4 text-center">
 
                 <div class="feature">
 
                 <div class="feature">
                     <i class="icon-lg ion-university wow fadeIn" data-wow-delay=".3s"></i>
+
                     <i class="icon-lg ion-pinpoint wow fadeIn" data-wow-delay=".3s"></i>
                     <h3>2 Published Papers</h3>
+
                     <h3>One Target</h3>
                     <p class="text-muted">in Well-recognized Conferences</p>
+
                     <p class="text-muted">to make the world audible again</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="col-lg-4 col-md-4 text-center">
 
             <div class="col-lg-4 col-md-4 text-center">
 
                 <div class="feature">
 
                 <div class="feature">
                     <i class="icon-lg ion-social-windows wow fadeInUp" data-wow-delay=".2s"></i>
+
                     <i class="icon-lg ion-code-download wow fadeInUp" data-wow-delay=".2s"></i>
                     <h3>10 Years</h3>
+
                     <h3>Two Channels</h3>
                     <p class="text-muted">of Programming Experience</p>
+
                     <p class="text-muted">quantified to the core</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="col-lg-4 col-md-4 text-center">
 
             <div class="col-lg-4 col-md-4 text-center">
 
                 <div class="feature">
 
                 <div class="feature">
                     <i class="icon-lg ion-erlenmeyer-flask wow fadeIn" data-wow-delay=".3s"></i>
+
                     <i class="icon-lg ion-ionic wow fadeIn" data-wow-delay=".3s"></i>
                     <h3>2 Awards</h3>
+
                     <h3>Three Systems</h3>
                     <p class="text-muted">in International Competitions</p>
+
                     <p class="text-muted">made by scientists for scientists</p>
                </div>
+
            </div>
+
        </div>
+
    </div>
+
</section>
+
<section id="three" class="no-padding">
+
    <div class="container-fluid">
+
        <div class="row no-gutter">
+
            <div class="col-lg-4 col-sm-6">
+
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
+
                  data-src="images/10.jpg">
+
                    <!--<img src="images/10.jpg"-->
+
                    <!--class="" alt="Image 1">-->
+
                    <div class="gallery-box-image" style="background-image: url('https://static.igem.org/mediawiki/2016/thumb/a/a0/T--SUSTech_Shenzhen--Fixing-the-Wafer-top.jpeg/450px-T--SUSTech_Shenzhen--Fixing-the-Wafer-top.jpeg');"></div>
+
                    <div class="gallery-box-caption">
+
                        <div class="gallery-box-content">
+
                            <div>
+
                                <i class="icon-lg ion-ios-search"></i>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </a>
+
            </div>
+
            <div class="col-lg-4 col-sm-6">
+
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
+
                  data-src="images/11.jpg">
+
                    <div class="gallery-box-image" style="background-image: url('https://static.igem.org/mediawiki/2016/b/b2/T--SUSTech_Shenzhen--rendered-device.png');"></div>
+
                    <div class="gallery-box-caption">
+
                        <div class="gallery-box-content">
+
                            <div>
+
                                <i class="icon-lg ion-ios-search"></i>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </a>
+
            </div>
+
            <div class="col-lg-4 col-sm-6">
+
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
+
                  data-src="images/12.jpg">
+
                    <div class="gallery-box-image" style="background-image: url('https://static.igem.org/mediawiki/2016/thumb/a/a8/SUSTech_Shenzhen-DD2851DE-6D31-4660-B589-A47136F43E95.png/799px-SUSTech_Shenzhen-DD2851DE-6D31-4660-B589-A47136F43E95.png.jpeg');"></div>
+
                    <div class="gallery-box-caption">
+
                        <div class="gallery-box-content">
+
                            <div>
+
                                <i class="icon-lg ion-ios-search"></i>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </a>
+
            </div>
+
            <div class="col-lg-4 col-sm-6">
+
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
+
                  data-src="//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-moto-drawing-illusion-nabeel-1440x960.jpg">
+
                    <div class="gallery-box-image"
+
                        style="background-image: url('//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-moto-drawing-illusion-nabeel-1440x960.jpg');"></div>
+
                    <div class="gallery-box-caption">
+
                        <div class="gallery-box-content">
+
                            <div>
+
                                <i class="icon-lg ion-ios-search"></i>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </a>
+
            </div>
+
            <div class="col-lg-4 col-sm-6">
+
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
+
                  data-src="//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-new-york-crosswalk-nabeel-1440x960.jpg">
+
                    <div class="gallery-box-image"
+
                        style="background-image: url('//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-new-york-crosswalk-nabeel-1440x960.jpg');"></div>
+
                    <div class="gallery-box-caption">
+
                        <div class="gallery-box-content">
+
                            <div>
+
                                <i class="icon-lg ion-ios-search"></i>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </a>
+
            </div>
+
            <div class="col-lg-4 col-sm-6">
+
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
+
                  data-src="//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-clothes-exotic-travel-nabeel-1440x960.jpg">
+
                    <div class="gallery-box-image"
+
                        style="background-image: url('//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-clothes-exotic-travel-nabeel-1440x960.jpg');"></div>
+
                    <div class="gallery-box-caption">
+
                        <div class="gallery-box-content">
+
                            <div>
+
                                <i class="icon-lg ion-ios-search"></i>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </a>
+
            </div>
+
        </div>
+
    </div>
+
</section>
+
<section class="container-fluid" id="four">
+
    <div class="row">
+
        <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
+
            <h2 class="text-center text-primary">Merits</h2>
+
            <hr>
+
            <div class="media wow fadeInRight">
+
                <h3>Web Design</h3>
+
                <div class="media-body media-middle">
+
                    <p>Experienced full-stack web designer fluent in HTML, CSS, JavaScript, Node.js and PHP.</p>
+
                </div>
+
                <div class="media-right">
+
                    <i class="icon-lg ion-ios-bolt-outline"></i>
+
                </div>
+
            </div>
+
            <hr>
+
            <div class="media wow fadeIn">
+
                <h3>Computer Science</h3>
+
                <div class="media-left">
+
                    <i class="icon-lg ion-ios-cloud-download-outline"></i></a>
+
                </div>
+
                <div class="media-body media-middle">
+
                    <p>Deep knowledge of algorithms and computer system design baked in.</p>
+
                </div>
+
            </div>
+
            <hr>
+
            <div class="media wow fadeInRight">
+
                <h3>Electronics</h3>
+
                <div class="media-body media-middle">
+
                    <p>Omni-capable embedded systems engineer in both hardware and software.</p>
+
                </div>
+
                <div class="media-right">
+
                    <i class="icon-lg ion-ios-snowy"></i>
+
                </div>
+
            </div>
+
            <hr>
+
            <div class="media wow fadeIn">
+
                <h3>Heart</h3>
+
                <div class="media-left">
+
                    <i class="icon-lg ion-ios-heart-outline"></i>
+
                </div>
+
                <div class="media-body media-middle">
+
                    <p>Outgoing and open-minded, backed with inherent courage.</p>
+
                </div>
+
            </div>
+
            <hr>
+
            <div class="media wow fadeInRight">
+
                <h3>Culture</h3>
+
                <div class="media-body media-middle">
+
                    <p>Fluent in both English and Japanese, let alone Mandarin.</p>
+
                </div>
+
                <div class="media-right">
+
                    <i class="icon-lg ion-ios-flask-outline"></i>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </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>
 
     </div>
 
</section>
 
</section>

Latest revision as of 02:56, 20 October 2016

Team SUSTC-Shenzhen

In a Glance


One Target

to make the world audible again

Two Channels

quantified to the core

Three Systems

made by scientists for scientists


Made by from the iGEM team SUSTech_Shenzhen.

Licensed under CC BY 4.0.