|
|
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"></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"></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"></span>Facebook</a></li>
| + | |
- | <li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Twitter" class="menu"><span class="icon"></span>Twitter</a></li>
| + | |
- |
| + | |
- | <li class="menu-title"><span></span>Social</li>
| + | |
- | </div>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2013.igem.org/Team:UFMG_Brazil/humanpractice#Our_Materials" class="menu"><span class="icon"></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"></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"><span>Open Portfolio</span></a>
| + | |
- | <a href="#" class="button-1 icon tooltip clrfx-2"><span>Visit on Instagram</span></a>
| + | |
- | <a href="http://facebook.com/igemufmg" class="button-1 icon tooltip clrfx-2" target="_blank"><span>Share on Facebook</span></a>
| + | |
- | <a href="https://twitter.com/iGEMUFMG" class="button-1 icon tooltip clrfx-2" target="_blank"><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"></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"><span>Open Portfolio</span></a>
| + | |
- | <a href="#" class="button-1 icon tooltip clrfx-2"><span>Visit on Instagram</span></a>
| + | |
- | <a href="http://facebook.com/igemufmg" class="button-1 icon tooltip clrfx-2" target="_blank"><span>Share on Facebook</span></a>
| + | |
- | <a href="https://twitter.com/iGEMUFMG" class="button-1 icon tooltip clrfx-2" target="_blank"><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></span>Submenu 2</li>
| + | |
- | </div>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- |
| + | |
- | <li class="menu-title"><span></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"> |