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

 
(32 intermediate revisions by 3 users not shown)
Line 26: Line 26:
 
}
 
}
 
.arrow-bottom{
 
.arrow-bottom{
         position: absolute;right: 0;top: 10px;
+
         position: absolute;right: 0;top: 15px;
         width:8px;height: 14px;
+
         width:8px;height: 8px;
         border-right: 1px solid #999;
+
         border-right: 1px solid #666;
         border-bottom: 1px solid #999;
+
         border-bottom: 1px solid #666;
 
         -webkit-transform: rotate(45deg);
 
         -webkit-transform: rotate(45deg);
 
text-align:center
 
text-align:center
Line 42: Line 42:
 
<!-- ******HEADER****** -->  
 
<!-- ******HEADER****** -->  
 
         <header id="header" class="header">   
 
         <header id="header" class="header">   
             <div class="container">             
+
             <div class="container" style="width:90%">             
 
                
 
                
                     <a href="index.html">
+
                     <a href="https://2018.igem.org/Team:SBS_SH_112144">
                         <img src="https://static.igem.org/mediawiki/2018/7/79/T--SBS_SH_112144--logo.png" style=" width:18%; border:0px; padding:23px 0px;">
+
                         <img src="https://static.igem.org/mediawiki/2018/7/79/T--SBS_SH_112144--logo.png" style=" width:18%; border:0px; padding:25px 0px;">
 
                     </a>
 
                     </a>
 
                        
 
                        
                <nav id="main-nav" class="main-nav navbar-right" role="navigation">
+
                <nav id="main-nav" class="main-nav navbar-right" role="navigation" style="padding:25px 0px; margin-top:5px">
 
                     <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 59: Line 59:
 
                     <div class="navbar-collapse collapse" id="navbar-collapse">
 
                     <div class="navbar-collapse collapse" id="navbar-collapse">
 
                         <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="https://2018.igem.org/Team:SBS_SH_112144">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 arrow-bottom"></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="https://2018.igem.org/Team:SBS_SH_112144/Description">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="https://2018.igem.org/Team:SBS_SH_112144/Description">Our Project</a></li>
                                     <li><a href="blog-single.html">Intro to Lysozyme</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Lysozyme">Intro to Lysozyme</a></li>
                                     <li><a href="404.html">Experiment results</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Experiments">Experiment Results</a></li>  
                                     <li><a href="email-templates/tempo-email-color-1.html">Timeline</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Notebook">Notebook</a></li>  
                                    <li><a href="email-templates/tempo-email-color-1.html">Notebook</a></li>  
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Reference">Reference</a></li>           
                                     <li><a href="email-templates/tempo-email-color-1.html">Reference</a></li>           
+
 
                                 </ul>
 
                                 </ul>
 
                             </li>
 
                             </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">Demo<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="https://2018.igem.org/Team:SBS_SH_112144/Demonstrate">Demo<i class="fa arrow-bottom"></i></a>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
                                     <li><a href="blog.html">Demo</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Demonstrate">Demonstrate</a></li>
                                     <li><a href="blog-single.html">Device</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Device">Device</a></li>
                                     <li><a href="404.html">Model</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Model">Model</a></li>
                                     <li><a href="email-templates/tempo-email-color-1.html">Experiment results</a></li>           
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Experiments">Experiment results</a></li>           
 
                                 </ul>
 
                                 </ul>
 
                             </li>
 
                             </li>
                             <li class="nav-item"><a href="pricing.html">Modeling</a></li>
+
                             <li class="nav-item"><a href="https://2018.igem.org/Team:SBS_SH_112144/Model">Modeling</a></li>
 
                             <li class="nav-item dropdown">
 
                             <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">Human practice<i class="fa fa-angle-down"></i></a>
+
                                 <a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="https://2018.igem.org/Team:SBS_SH_112144/Human_Practices">Human practice<i class="fa arrow-bottom"></i></a>
 
                                 <ul class="dropdown-menu">
 
                                 <ul class="dropdown-menu">
                                     <li><a href="blog.html">Human practice</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Human_Practices">Human Practice</a></li>
                                     <li><a href="blog-single.html">Public Engagement</a></li>                                           
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Public_Engagement">Public Engagement</a></li>                                           
 
                                 </ul>
 
                                 </ul>
 
                             </li><!--//dropdown-->  
 
                             </li><!--//dropdown-->  
 
                             <li class="nav-item dropdown">
 
                             <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">Parts<i class="fa fa-angle-down"></i></a>
+
                                 <a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="https://2018.igem.org/Team:SBS_SH_112144/Parts">Parts<i class="fa arrow-bottom"></i></a>
 
                                 <ul class="dropdown-menu">
 
                                 <ul class="dropdown-menu">
                                     <li><a href="blog.html">Parts</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Parts">Parts</a></li>
                                     <li><a href="blog-single.html">improve</a></li>  
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Improve">Improvement</a></li>  
                                     <li><a href="blog.html">Basic Part</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Basic_Part">Basic Part</a></li>
                                     <li><a href="blog-single.html">Composite Part</a></li>                                         
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Composite_Part">Composite Part</a></li>                                         
 
                                 </ul>
 
                                 </ul>
 
                             </li>
 
                             </li>
                             <li class="nav-item"><a href="contact.html">Interlab</a></li>
+
                             <li class="nav-item"><a href="https://2018.igem.org/Team:SBS_SH_112144/InterLab">Interlab</a></li>                        
                            <li class="nav-item"><a href="contact.html">Safety</a></li>                          
+
 
                           <li class="nav-item dropdown">
 
                           <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">Team<i class="fa fa-angle-down"></i></a>
+
                                 <a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="https://2018.igem.org/Team:SBS_SH_112144/Team">Team<i class="fa arrow-bottom"></i></a>
 
                                 <ul class="dropdown-menu">
 
                                 <ul class="dropdown-menu">
                                     <li><a href="blog.html">Team members</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Team">Team members</a></li>
                                     <li><a href="blog-single.html">Collaborations</a></li>  
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Collaborations">Collaborations</a></li>  
                                     <li><a href="blog.html">Attribution</a></li>                                         
+
                                     <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Attributions">Attribution</a></li>                                         
 
                                 </ul>
 
                                 </ul>
 
                             </li>
 
                             </li>
Line 122: Line 120:
 
<div class="row">
 
<div class="row">
 
<div class="col-md-12 col-lg-8 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-2 ">
 
<div class="col-md-12 col-lg-8 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-2 ">
<h1 class="hero__title">We're creative graphic designers, web developers and We're free!
+
<p style="font-family:Arial, Helvetica, sans-serif; width:100%; text-align:center; font-size:50px; line-height:60px; color:#fff;">OUR<br><nobr>CYANOBACTERIA-ELIMINATION</nobr><br>PROJECT
</h1>
+
</p>
<p class="hero__text">Download niche-specific more <a href="#">free website templates</a> from <a href="#">ThemeWagon</a>. We have a large collection of great products.</p>
+
<a class="a-btn btn-first" href="#">Read more</a><a class="a-btn btn-second" href="#">Our Services</a>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 147: Line 145:
 
 
 
</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>

Latest revision as of 22:25, 17 October 2018

Header