Difference between revisions of "Team:Queens Canada/testtest"

m (Closed header menu's unordered list)
 
(10 intermediate revisions by one other user not shown)
Line 4: Line 4:
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--script src="https://use.fontawesome.com/334e00a61e.js"></script>
+
<script src="https://use.fontawesome.com/334e00a61e.js"></script>
 
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
 
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script-->
+
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
 
 
 
<script>
 
<script>
Line 81: Line 81:
 
float: left;
 
float: left;
 
padding: 2% 0%;
 
padding: 2% 0%;
}
 
 
.logo {
 
width: auto;
 
height: 77px;
 
float: left;
 
        background: url(https://static.igem.org/mediawiki/2018/8/8b/HQ_page_logo.jpg) center center no-repeat;
 
font-size: 0;
 
        margin-left:2%;
 
 
}  
 
}  
  
Line 104: Line 95:
  
 
.menu {
 
.menu {
width: 85%;
+
width: 100%;
 
background-color: #2fce44;
 
background-color: #2fce44;
 
         margin: 0 auto;
 
         margin: 0 auto;
Line 124: Line 115:
 
list-style: none;
 
list-style: none;
 
text-decoration: none;
 
text-decoration: none;
 +
        display: inline-block;
 +
        list-style-type: none;
 
}
 
}
  
Line 153: Line 146:
 
}
 
}
  
/***************** CONTEUDO *****************/
+
/***************** CONTENT *****************/
 
#title {
 
#title {
 
width: 100%;
 
width: 100%;
Line 162: Line 155:
 
}
 
}
  
.conteudo {
+
.content {
 
margin: 0 auto;
 
margin: 0 auto;
 
max-width: 1100px;
 
max-width: 1100px;
Line 171: Line 164:
 
}
 
}
  
.conteudo figure, p.figure-caption {
+
.content figure, p.figure-caption {
 
text-align: center;
 
text-align: center;
 
}
 
}
  
h2.title-conteudo {
+
h2.title-content {
 
font-size: 2em;
 
font-size: 2em;
 
color: #ffffff;
 
color: #ffffff;
Line 227: Line 220:
 
font-size:20pt;
 
font-size:20pt;
 
text-align:left;
 
text-align:left;
}
 
 
#logo_grande {
 
text-align:center;
 
 
}
 
}
  
Line 306: Line 295:
  
  
/***************** RODAPÉ *************/
+
/***************** FOOTER *************/
 
#footer {
 
#footer {
 
width: 100%;
 
width: 100%;
Line 388: Line 377:
  
 
<header class="header">
 
<header class="header">
<a href="https://2018.igem.org/Team:Queens_Canada"><h1 class="logo">iGEM Queen's</h1></a>
+
<nav class="menu" style="width:100%;">
<button class="btn-menu"><i class="fa fa-bars fa-2x" aria-hidden="true"></i></button>
+
<nav class="menu">
+
 
<ul>
 
<ul>
 
<li><a href="#">PROJECT &#9662;</a>
 
<li><a href="#">PROJECT &#9662;</a>
Line 418: Line 405:
 
<li><a href="https://2018.igem.org/Team:Queens_Canada/InterLab">INTERLAB</a></li>
 
<li><a href="https://2018.igem.org/Team:Queens_Canada/InterLab">INTERLAB</a></li>
 
<li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
 
<li><a href="https://2018.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
<li><a href="https://2018.igem.org/Team:Queens_Canada/Entrepreneurship">ENTREPRENEURSHIP</a </li>
 
 
</ul>
 
</ul>
 
</nav>
 
</nav>
 
</header>
 
</header>
 
</html>
 
</html>

Latest revision as of 16:36, 19 June 2018