Template:Team:UFMG Brazil/barra

From 2013.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 32: Line 32:
<!-- START Left menu -->
<!-- START Left menu -->
<ul id="footer-menu" class="dropdown dropdown-basic dropdown-up">
<ul id="footer-menu" class="dropdown dropdown-basic dropdown-up">
-
<li><div class="main-item">In the Lab <span>+</span></div>
+
<li><div class="main-item"><a href="https://2013.igem.org/Team:UFMG_Brazil/Inthelab" class="mnn">In the Lab <span>+</span></a></div>
<!-- First level -->
<!-- First level -->
<ul class="fade-in">
<ul class="fade-in">
<div class="dropdown-box lvl-1">
<div class="dropdown-box lvl-1">
                                                                          
                                                                          
-
<li class="has-menu"><a href="https://2013.igem.org/Team:UFMG_Brazil/lab#Notebook" class="menu"><span class="icon basic">&#xf040;</span>Notebook</a>
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/Notebook" class="menu"><span class="icon basic">&#xf040;</span>Notebook</a>
<!-- Second level -->
<!-- Second level -->
-
<ul class="fade-in">
+
-
<div class="dropdown-box lvl-2">
+
-
                        <li><a href="https://2013.igem.org/Team:UFMG_Brazil/lab#Brainstorming" class="menu"><span class="icon basic">&#xf0da;</span>Brainstorming</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/lab#Day_by_Day" class="menu"><span class="icon basic">&#xf0da;</span>Day by day</a></li>
+
-
<li class="menu-title"><span>&#xf040;</span>Notebook</li>
+
-
                </div>
+
-
        </ul>
+
</li>
</li>
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/lab/protocols#Protocols" class="menu"><span class="icon basic">&#xf0cb;</span>Protocols</a></li>
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/Protocols" class="menu"><span class="icon basic">&#xf0cb;</span>Protocols</a></li>
-
<li class="has-menu"><a href="https://2013.igem.org/Team:UFMG_Brazil/lab/safety" class="menu"><span class="icon basic">&#xf14a;</span>Safety</a>
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/Safety" class="menu"><span class="icon basic">&#xf14a;</span>Safety</a>
-
<!-- Second level -->
+
-
<ul class="fade-in">
+
</li>
-
<div class="dropdown-box lvl-2">
+
-
                                                                                                                          <li><a href="https://2013.igem.org/Team:UFMG_Brazil/lab/safety#Biosafety_Course" class="menu"><span class="icon basic">&#xf0da;</span>Course</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/lab/safety#Safety" class="menu"><span class="icon basic">&#xf0da;</span>Form and Hazard</a></li>
+
-
<li class="menu-title"><span>&#xf14a;</span>Safety</li>
+
-
</div>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/lab/results" class="menu"><span class="icon basic">&#xf080;</span>Results</a></li>
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/Results" class="menu"><span class="icon basic">&#xf080;</span>Results</a></li>
</div>
</div>
Line 70: Line 57:
<!-- START Extended menu -->
<!-- START Extended menu -->
<ul id="footer-menu" class="dropdown dropdown-basic dropdown-up">
<ul id="footer-menu" class="dropdown dropdown-basic dropdown-up">
-
<li><div class="main-item">Human Practice <span>+</span></div>
+
<li><div class="main-item"><a href="https://2013.igem.org/Team:UFMG_Brazil/Humanpractices" class="mnn">Human Practice <span>+</span></a></div>
<ul class="fade-in">
<ul class="fade-in">
<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/Talks" 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/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/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">
Line 235: Line 152:
<!-- START Right menu -->
<!-- START Right menu -->
<ul id="footer-menu" class="dropdown dropdown-basic dropdown-up">
<ul id="footer-menu" class="dropdown dropdown-basic dropdown-up">
-
<li><div class="main-item">Modeling <span>+</span></div>
+
<li><div class="main-item"><a href="https://2013.igem.org/Team:UFMG_Brazil/Modeling" class="mnn">Modeling <span>+</span></div>
<!-- First level -->
<!-- First level -->
<ul class="fade-in right">
<ul class="fade-in right">
<div class="dropdown-box lvl-1 right">
<div class="dropdown-box lvl-1 right">
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/modeling#Modeling_TMAO_system" class="menu"><span><i class="icon-signal"></i></span>TMAO</a></li>
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/TMAO" class="menu"><span><i class="icon-signal"></i></span>TMAO</a></li>
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/modeling#Modeling_IMA_System" class="menu"><span><i class="icon-signal"></i></span>IMA</a></li>
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/IMA" class="menu"><span><i class="icon-signal"></i></span>IMA</a></li>
                                                
                                                
Line 251: Line 168:
<!-- START Right menu -->
<!-- START Right menu -->
<ul id="footer-menu" class="dropdown dropdown-basic dropdown-up">
<ul id="footer-menu" class="dropdown dropdown-basic dropdown-up">
-
<li><div class="main-item">Our team <span>+</span></div>
+
<li><div class="main-item"><a href="https://2013.igem.org/Team:UFMG_Brazil/Ourteam" class="mnn">Our team <span>+</span></div>
<!-- First level -->
<!-- First level -->
<ul class="fade-in right">
<ul class="fade-in right">
<div class="dropdown-box lvl-1 right">
<div class="dropdown-box lvl-1 right">
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/team#Get_to_know_UFMG" class="menu"><span class="icon basic">&#xf136;</span>Get to Know UFMG</a></li>
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/UFMG" class="menu"><span class="icon basic">&#xf136;</span>Get to Know UFMG</a></li>
-
<li class="has-menu"><a href="https://2013.igem.org/Team:UFMG_Brazil/team#The_Team" class="menu"><span class="icon basic">&#xf0c0;</span>Team</a>
+
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/Team" class="menu"><span class="icon basic">&#xf0c0;</span>Team</a>
-
<!-- Second level -->
+
-
<ul class="fade-in">
+
-
<div class="dropdown-box lvl-2">
+
-
                                                                                                                         
+
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/team#Undergraduates" class="menu"><span class="icon basic">&#xf0da;</span>Undergraduates</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UFMG_Brazil/team#Graduates" class="menu"><span class="icon basic">&#xf0da;</span>Graduates</a></li>                               
+
-
                                                                        <li><a href="https://2013.igem.org/Team:UFMG_Brazil/team#Instructors" class="menu"><span class="icon basic">&#xf0da;</span>Instructors</a></li>
+
-
<li class="menu-title"><span>&#xf0c0;</span>Team</li>
+
-
</div>
+
-
</ul>
+
</li>
</li>
                                                
                                                
-
                                                 <li><a href="https://2013.igem.org/Team:UFMG_Brazil/team#Acknowledgment" class="menu"><span class="icon basic">&#xf0a3;</span>Acknowledgment</a></li>
+
                                                 <li><a href="https://2013.igem.org/Team:UFMG_Brazil/Acknowledgment" class="menu"><span class="icon basic">&#xf0a3;</span>Acknowledgment</a></li>
</div>
</div>
</ul>
</ul>
Line 288: 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 346: 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