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

m (re added links)
(added new page switch buttons)
Line 5: Line 5:
 
</head>
 
</head>
 
<body>
 
<body>
<!-- next and previous pages-->
+
 
<ul class="page-switch-buttons">
+
<li class="page-switch prev" id="page-switch-prev-li"><a href="#" id="page-switch-prev">◀ Previous Page</a></li>
+
<li class="page-switch next" id="page-switch-next-li"><a href="#" id="page-switch-next">Next Page ▶</a></li>
+
</ul>
+
 
<!-- The footer with social media buttons -->
 
<!-- The footer with social media buttons -->
 
<footer>
 
<footer>
<a class="icon_link" href="https://twitter.com/iGEM_Bielefeld"><i class="fa fa-twitter" style="font-size: 50px; margin-right: 8%;"></i></a>
+
<div id="footer-left">
<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 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>
<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-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" src="https://static.igem.org/mediawiki/2017/c/c8/T--Bielefeld-CeBiTec--page-arrow-next.svg" height="50px"></a>
 +
</div>
 
</footer>
 
</footer>
 
<div id="cover" class="cover">
 
<div id="cover" class="cover">
Line 27: Line 31:
 
</div>
 
</div>
 
<img id="cover-set" src="">
 
<img id="cover-set" src="">
 +
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 07:37, 10 October 2017