Template:Team:UFMG Brazil/barra

From 2013.igem.org

(Difference between revisions)
Line 61: Line 61:
<div class="dropdown-box lvl-1">
<div class="dropdown-box lvl-1">
<!-- First level -->
<!-- First level -->
-
<li class="has-menu"><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Divulgation" class="menu"><span><i class="icon-bullhorn"></i></span>Divulgation</a>
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/Ourtalks" class="menu"><span><i class="icon-comments-alt"></i></span>Our Talks</a>
-
<!-- Second level -->
+
-
<ul class="fade-in">
+
-
<div class="dropdown-box lvl-2">
+
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#In_the_news" class="menu"><span class="icon">&#xf03d;</span>In the News</a></li>
+
-
<li class="has-menu"><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Social_Media" class="menu"><span class="icon">&#xf164;</span>Social Media</a>
+
-
<ul class="fade-in">
+
-
<div class="dropdown-box lvl-3">
+
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Facebook" class="menu"><span class="icon">&#xf082;</span>Facebook</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Twitter" class="menu"><span class="icon">&#xf099;</span>Twitter</a></li>
+
-
+
-
<li class="menu-title"><span>&#xf164;</span>Social</li>
+
-
</div>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Our_Materials" class="menu"><span class="icon">&#xf115;</span>Our materials</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/humanpractice#The_Brickard_Game" class="menu"><span><i class="icon-star-half-empty"></i> </span>The Brickard game</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/humanpractice#Augmented_Reality_App" class="menu"><span><i class="icon-qrcode"></i></span>Augmented Reality app</a></li>
+
                                                 <li><a href="https://2013.igem.org/Team:UFMG_Brazil/Outsideofthebox" class="menu"><span><i class="icon-qrcode"></i></span>Thinking Outisde of the Box</a></li>
-
                                                 <li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#BiOS" class="menu"><span><i class="icon-globe"></i></span>  Bios Website</a></li>
+
                                                  
-
                                                <li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Metalab" class="menu"><span><i class="icon-wrench"></i></span> Metalab</a></li>
+
                                             
-
                                                <li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Videos" class="menu"><span><i class="icon-youtube-play"></i></span>Videos</a></li>
+
-
                                                <li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Our_talks" class="menu"><span><i class="icon-comments-alt"></i></span> Our talks</a></li>
+
-
                                                <li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Art_Work" class="menu"><span><i class="icon-music"></i></span> Art work</a></li>
+
-
+
<ul class="fade-in">
<ul class="fade-in">
<div class="dropdown-box lvl-2">
<div class="dropdown-box lvl-2">

Revision as of 17:21, 28 October 2013