|
|
(4 intermediate revisions by the same user not shown) |
Line 72: |
Line 72: |
| <i class="icon-lg ion-ionic wow fadeIn" data-wow-delay=".3s"></i> | | <i class="icon-lg ion-ionic wow fadeIn" data-wow-delay=".3s"></i> |
| <h3>Three Systems</h3> | | <h3>Three Systems</h3> |
− | <p class="text-muted">made by scientist for scientists</p> | + | <p class="text-muted">made by scientists for scientists</p> |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
| + | <hr> |
| <div class="row"> | | <div class="row"> |
− | <div class="col-md-2 col-md-offset-0"> | + | <div class="col-md-2 col-md-offset-5"> |
− | <a href="#glance" class="btn btn-primary btn-xl page-scroll">GLANCE <i class="ion-chevron-down"></i></a> | + | <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> |
− | </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> |
| </section> | | </section> |