|
|
(6 intermediate revisions by the same user not shown) |
Line 27: |
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 42: |
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 56: |
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> |