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

(added page scroll top button)
 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<head>
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
 +
</head>
 
<body>
 
<body>
  
−
<section id="footer">
+
<!-- The footer with social media buttons -->
−
    <a href="https://www.facebook.com/igembielefeld/"><img src="https://static.igem.org/mediawiki/2017/6/64/T--Bielefeld-CeBiTec--Soc-Med-Facebook.png" width="50px"></a>
+
<footer>
−
    <a href="https://twitter.com/iGEM_Bielefeld"><img src="https://static.igem.org/mediawiki/2017/8/85/T--Bielefeld-CeBiTec--Soc-Med-Twitter.png" width="50px"></a>
+
<div id="footer-left">
−
    <a href="https://www.instagram.com/igem.bielefeld/"><img src="https://static.igem.org/mediawiki/2017/f/f2/T--Bielefeld-CeBiTec--Soc-Med-Instagram.png" width="50px"></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>
−
</section>
+
</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