Difference between revisions of "Team:SUSTech Shenzhen"

 
(9 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 class="hidden-md">
 
                 <hr class="hidden-md">
 
                 <div class="row">
 
                 <div class="row">
−
                   <div class="col-sm-2 col-md-offset-0">
+
                   <div class="col-md-2 col-md-offset-0">
−
                     <a href="#glance" class="btn btn-primary btn-xl page-scroll">GLANCE</a>
+
                     <a href="#glance" class="btn btn-primary btn-xl page-scroll">GLANCE <i class="ion-chevron-down"></i></a>
 
                   </div>
 
                   </div>
−
                   <div class="col-sm-2 col-md-offset-0">
+
                  <hr class="hidden-md hidden-lg">
−
                     <a href="https://2016.igem.org/Team:SUSTech_Shenzhen/Description" class="btn btn-primary btn-xl">EXPLORE</a>
+
                   <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>
Line 25: Line 27:
 
         </video>
 
         </video>
 
     </header>
 
     </header>
−
<section class="bg-primary news-pick" id="glance">
+
<!-- section class="bg-primary news-pick" id="glance">
 
     <div class="container">
 
     <div class="container">
 
         <div class="row">
 
         <div class="row">
Line 40: 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 54: 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

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