Template:Team:UFMG Brazil/barra

From 2013.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 61: Line 61:
<div class="dropdown-box lvl-1">
<div class="dropdown-box lvl-1">
<!-- First level -->
<!-- First level -->
-
<li<a href="https://2013.igem.org/Team:UFMG_Brazil/Ourtalks" class="menu"><span><i class="icon-comments-alt"></i></span>Divulgation</a>
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/Talks" class="menu"><span><i class="icon-comments-alt"></i></span>Our Talks</a>
-
</li>
 
-
 
-
                  <!-- Third level -->
 
-
<ul class="fade-in">
 
-
<div class="dropdown-box lvl-3">
 
-
<li class="content-full-width">
 
-
<div id="inner-block-1">
 
-
<a href="#" class="overlay-img">
 
-
<img src="http://bios.ligamedica.com/ufmg/images/photography/pic-1.jpg" />
 
-
<div class="overlay-icon icon">&#xf002;</div>
 
-
</a>
 
-
<div class="content">
 
-
<div class="title">My newest photo</div>
 
-
<p>Lorem Ipsum is simply dummy text of the printing and typesetting text.</p>
 
-
<!-- START - Buttons with hover -->
 
-
<p>
 
-
<a href="#" class="button-1 icon tooltip clrfx-2">&#xf0c1;<span>Open Portfolio</span></a>
 
-
<a href="#" class="button-1 icon tooltip clrfx-2">&#xf16d;<span>Visit on Instagram</span></a>
 
-
<a href="http://facebook.com/igemufmg" class="button-1 icon tooltip clrfx-2" target="_blank">&#xf09a;<span>Share on Facebook</span></a>
 
-
<a href="https://twitter.com/iGEMUFMG" class="button-1 icon tooltip clrfx-2" target="_blank">&#xf099;<span>Post it on Twitter</span></a>
 
-
</p>
 
-
<!-- END - Buttons with hover -->
 
-
</div>
 
-
</div>
 
-
</li>
 
-
<li class="content-full-width">
 
-
<div id="inner-block-1">
 
-
<a href="#" class="overlay-img">
 
-
<img src="http://bios.ligamedica.com/ufmg/images/photography/pic-2.jpg" />
 
-
<div class="overlay-icon icon">&#xf002;</div>
 
-
</a>
 
-
<div class="content">
 
-
<div class="title">My other photo</div>
 
-
<p>Lorem Ipsum is simply dummy text of the printing and typesetting text.</p>
 
-
<!-- START - Buttons with hover -->
 
-
<p>
 
-
<a href="#" class="button-1 icon tooltip clrfx-2">&#xf0c1;<span>Open Portfolio</span></a>
 
-
<a href="#" class="button-1 icon tooltip clrfx-2">&#xf16d;<span>Visit on Instagram</span></a>
 
-
<a href="http://facebook.com/igemufmg" class="button-1 icon tooltip clrfx-2" target="_blank">&#xf09a;<span>Share on Facebook</span></a>
 
-
<a href="https://twitter.com/iGEMUFMG" class="button-1 icon tooltip clrfx-2" target="_blank">&#xf099;<span>Post it on Twitter</span></a>
 
-
</p>
 
-
<!-- END - Buttons with hover -->
 
-
</div>
 
-
</div>
 
-
<div class="clrfx-1"></div>
 
-
</li>
 
-
<li class="menu-title"><span>&#xf030;</span>Submenu 2</li>
 
-
</div>
 
-
</ul>
 
-
</li>
 
-
 
-
<li class="menu-title"><span>&#xf0a1;</span>Get to Know</li>
 
-
</div>
 
-
</ul>
 
</li>
</li>
-
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/Divulgation" class="menu"><span><i class="icon-bullhorn"></i> </span>Divulgation</a></li>
 +
                                                <li><a href="https://2013.igem.org/Team:UFMG_Brazil/Outsidethebox" class="menu"><span><i class="icon-qrcode"></i></span>Thinking Outside of the Box</a></li>
                                                  
                                                  
-
                                               
+
                                             
-
                                               
+
-
                                              <li><a href="https://2013.igem.org/Team:UFMG_Brazil/Divulgation" class="menu"><span><i class="icon-bullhorn"></i></span> Divulgation </a></li>
