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" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
 +
 
    
 
    
 +
  <script>
 +
    function topFunction() {
 +
    document.body.scrollTop = 0; // For Chrome, Safari and Opera
 +
    document.documentElement.scrollTop = 0; // For IE and Firefox
 +
    }
 +
  </script>
 +
 
   <style>
 
   <style>
 
#top_menu_under {
 
#top_menu_under {
Line 162: Line 171:
 
width: 65px;
 
width: 65px;
 
}
 
}
 +
 +
.footer {
 +
position:absolute;
 +
    bottom: 0;
 +
    background-color: #000000;
 +
text-align: center;
 +
width: 100%;
 +
height: 5em;
 +
 +
}
 +
 +
.footer-inner {
 +
padding-top: 10px;
 +
}
 +
 +
.fas.fa-angle-up{
 +
cursor: pointer;
 +
padding: 0;
 +
    margin: 0;
 +
position: fixed;
 +
bottom: 80px;
 +
    right: 50px;
 +
}
 +
 +
.fa {
 +
text-align: center;
 +
}
 +
 
   </style>
 
   </style>
 
    
 
    
Line 291: Line 328:
 
   </div>
 
   </div>
 
</nav>
 
</nav>
 +
 +
<div class="footer">
 +
 +
<div class="footer-inner">
 +
<a class="icon_link" href="https://twitter.com/iGEM_Bielefeld"><i class="fab fa-twitter-square" style="font-size: 50px; margin-right: 5%;"></i></a>
 +
<a class="icon_link" href="https://www.facebook.com/igembielefeld/"><i class="fab fa-facebook-square" style="font-size: 50px; margin-right: 5%;"></i></a>
 +
<a class="icon_link" href="https://www.instagram.com/igem.bielefeld/"><i class="fab fa-instagram" style="font-size: 50px; margin-right: 5%;"></i></a>
 +
        <a class="icon_link" href="https://www.youtube.com/channel/UCVzVGtQUJky2ndfmtJBT7jQ"><i class="fab fa-youtube" style="font-size: 50px;"></i></a>
 +
</div>
 +
 +
</footer>
 +
<i class="fas fa-angle-up fa-5x" style=" size:9x;" onclick="topFunction()">
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 20:32, 27 May 2018

Bootstrap Example