Difference between revisions of "Template:Team:Bielefeld-CeBiTec/Footer"

m (added social media links)
(added page scroll top button)
 
(13 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
−
<style>
 
−
footer {
 
−
background-color: #111111;
 
−
text-align: center;
 
−
float: left;
 
−
width: 100%;
 
−
height: 60px;
 
−
padding-top: 15px;
 
−
box-shadow: 0px 0px 5px #000000;
 
−
}
 
  
−
/*icons from font-awesome*/
 
−
.fa {
 
−
color: #6b1d45;
 
−
}
 
−
 
−
/*color change for icons*/
 
−
.fa:hover {
 
−
color: #8b3d65;
 
−
}
 
−
</style>
 
 
</head>
 
</head>
 
<body>
 
<body>
  
−
<footer>
+
<!-- The footer with social media buttons -->
−
    <a class="icon_link" href="https://twitter.com/iGEM_Bielefeld"><i class="fa fa-twitter" style="font-size: 50px; margin-right: 50px;"></i></a>
+
<footer>
−
    <a class="icon_link" href="https://www.facebook.com/igembielefeld/"><i class="fa fa-facebook-square" style="font-size: 50px; margin-right: 50px;"></i></a>
+
<div id="footer-left">
−
    <a class="icon_link" href="https://www.instagram.com/igem.bielefeld/"><i class="fa fa-instagram" style="font-size: 50px"></i></a>
+
<a href="#" id="page-switch-prev"><img class="page-switch prev" id="page-switch-prev-li" src="https://static.igem.org/mediawiki/2017/4/44/T--Bielefeld-CeBiTec--page-arrow-previous.svg" height="50px"></a>
−
</footer>
+
</div>
 +
<div id="footer-center">
 +
<a class="icon_link" href="https://twitter.com/iGEM_Bielefeld"><i class="fa fa-twitter" style="font-size: 50px; margin-right: 8%;"></i></a>
 +
<a class="icon_link" href="https://www.facebook.com/igembielefeld/"><i class="fa fa-facebook-square" style="font-size: 50px; margin-right: 8%;"></i></a>
 +
<a class="icon_link" href="https://www.instagram.com/igem.bielefeld/"><i class="fa fa-instagram" style="font-size: 50px"></i></a>
 +
</div>
 +
<div id="footer-right">
 +
<a href="#" id="page-switch-next"><img class="page-switch next" id="page-switch-next-li" src="https://static.igem.org/mediawiki/2017/c/c8/T--Bielefeld-CeBiTec--page-arrow-next.svg" height="50px"></a>
 +
</div>
 +
</footer>
 +
<img id="page-arrow-top" src="https://static.igem.org/mediawiki/2017/b/b2/T--Bielefeld-CeBiTec--page-arrow-top.svg" width="40px" onclick="topFunction()">
 +
<div id="cover" class="cover">
 +
<div id="cover-box" class="cover">
 +
<div id="cover-box-img" class="cover">
 +
<img id="cover-img" src="">
 +
</div>
 +
<div id="cover-box-text" class="cover">
 +
<p id="cover-p"></p>
 +
</div>
 +
</div>
 +
</div>
 +
<img id="cover-set" src="">
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 17:17, 14 October 2017