Difference between revisions of "Team:SBS SH 112144/header"

Line 1: Line 1:
 
{{SBS_SH_112144}}
 
{{SBS_SH_112144}}
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 26: Line 25:
 
font-family:Arial, Helvetica, sans-serif;  
 
font-family:Arial, Helvetica, sans-serif;  
 
}
 
}
   
+
.arrow-bottom{
 +
        position: absolute;right: 0;top: 10px;
 +
        width:14px;height: 14px;
 +
        border-right: 1px solid #999;
 +
        border-bottom: 1px solid #999;
 +
        -webkit-transform: rotate(45deg);
 +
text-align:center
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
 
 
 
<body>
 
<body>
 +
 +
 
<div class="page-wrap" style="margin-top:-16px;" id="root">
 
<div class="page-wrap" style="margin-top:-16px;" id="root">
 
<!-- ******HEADER****** -->  
 
<!-- ******HEADER****** -->  
Line 37: Line 45:
 
                
 
                
 
                     <a href="index.html">
 
                     <a href="index.html">
                         <img src="https://static.igem.org/mediawiki/2018/7/79/T--SBS_SH_112144--logo.png" style=" width:16%;padding:23px 0px; border:0px">
+
                         <img src="https://static.igem.org/mediawiki/2018/7/79/T--SBS_SH_112144--logo.png" style=" width:18%; border:0px; padding:23px 0px;">
 
                     </a>
 
                     </a>
 
                        
 
                        
                 <nav id="main-nav" class="main-nav navbar-right" role="navigation" style="padding:23px 0px;">
+
                 <nav id="main-nav" class="main-nav navbar-right" role="navigation">
 
                     <div class="navbar-header">
 
                     <div class="navbar-header">
 
                         <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
 
                         <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
Line 52: Line 60:
 
                         <ul class="nav navbar-nav">
 
                         <ul class="nav navbar-nav">
 
                             <li class="active nav-item"><a href="index.html">Home</a></li>
 
                             <li class="active nav-item"><a href="index.html">Home</a></li>
                             <li class="nav-item dropdown"><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="blog.html">Project <i class="fa fa-angle-down"></i></a>
+
                             <li class="nav-item dropdown"><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="blog.html">Project <i class="fa arrow-bottom"></i></a>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
 
                                     <li><a href="blog.html">Our project</a></li>
 
                                     <li><a href="blog.html">Our project</a></li>
Line 139: Line 147:
 
 
 
</div>
 
</div>
     
+
        <div style="width:100px; height:700px; background:#936;"></div>
 
<!-- Vendors-->
 
<!-- Vendors-->
 
<script type="text/javascript" src="http://siqint.com/js/jquery.min.js"></script>
 
<script type="text/javascript" src="http://siqint.com/js/jquery.min.js"></script>

Revision as of 12:05, 17 October 2018

Header

We're creative graphic designers, web developers and We're free!

Download niche-specific more free website templates from ThemeWagon. We have a large collection of great products.

Read moreOur Services
Your browser does not support HTML5 canvas.