Team:Queens Canada

From 2014.igem.org

(Difference between revisions)
Line 226: Line 226:
/**---------FONT----------**/
/**---------FONT----------**/
 +
@font-face{
@font-face{
font-family:bebasN;
font-family:bebasN;
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
}
}
 +
/**---------HOME----------**/
 +
.Boxup{
 +
Background-color:#d9e8f5;
 +
width:100px;
 +
height:350px;
 +
text-align:center;
 +
color:white;
 +
border-radius:10px;
 +
 +
-moz-transition: all 0.4s ease-in-out;
 +
-moz-transform:translateY(0px);
 +
-o-transition: all 0.4s ease-in-out;
 +
-o-transform:translateY(0px);
 +
-webkit-transition: all 0.4s ease-in-out;
 +
-webkit-transform:translateY(0px);
 +
}
 +
.Boxup:hover{
 +
-moz-transform:translateY(-20px);
 +
-o-transform:translateY(-20px);
 +
-webkit-transform:Y(-20px);
 +
}
 +
.Boxdown{
 +
Background-color:#91bed4;
 +
width:100px;
 +
height:350px;
 +
text-align:center;
 +
color:white;
 +
border-radius:10px;
 +
-moz-transition: all 0.4s ease-in-out;
 +
-moz-transform:translateY(0px);
 +
-o-transition: all 0.4s ease-in-out;
 +
-o-transform:translateY(0px);
 +
-webkit-transition: all 0.4s ease-in-out;
 +
-webkit-transform:translateY(0px);
 +
}
 +
.Boxdown:hover{
 +
-moz-transform:translateY(20px);
 +
-o-transform:translateY(20px);
 +
-webkit-transform:Y(20px);
 +
}
 +
.homeicons{
 +
width:100%;
 +
background-color:#304269;
 +
        padding:50px;
 +
}
 +
/**----------SPONSORSHIP--------**/
/**----------SPONSORSHIP--------**/
Line 309: Line 356:
</head>
</head>
-
<body>
+
<body bgcolor="#d9e8f5">
<div class="bodya">
<div class="bodya">
-
<div class="menuc" style="font-size:1.3em;">
 
-
<ul id="panel" class="animation">
 
-
    <li id="home" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada">HOME</a></li>
 
-
        <li id="team" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Team">TEAM</a></li>
 
-
        <li id="project" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Project">PROJECT</a></li>
 
-
        <li id="outreach" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Outreach">OUTREACH</a></li>
 
-
<li id="notebook" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
 
-
        <li id="safety" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li>
 
-
        <li id="attributions" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Attributions">ATTRIBUTIONS</a></li>
 
-
       
 
-
    </ul>
 
-
</div>
 
-
 
 +
<div class="row">
 +
<div class="header-logo">
               <a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" class="img-circle" style="height:60px;min-width:60px;float:right;"></a>
               <a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" class="img-circle" style="height:60px;min-width:60px;float:right;"></a>
 +
    </div>
 +
</div>
 +
<div class="homeicons">
 +
<div class="row">
 +
<div class="col-md-3"></div>
 +
<div class="col-md-1">
 +
<div class="Boxup"><a href="https://2014.igem.org/Team:Queens_Canada/Team">T</br>E</br>A</br>M</a></div></div>
 +
<div class="col-md-1">
 +
<div class="Boxdown"><a href="https://2014.igem.org/Team:Queens_Canada/Project">P</br>R</br>O</br>J</br>E</br>C</br>T</a></div></div>
 +
<div class="col-md-1">
 +
<div class="Boxup"><a href="https://2014.igem.org/Team:Queens_Canada/Outreach">O</br>U</br>T</br>R</br>E</br>A</br>C</br>H</a></div></div>
 +
<div class="col-md-1">
 +
<div class="Boxdown"><a href="https://2014.igem.org/Team:Queens_Canada/Notebook">N</br>O</br>T</br>E</br>B</br>O</br>O</br>K</a></div></div>
 +
<div class="col-md-1">
 +
<div class="Boxup"><a href="https://2014.igem.org/Team:Queens_Canada/Safety">S</br>A</br>F</br>E</br>T</br>Y</a></div></div>
 +
<div class="col-md-1">
 +
<div class="Boxdown"><a href="https://2014.igem.org/Team:Queens_Canada/Attributions">A</br>T</br>T</br>R</br>I</br>B</br>U</br>T</br>I</br>O</br>N</br>S</a></div></div>
 +
<div class="col-md-3"></div>
 +
</div>
 +
</div>
-
 
-
<div class="body-text">
 
-
 
-
 
-
</div>
 
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 02:25, 18 October 2014

QGEM