Difference between revisions of "Team:Bielefeld-CeBiTec/Basic Navbar"
| Line 7: | Line 7: | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | ||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
| + | <link rel="stylesheet" type="text/css" href="wiki_2018.css"> | ||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> | <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> | ||
| − | + | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | |
| + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| + | |||
| + | <script> | ||
| + | function topFunction() { | ||
| + | document.body.scrollTop = 0; // For Chrome, Safari and Opera | ||
| + | document.documentElement.scrollTop = 0; // For IE and Firefox | ||
| + | } | ||
| + | </script> | ||
| + | |||
<style> | <style> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.firstHeading { | .firstHeading { | ||
display: none; | display: none; | ||
| Line 56: | Line 61: | ||
background-color: #000000; | background-color: #000000; | ||
border-color: #000000; | border-color: #000000; | ||
| + | font-size: 20px; | ||
} | } | ||
| Line 150: | Line 156: | ||
} | } | ||
| − | + | .affix { | |
top: 0; | top: 0; | ||
width: 100%; | width: 100%; | ||
| Line 158: | Line 164: | ||
.affix + .container-fluid { | .affix + .container-fluid { | ||
padding-top: 70px; | padding-top: 70px; | ||
| − | } | + | } |
| − | + | ||
.logo-img{ | .logo-img{ | ||
width: 65px; | width: 65px; | ||
} | } | ||
| + | |||
| + | .group-img{ | ||
| + | width: 50%; | ||
| + | align: center; | ||
| + | } | ||
| + | |||
| + | .footer-color{ | ||
| + | background-color: black; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
| Line 176: | Line 192: | ||
<div class="navbar-inner"> | <div class="navbar-inner"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
| − | <li > | + | <li class="active"> |
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec">Home</a> | <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec">Home</a> | ||
</li> | </li> | ||
| Line 204: | Line 220: | ||
<li> | <li> | ||
| − | <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Model"> | + | <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Model">Modelling</a> |
</li> | </li> | ||
| Line 278: | Line 294: | ||
<li> | <li> | ||
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Attributions">Attributions</a> | <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Attributions">Attributions</a> | ||
| − | |||
| − | |||
| − | |||
</li> | </li> | ||
</ul> | </ul> | ||
| Line 293: | Line 306: | ||
</div> | </div> | ||
</nav> | </nav> | ||
| + | |||
| + | <!-- Footer --> | ||
| + | <footer class="w3-container w3-padding-32 w3-center w3-black w3-xlarge"> | ||
| + | <i class="fa fa-facebook-official w3-hover-opacity"></i> | ||
| + | <i class="fa fa-instagram w3-hover-opacity"></i> | ||
| + | <i class="fa fa-snapchat w3-hover-opacity"></i> | ||
| + | <i class="fa fa-pinterest-p w3-hover-opacity"></i> | ||
| + | <i class="fa fa-twitter w3-hover-opacity"></i> | ||
| + | </footer> | ||
| + | |||
| + | <i class="fas fa-angle-up fa-5x" style=" size:9x;" onclick="topFunction()"> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 21:57, 8 July 2018