Team:UB Indonesia/backup
From 2014.igem.org
(Difference between revisions)
Line 36: | Line 36: | ||
<li data-slide="1" class="col-12 col-sm-2"><a id="menu-link-1" href="#slide-1" title="Next Section"><span class="icon icon-home"></span> <span class="text">HOME</span></a></li> | <li data-slide="1" class="col-12 col-sm-2"><a id="menu-link-1" href="#slide-1" title="Next Section"><span class="icon icon-home"></span> <span class="text">HOME</span></a></li> | ||
<li data-slide="2" class="col-12 col-sm-2"><a id="menu-link-2" href="#slide-2" title="Next Section"><span class="icon icon-briefcase"></span> <span class="text">PROJECT</span></a></li> | <li data-slide="2" class="col-12 col-sm-2"><a id="menu-link-2" href="#slide-2" title="Next Section"><span class="icon icon-briefcase"></span> <span class="text">PROJECT</span></a></li> | ||
- | <li data-slide="3" class="col-12 col-sm-2"><a id="menu-link-3" href="#slide- | + | <li data-slide="3" class="col-12 col-sm-2"><a id="menu-link-3" href="#slide-7" title="Next Section"><span class="icon icon-book"></span> <span class="text">NOTEBOOK</span></a></li> |
<li data-slide="4" class="col-12 col-sm-2"><a id="menu-link-4" href="#slide-4" title="Next Section"><span class="icon icon-female"></span> <span class="text">HUMAN PRACTICE</span></a></li> | <li data-slide="4" class="col-12 col-sm-2"><a id="menu-link-4" href="#slide-4" title="Next Section"><span class="icon icon-female"></span> <span class="text">HUMAN PRACTICE</span></a></li> | ||
<li data-slide="5" class="col-12 col-sm-2"><a id="menu-link-5" href="#slide-5" title="Next Section"><span class="icon icon-refresh"></span> <span class="text">COLLABORATIONS</span></a></li> | <li data-slide="5" class="col-12 col-sm-2"><a id="menu-link-5" href="#slide-5" title="Next Section"><span class="icon icon-refresh"></span> <span class="text">COLLABORATIONS</span></a></li> | ||
Line 47: | Line 47: | ||
<div class="nav-collapse collapse navbar-responsive-collapse"> | <div class="nav-collapse collapse navbar-responsive-collapse"> | ||
<ul class="nav row"> | <ul class="nav row"> | ||
- | <li data-slide="7" class="col-12 col-sm-4"><a id="menu-link-7" href="#slide- | + | <li data-slide="7" class="col-12 col-sm-4"><a id="menu-link-7" href="#slide-3" title="Next Section"><span class="icon icon-picture"></span> <span class="text">GALERY</span></a></li> |
<li data-slide="8" class="col-12 col-sm-4"><a id="menu-link-8" href="#slide-8" title="Next Section"><span class="icon icon-user"></span> <span class="text">ABOUT US</span></a></li> | <li data-slide="8" class="col-12 col-sm-4"><a id="menu-link-8" href="#slide-8" title="Next Section"><span class="icon icon-user"></span> <span class="text">ABOUT US</span></a></li> | ||
<li data-slide="9" class="col-12 col-sm-4"><a id="menu-link-9" href="#slide-9" title="Next Section"><span class="icon icon-envelope"></span> <span class="text">CONTACT</span></a></li> | <li data-slide="9" class="col-12 col-sm-4"><a id="menu-link-9" href="#slide-9" title="Next Section"><span class="icon icon-envelope"></span> <span class="text">CONTACT</span></a></li> | ||
Line 139: | Line 139: | ||
</div><!-- /slide2 --> | </div><!-- /slide2 --> | ||
- | + | <!-- === Slide 7 - Safety === --> | |
- | <div class="slide story" id="slide- | + | <div class="slide story" id="slide-7" data-slide="7"> |
- | <div class=" | + | <div class="container"> |
- | <div class=" | + | <div class="row title-row"> |
- | <div class=" | + | <div class="col-12 font-semibold">SAFETY</div> |
- | <div class=" | + | </div><!-- /row --> |
- | + | <div class="row line-row"> | |
- | <div | + | <div class="hr"> </div> |
- | + | </div><!-- /row --> | |
- | + | <div class="row subtitle-row"> | |
- | + | <div class="col-sm-1 hidden-sm"> </div> | |
- | + | <div class="col-12 col-sm-10 font-light">Description</div> | |
- | + | <div class="col-sm-1 hidden-sm"> </div> | |
- | + | </div><!-- /row --> | |
- | + | <div class="row content-row"> | |
- | </div><!-- / | + | <div class="col-12 col-lg-4 col-sm-6"> |
- | </div><!-- / | + | <a href="#"><p><i class="icon icon-link"></i></p></a> |
+ | <h2 class="font-thin"><font color="#fff">Collaborations</font></h2> | ||
+ | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
+ | </div><!-- /col12 --> | ||
+ | <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 class="col-12 col-lg-4 col-sm-6"> | ||
+ | <a href="#"><p><i class="icon icon-group"></i></p></a> | ||
+ | <h2 class="font-thin"><font color="#fff">Society</font></h2> | ||
+ | <h4 class="font-thin"><font color="#fff">Detail.</font></h4> | ||
+ | </div><!-- /col12 --> | ||
+ | <div class="col-sm-1 hidden-sm"> </div> | ||
+ | </div><!-- /row --> | ||
+ | </div><!-- /container --> | ||
+ | </div><!-- /slide7 --> | ||
+ | |||
<!-- === Slide 4 - Modeling === --> | <!-- === Slide 4 - Modeling === --> | ||
Line 261: | Line 279: | ||
</div><!-- /container --> | </div><!-- /container --> | ||
</div><!-- /Slide 6 --> | </div><!-- /Slide 6 --> | ||
+ | |||
+ | <!-- === SLide 3 - Galery --> | ||
+ | <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 8 - About Us --> | <!-- === SLide 8 - About Us --> |
Revision as of 01:23, 16 October 2014