Team:UB Indonesia/backup
From 2014.igem.org
(Difference between revisions)
Line 140: | Line 140: | ||
<!-- === SLide 3 - Galery --> | <!-- === SLide 3 - Galery --> | ||
- | <div class="slide story" id="slide-3" data-slide=" | + | <div class="slide story" id="slide-3" data-slide="3"> |
+ | <div class="row"> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/4/4b/Wiraeka.jpg"><img class="thumb" src="https://static.igem.org/mediawiki/2014/4/4b/Wiraeka.jpg" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/9/9f/Ub17.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/9/9f/Ub17.JPG" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/5/5b/Ub23.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/5/5b/Ub23.JPG" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/8/84/Ub24.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/8/84/Ub24.JPG" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/a/ad/Ub28.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/a/ad/Ub28.JPG" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/e/ee/Ubteam-member.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/e/ee/Ubteam-member.JPG" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/4/4d/UB-Advisor.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/4/4d/UB-Advisor.JPG" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/0/03/Foto_seminar_biologi_sintetikUB.jpg"><img class="thumb" src="https://static.igem.org/mediawiki/2014/0/03/Foto_seminar_biologi_sintetikUB.jpg" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p03-large.jpg"><img class="thumb" src="https://static.igem.org/mediawiki/2014/4/4b/Wiraeka.jpg" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p04-large.jpg"><img class="thumb" src="https://static.igem.org/mediawiki/2014/4/4b/Wiraeka.jpg" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p11-large.jpg"><img class="thumb" src="https://static.igem.org/mediawiki/2014/4/4b/Wiraeka.jpg" alt=""></a></div> | ||
+ | <div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p12-large.jpg"><img class="thumb" src="https://static.igem.org/mediawiki/2014/4/4b/Wiraeka.jpg" alt=""></a></div> | ||
+ | </div><!-- /row --> | ||
+ | </div><!-- /slide3 --> | ||
+ | |||
+ | <!-- === Slide 4 - Modeling === --> | ||
+ | <div class="slide story" id="slide-4" data-slide="4"> | ||
<div class="container"> | <div class="container"> | ||
<div class="row title-row"> | <div class="row title-row"> | ||
- | <div class="col-12 font-semibold"> | + | <div class="col-12 font-semibold">MODELING</div> |
</div><!-- /row --> | </div><!-- /row --> | ||
<div class="row line-row"> | <div class="row line-row"> | ||
Line 150: | Line 168: | ||
<div class="row subtitle-row"> | <div class="row subtitle-row"> | ||
<div class="col-sm-1 hidden-sm"> </div> | <div class="col-sm-1 hidden-sm"> </div> | ||
- | <div class="col-12 col-sm-10 font-light"> | + | <div class="col-12 col-sm-10 font-light">Teks description</div> |
<div class="col-sm-1 hidden-sm"> </div> | <div class="col-sm-1 hidden-sm"> </div> | ||
</div><!-- /row --> | </div><!-- /row --> | ||
<div class="row content-row"> | <div class="row content-row"> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-shield"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Preventing</font></h2> |
<h4 class="font-thin"><font color="#fff">Detail.</font></h4> | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-stethoscope"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Screening</font></h2> |
<h4 class="font-thin"><font color="#fff">Detail.</font></h4> | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-medkit"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Therapy</font></h2> |
<h4 class="font-thin"><font color="#fff">Detail.</font></h4> | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
Line 172: | Line 190: | ||
</div><!-- /row --> | </div><!-- /row --> | ||
</div><!-- /container --> | </div><!-- /container --> | ||
- | </div><!-- / | + | </div><!-- /slide4 --> |
- | <!-- === Slide | + | <!-- === Slide 5 /Notebook === --> |
- | <div class="slide story" id="slide- | + | <div class="slide story" id="slide-5" data-slide="5"> |
<div class="container"> | <div class="container"> | ||
<div class="row title-row"> | <div class="row title-row"> | ||
- | <div class="col-12 font-semibold"> | + | <div class="col-12 font-semibold">NOTEBOOK</div> |
</div><!-- /row --> | </div><!-- /row --> | ||
<div class="row line-row"> | <div class="row line-row"> | ||
Line 190: | Line 208: | ||
<div class="row content-row"> | <div class="row content-row"> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-calendar"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Timeline</font></h2> |
<h4 class="font-thin"><font color="#fff">Detail.</font></h4> | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-book"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Lab Journal</font></h2> |
<h4 class="font-thin"><font color="#fff">Detail.</font></h4> | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-fa-flask"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Method</font></h2> |
<h4 class="font-thin"><font color="#fff">Detail.</font></h4> | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
Line 207: | Line 225: | ||
</div><!-- /row --> | </div><!-- /row --> | ||
</div><!-- /container --> | </div><!-- /container --> | ||
- | </div><!-- / | + | </div><!-- /slide5 --> |
- | <!-- === Slide | + | <!-- === Slide 6 / Human Practice === --> |
- | <div class="slide story" id="slide- | + | <div class="slide story" id="slide-6" data-slide="6"> |
<div class="container"> | <div class="container"> | ||
<div class="row title-row"> | <div class="row title-row"> | ||
- | <div class="col-12 font-semibold"> | + | <div class="col-12 font-semibold">HUMAN PRACTICE</div> |
</div><!-- /row --> | </div><!-- /row --> | ||
<div class="row line-row"> | <div class="row line-row"> | ||
Line 225: | Line 243: | ||
<div class="row content-row"> | <div class="row content-row"> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-link"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Workshop</font></h2> |
<h4 class="font-thin"><font color="#fff">Detail.</font></h4> | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-pencil"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Education</font></h2> |
<h4 class="font-thin"><font color="#fff">Detail.</font></h4> | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-group"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Society</font></h2> |
<h4 class="font-thin"><font color="#fff">Detail.</font></h4> | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
Line 242: | Line 260: | ||
</div><!-- /row --> | </div><!-- /row --> | ||
</div><!-- /container --> | </div><!-- /container --> | ||
- | </div><!-- / | + | </div><!-- /Slide 6 --> |
- | <!-- === Slide | + | <!-- === Slide 7 - Safety === --> |
- | <div class="slide story" id="slide- | + | <div class="slide story" id="slide-7" data-slide="7"> |
<div class="container"> | <div class="container"> | ||
<div class="row title-row"> | <div class="row title-row"> | ||
- | <div class="col-12 font-semibold"> | + | <div class="col-12 font-semibold">SAFETY</div> |
</div><!-- /row --> | </div><!-- /row --> | ||
<div class="row line-row"> | <div class="row line-row"> | ||
Line 260: | Line 278: | ||
<div class="row content-row"> | <div class="row content-row"> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-link"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Collaborations</font></h2> |
- | + | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | |
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | + | <a href="#"><p><i class="icon icon-pencil"></i></p></a> | |
+ | <h2 class="font-thin"><font color="#fff">Education</font></h2> | ||
+ | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
<div class="col-12 col-lg-4 col-sm-6"> | <div class="col-12 col-lg-4 col-sm-6"> | ||
- | <a href="#"><p><i class="icon icon- | + | <a href="#"><p><i class="icon icon-group"></i></p></a> |
- | <h2 class="font-thin"><font color="#fff"> | + | <h2 class="font-thin"><font color="#fff">Society</font></h2> |
- | + | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | |
</div><!-- /col12 --> | </div><!-- /col12 --> | ||
<div class="col-sm-1 hidden-sm"> </div> | <div class="col-sm-1 hidden-sm"> </div> | ||
</div><!-- /row --> | </div><!-- /row --> | ||
</div><!-- /container --> | </div><!-- /container --> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div><!-- /slide7 --> | </div><!-- /slide7 --> | ||
Revision as of 01:18, 16 October 2014