Difference between revisions of "Team:TECHNION-ISRAEL/example"

Line 1: Line 1:
−
<html>
+
<html>      
−
<style>
+
https://2017.igem.org/<!-- Navigation -->
−
.footer-distributed{
+
      <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
−
background-color: rgb (255, 249, 197);
+
            <!-- Brand and toggle get grouped for better mobile display -->
−
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+
            <div class="navbar-header">
−
box-sizing: border-box;
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
−
width: 100%;
+
                    <span class="sr-only">Toggle navigation</span>
−
text-align: left;
+
                    <span class="icon-bar"></span>
−
padding: 45px 50px;
+
                    <span class="icon-bar"></span>
−
margin-top: 80px;
+
                    <span class="icon-bar"></span>
−
}
+
                </button>
 +
               
 +
            </div>
 +
            <!-- Top Menu Items -->
 +
            <ul class="nav navbar-right top-nav" style="margin: auto; width: 1063px;">
  
−
.footer-distributed .footer-left p{
+
                <li class="dropdown" style="margin-left:0px;">
−
        color:  rgb (255, 249, 197);
+
<a href="https://2016.igem.org/Team:NTU-Singapore" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-home"></i> <span class="navbar-name"> NTU-SG</span> </a>
−
font-size: 14px;
+
</li>
−
margin: 0;
+
−
}
+
                <li class="dropdown">
−
.footer-distributed .footer-right p{
+
                    <a href="https://2016.igem.org/Team:NTU-Singapore/Collaborations" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-globe"></i><span class="navbar-name"> Collaboration</span></a>
−
        color: rgb (255, 249, 197);
+
</li>
−
font-size: 14px;
+
−
margin: 0;
+
<li class="dropdown">
−
}
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-flask"></i><span class="navbar-name"> Projects</span><b class="caret"></b></a>
 +
<div class="drop-menu">
 +
<ul class="dropdown-menu dropdown-menu-project" style="margin: 0px; left: -40px;">
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/Interlab"><i class="fa fa-2x fa-balance-scale"></i><span style="top: -34px; float: left; left: 50px;"class="navbar-name"> Interlab Measurement </span> </a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/Description" style="top: -20px; position: relative;"><i class="fa fa-fw fa-2x fa-book"></i><span style="left: 9px;" class="navbar-name"> Description</span> </a>
 +
</li>
  
−
/* Footer links */
+
−
 
+
<li>
−
.footer-distributed p.footer-links{
+
<a href="https://2016.igem.org/Team:NTU-Singapore/Proof" style="height: 49px;"><i class="fa fa-2x fa-bar-chart" style="float: left;"></i><span style="width: 96px;
−
font-size:18px;
+
left: 10px;
−
font-weight: bold;
+
float: left;
−
color:  #ffffff;
+
margin-left: 6px;
−
margin: 0 0 10px;
+
top: -6px;" class="navbar-name"> Proof of concept </span></a>
−
padding: 0;
+
</li>
−
}
+
<li>
−
 
+
<a href="https://2016.igem.org/Team:NTU-Singapore/Demonstrate"><i class="fa fa-2x  fa-space-shuttle"></i><span style="left: 9px;" class="navbar-name"> Demonstrate</span> </a>
−
 
+
</li>
−
.footer-distributed p.footer-links a{
+
−
display:inline-block;
+
</ul>
−
line-height: 1.8;
+
</div>
−
text-decoration: none;
+
</li>
−
color: inherit;
+
−
}
+
<li class="dropdown">
−
 
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-gears"></i><span class="navbar-name"> Parts</span>  <b class="caret"></b></a>
−
.footer-distributed .footer-right{
+
<div class="drop-menu">
−
float: right;
+
<ul class="dropdown-menu" style="margin: 0px; left: -42px;">
−
margin-top: 6px;
+
<li>
−
max-width: 400px;
+
<a href="https://2016.igem.org/Team:NTU-Singapore/Basic_Part"><i class="fa fa-fw fa-2x fa-gear"></i><span style="left: 8px;"class="navbar-name"> Basic Parts</span> </a>
−
}
+
</li>
−
 
+
−
 
+
<li>
−
 
+
<a style="height: 49px" href="https://2016.igem.org/Team:NTU-Singapore/Composite_Part"><i style="float: left;" class="fa fa-fw fa-2x fa-briefcase"></i><span style="    float: left;
−
.footer-distributed .footer-right a{
+
width: 96px;
−
display: inline-block;
+
top: -6px;
−
width: 50px;
+
left: 13px;" class="navbar-name"> CRISPR<span style="text-transform: lowercase;">y</span> Collection</span> </a>
−
height: 35px;
+
</li>
−
background-color: #33383b;
+
−
border-radius: 2px;
+
−
 
+
</ul>
−
font-size: 20px;
+
</div>
−
color: rgb (255, 249, 197);
+
−
text-align: center;
+
−
line-height: 35px;
+
−
 
+
−
margin-left: 3px;
+
−
}
+
−
 
+
−
.sponsors {
+
−
            margin: 2.5px;
+
−
            width: 125px;
+
−
        }
+
−
 
+
−
/* If you don't want the footer to be responsive, remove these media queries */
+
−
 
+
−
@media (max-width: 600px) {
+
−
 
+
−
.footer-distributed .footer-left,
+
−
.footer-distributed .footer-right{
+
−
text-align: center;
+
−
}
+
−
 
+
−
.footer-distributed .footer-right{
+
−
float: none;
+
−
margin: 0 auto 20px;
+
−
}
+
−
 
+
−
.footer-distributed .footer-left p.footer-links{
+
−
line-height: 1.8;
+
−
}
+
−
}
+
−
</style>
+
−
 
