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

 
(51 intermediate revisions by 3 users not shown)
Line 9: Line 9:
 
<!-- Fonts-->
 
<!-- Fonts-->
 
<!-- Vendors-->
 
<!-- Vendors-->
 +
        <link rel="stylesheet" href="http://siqint.com/css/bootstrap.min.css"> 
 +
    <!-- Plugins CSS -->   
 +
    <link rel="stylesheet" href="http://siqint.com/css/font-awesome.css">
 +
    <!-- Theme CSS --> 
 +
    <link id="theme-style" rel="stylesheet" href="http://siqint.com/css/styles.css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SBS_SH_112144/animate.css&action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SBS_SH_112144/animate.css&action=raw&ctype=text/css" />
 
<!-- App & fonts-->
 
<!-- App & fonts-->
Line 14: Line 19:
 
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
<![endif]-->
 
<![endif]-->
−
 
+
    <style type="text/css">
 +
    html,body{
 +
margin:0px;
 +
padding:0px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
}
 +
.arrow-bottom{
 +
        position: absolute;right: 0;top: 15px;
 +
        width:8px;height: 8px;
 +
        border-right: 1px solid #666;
 +
        border-bottom: 1px solid #666;
 +
        -webkit-transform: rotate(45deg);
 +
text-align:center
 +
}
 +
</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 -->
+
        <header id="header" class="header">
−
<header class="header header--fixed">
+
            <div class="container" style="width:90%">          
−
<div class="container">
+
             
−
<div class="header__inner">
+
                    <a href="https://2018.igem.org/Team:SBS_SH_112144">
−
<div class="header__logo"><a href="index.html">Mortize</a></div>
+
                        <img src="https://static.igem.org/mediawiki/2018/7/79/T--SBS_SH_112144--logo.png" style=" width:18%; border:0px; padding:25px 0px;">
−
<div class="header__menu">
+
                    </a>
−
+
                     
−
<!-- onepage-nav -->
+
                <nav id="main-nav" class="main-nav navbar-right" role="navigation" style="padding:25px 0px; margin-top:5px">
−
<nav class="onepage-nav">
+
                    <div class="navbar-header">
−
+
                        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
−
<!-- onepage-menu -->
+
                            <span class="sr-only">Toggle navigation</span>
−
<ul class="onepage-menu">
+
                            <span class="icon-bar"></span>
−
<li class="current-menu-item"><a href="#id-1">Home</a>
+
                            <span class="icon-bar"></span>
−
</li>
+
                            <span class="icon-bar"></span>
−
<li><a href="#id-2">About</a>
+
                        </button><!--//nav-toggle-->
−
</li>
+
                    </div><!--//navbar-header-->           
−
<li><a href="#id-3">Services</a>
+
                    <div class="navbar-collapse collapse" id="navbar-collapse">
−
</li>
+
                        <ul class="nav navbar-nav">
−
<li><a href="#id-4">Work</a>
+
                            <li class="active nav-item"><a href="https://2018.igem.org/Team:SBS_SH_112144">Home</a></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="https://2018.igem.org/Team:SBS_SH_112144/Description">Project<i class="fa arrow-bottom"></i></a>
−
<li><a href="#id-5">Blog</a>
+
                            <ul class="dropdown-menu">
−
</li>
+
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Description">Our Project</a></li>
−
<li><a href="#id-6">Contact</a>
+
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Lysozyme">Intro to Lysozyme</a></li>
−
</li>
+
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Experiments">Experiment Results</a></li>
−
</ul><!-- onepage-menu -->
+
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Notebook">Notebook</a></li>
−
+
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Reference">Reference</a></li>         
−
<div class="navbar-toggle"><span></span><span></span><span></span></div>
+
                                </ul>
−
</nav><!-- End / onepage-nav -->
+
                            </li>
−
+
                            <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>
−
</div>
+
                            <ul class="dropdown-menu">
−
</div>
+
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Demonstrate">Demonstrate</a></li>
−
</div>
+
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Device">Device</a></li>
−
</header><!-- End / header -->
+
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Model">Model</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Experiments">Experiment results</a></li>         
 +
                                </ul>
 +
                            </li>
 +
                            <li class="nav-item"><a href="https://2018.igem.org/Team:SBS_SH_112144/Model">Modeling</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="https://2018.igem.org/Team:SBS_SH_112144/Human_Practices">Human practice<i class="fa arrow-bottom"></i></a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Human_Practices">Human Practice</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Public_Engagement">Public Engagement</a></li>                                        
 +
                                </ul>
 +
                            </li><!--//dropdown-->
 +
                            <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/Parts">Parts<i class="fa arrow-bottom"></i></a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Parts">Parts</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Improve">Improvement</a></li>  
 +
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Basic_Part">Basic Part</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Composite_Part">Composite Part</a></li>                                       
 +
                                </ul>
 +
                            </li>
 +
                            <li class="nav-item"><a href="https://2018.igem.org/Team:SBS_SH_112144/InterLab">Interlab</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="https://2018.igem.org/Team:SBS_SH_112144/Team">Team<i class="fa arrow-bottom"></i></a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Team">Team members</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Collaborations">Collaborations</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:SBS_SH_112144/Attributions">Attribution</a></li>                                       
 +
                                </ul>
 +
                            </li>
 +
                        </ul><!--//nav-->
 +
                    </div><!--//navabr-collapse-->
 +
                </nav><!--//main-nav-->          
 +
            </div><!--//container-->
 +
        </header><!--//header-->
 +
 
 
 
 
<!-- Content-->
 
<!-- Content-->
Line 64: 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 89: Line 145:
 
 
 
</div>
 
</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>
Line 101: Line 158:
 
<!-- App-->
 
<!-- App-->
 
         <script type="text/javascript" src="http://siqint.com/js/main.js"></script>
 
         <script type="text/javascript" src="http://siqint.com/js/main.js"></script>
 +
        <script type="text/javascript" src="http://siqint.com/js/bootstrap-hover-dropdown.min.js"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 22:25, 17 October 2018

Header

OUR
CYANOBACTERIA-ELIMINATION
PROJECT

Your browser does not support HTML5 canvas.