+
-
                                                                      <li><a href="https://2013.igem.org/Team:UFMG_Brazil/Outofthebox" class="menu"><span><i class="icon-qrcode"></i></span> Thinking Outside of the Box </a></li>
+
-
+
<ul class="fade-in">
<ul class="fade-in">
<div class="dropdown-box lvl-2">
<div class="dropdown-box lvl-2">
Line 253: Line 196:
<div class="title">iGEM UFMG 2013</div>
<div class="title">iGEM UFMG 2013</div>
<div class="sub-title">1. Cardbio</div>
<div class="sub-title">1. Cardbio</div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Cardbio#The_Problem" class="link-1">The problem </a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Theproblem" class="link-1">The problem </a></div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Cardbio#CardBio:_The_Project" class="link-1">The project </a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Ourdesign" class="link-1">Our design</a></div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Cardbio#Our_Design" class="link-1">Our design</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Biomarkers" class="link-1">Biomarkers</a></div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Cardbio#Biomarkers" class="link-1">Biomarkers</a></div>
+
<div class="sub-title">2. In the Lab</div>
<div class="sub-title">2. In the Lab</div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/lab#Notebook" class="link-1">Notebook</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Notebook" class="link-1">Notebook</a></div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/lab#Protocols" class="link-1">Protocols</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Protocols" class="link-1">Protocols</a></div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/lab#Safety" class="link-1">Safety</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Safety" class="link-1">Safety</a></div>
-
                                                                                 <div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/lab#Results" class="link-1">Results</a></div>
+
                                                                                 <div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Results" class="link-1">Results</a></div>
<div class="sub-title">3. Human practice</div>
<div class="sub-title">3. Human practice</div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Divulgation" class="link-1">Divulgation</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Talks" class="link-1">Our Talks</a></div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#The_Brickard_Game" class="link-1">The brickard game</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Divulgation" class="link-1">Divulgation</a></div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Augmented_Reality_App" class="link-1">Augmented reality app</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Outsidethebox" class="link-1">Thinking Outside of the Box</a></div>
</div>
</div>
<div class="column-256 no-padding last">
<div class="column-256 no-padding last">
<div class="row">
<div class="row">
-
<span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Metalab" class="link-1">Metalab</a></div>
+
 
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Videos" class="link-1">Videos </a></div>
+
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Our_talks" class="link-1">Our Talks</a></div>
+
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Art_Work" class="link-1">Art Work</a></div>
+
<div class="sub-title">4. Modeling</div>
<div class="sub-title">4. Modeling</div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/modeling#Modeling_TMAO_system" class="link-1">TMAO</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/TMAO" class="link-1">TMAO</a></div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/modeling#Modeling_IMA_System" class="link-1">IMA</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/IMA" class="link-1">IMA</a></div>
<div class="sub-title">5. Our Team</div>
<div class="sub-title">5. Our Team</div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/team#Get_to_know_UFMG" class="link-1">Get to Know UFMG</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/UFMG" class="link-1">Get to Know UFMG</a></div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/team#The_Team" class="link-1">Team</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Team" class="link-1">Team</a></div>
-
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/team#Acknowledgment" class="link-1">Acknowledgement</a></div>
+
<div class="row"><span class="icon">&#xf0da;</span><a href="https://2013.igem.org/Team:UFMG_Brazil/Acknowledgment" class="link-1">Acknowledgement</a></div>
</div>
</div>
Line 311: Line 250:
</div>
</div>
 +
<!-- START Expanded menu -->
 +
<section id="expanded-menu">
 +
<div class="wrapper">
 +
<input id="expanded-content" name="exp-content-1" type="checkbox" />
 +
<label for="expanded-content"></label>
 +
<article class="expanded-content-440">
 +
<div id="columns-expanded">
 +
<div class="title">Hey, you found our secret pocket!</div>
 +
 +
<div class="clrfx-4"></div>
 +
<div class="column-658 bg"><img src='https://static.igem.org/mediawiki/2013/2/26/Epcb.jpg'></div>
 +
 +
</div>
 +
</article>
 +
</div>
 +
</section>
 +
<!-- END Expanded menu -->
</footer>
</footer>
</html>
</html>

Latest revision as of 00:20, 29 October 2013