+
−
<footer class="footer-distributed">
+
−
 
+
−
<div class="footer-right">
+
−
                <a target="_blank" href="igem.technion.2017@gmail.com"><img class="#" src="https://static.igem.org/mediawiki/2017/1/16/T--TECHNION-ISRAEL--mail.jpg"></a>   
+
−
    <a target="_blank" href="https://www.facebook.com/igemtechnion"><img class="#" src="https://2017.igem.org/File:T--TECHNION-ISRAEL--facebook.jpg"></a>
+
−
<a target="_blank" href="#"><img class="#" src="https://static.igem.org/mediawiki/2017/1/19/T--TECHNION-ISRAEL--instagram.jpg"></a>
+
−
<
+
−
<p> Email: igem.technion.2017@gmail.com </p>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="footer-left">
+
−
 
+
−
<p class="footer-links">
+
−
<a target="_blank" href="http://www.labotal.co.il">
+
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/e/e0/T--TECHNION-ISRAEL--labotal.jpg">
+
−
</a>
+
 
 
−
<a target="_blank" href="http://www.bioind.com">
+
</li>
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/d6/T--TECHNION-ISRAEL--BI.jpg">
+
−
</a>
+
−
+
<li class="dropdown">
−
<a target="_blank" href="http://www.zotal.co.il">
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-key"></i><span class="navbar-name"> Team</span> <b class="caret"></b></a>
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/0/0b/T--TECHNION-ISRAEL--zotal.jpg">
+
<div class="drop-menu">
−
</a>
+
<ul class="dropdown-menu" style="margin: 0px; left: -50px;">
−
+
<li>
−
<a target="_blank" href="http://www.almog.co.il">
+
<a href="https://2016.igem.org/Team:NTU-Singapore/Team"><i class="fa fa-2x fa-flag-checkered" aria-hidden="true"></i><span style="left: 13px;"class="navbar-name">Adventurers</span> </a>
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/14/T--TECHNION-ISRAEL--Almog.jpg">
+
</li>
−
</a>
+
<li>
−
+
<a href="https://2016.igem.org/Team:NTU-Singapore/Attributions"><i class="fa fa-2x fa-key" aria-hidden="true"></i><span style="left: 13px;" class="navbar-name">Attribution</span> </a>
−
<a target="_blank" href="http://www.hylabs.co.il">
+
</li>
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/6/61/T--TECHNION-ISRAEL--Hylabs.jpg">
+
<li>
−
</a>
+
<a style="height: 49px" href="https://2016.igem.org/Team:NTU-Singapore/Notebook"><i class="fa fa-2x fa-file-text-o" aria-hidden="true"></i>
−
+
<span style=" left: 13px;" class="navbar-name">Notebook</span> </a>
−
<a target="_blank" href="https://www.idt.com">
+
</li>
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/cd/T--TECHNION-ISRAEL--IDT.jpg">
+
−
</a>
+
−
+
</ul>
−
<a target="_blank" href="https://www.neb.com">
+
</div>
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/5/53/T--TECHNION-ISRAEL--neb.jpg">
+
−
</a>
+
−
+
−
<a target="_blank" href="http://www.snapgene.com">
+
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/6/6b/T--TECHNION-ISRAEL--snapgene.jpg">
+
−
</a>
+
−
+
−
<a target="_blank" href="https://www.technion.ac.il/en">
+
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/18/T--TECHNION-ISRAEL--technion.jpg">
+
−
</a>
+
−
+
−
<a target="_blank" href="https://www.sigmaaldrich.com/united-states.html">
+
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/b/be/T--TECHNION-ISRAEL--sigma.jpg">
+
−
</a>
+
−
+
−
<a target="_blank" href="http://www.rhenium.co.il">
+
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/24/T--TECHNION-ISRAEL--Rhenium.jpg">
+
−
</a>
+
−
+
−
<a target="_blank" href="http://www.tivanbiotech.co.il/">
+
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/4/4b/T--TECHNION-ISRAEL--Tivan.jpg">
+
−
</a>
+
−
+
−
<a target="_blank" href="https://www.peprotech.com/en-US">
+
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/3e/T--TECHNION-ISRAEL--peprotech.jpg">
+
−
</a>
+
−
+
−
<a target="_blank" href="www.bioanalytics.co.il">
+
−
<img class="sponsors" src="https://static.igem.org/mediawiki/2017/5/55/T--TECHNION-ISRAEL--BioAnalytics.jpg">
+
−
</a>
+
−
</p>
+
  
−
+
</li>
−
</div>
+
  
−
</footer>
+
                                      <li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x  fa-group"></i><span class="navbar-name"> Human Practice</span>  <b class="caret"></b></a>
 +
<div class="drop-menu">
 +
<ul class="dropdown-menu dropdown-menu-humanprac" style="margin: 0px">
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/HP/Silver"><i class="fa fa-fw fa-2x fa-user"></i><span class="navbar-name"> Silver</span> </a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/HP/Gold"><i class="fa fa-fw fa-2x fa-envelope"></i><span class="navbar-name"> Gold</span> </a>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
</li>
  
  
 +
            </ul>
 +
        </nav>
 
</html>
 
</html>

Revision as of 19:40, 24 September 2017

https://2017.igem.org/