Difference between revisions of "Template:AFCM-Egypt/footer"

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<footer>
+
<button id="myBtn" title="Go to top"><i class="fa fa-arrow-up fa-3x"></i></button>
 +
<footer style='bottom: 0px;
 +
    position: fixed;
 +
    width: 100%;'>
 
     <div class="container">
 
     <div class="container">
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-sm-12 text-center">
 
           <div class="col-sm-12 text-center">
 
                 <div class="social-icon">
 
                 <div class="social-icon">
−
                     <a href="#">
+
                     <a href="https://www.facebook.com/igem.egy" target='_blank'>
−
                         <div class="icon fb">
+
                         <div class="icon fb" style="background-image:url('https://static.igem.org/mediawiki/2017/0/0d/Facebook-tab.png');background-repeat: no-repeat;">
−
                            <i class="ion-social-facebook"></i>
+
 
                         </div>
 
                         </div>
 
                     </a>
 
                     </a>
−
                     <a href="#">
+
                     <a href="https://insta724.com/profile/afcmigem" target='_blank'>
−
                         <div class="icon twitter">
+
                         <div class="icon fb" style="background-image:url('https://static.igem.org/mediawiki/2017/2/22/Insta.png');background-repeat: no-repeat;">
−
                            <i class="ion-social-twitter"></i>
+
                        </div>
 +
                    </a>
 +
                    <a href="https://mail.google.com/mail/?view=cm&fs=1&to=Igem.afcm@gmail.com&su=SUBJECT&body=BODY" target='_blank'>
 +
                        <div class="icon fb" style="background-image:url('https://static.igem.org/mediawiki/2017/8/86/Gmail.png');background-repeat: no-repeat;">
 
                         </div>
 
                         </div>
 
                     </a>
 
                     </a>
 
                 </div>
 
                 </div>
−
</div>
+
            </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</footer>
 
</footer>
 +
<script>
 +
$(document).ready(function() {
 +
$('#myBtn').click(function(){
 +
document.body.scrollTop = 0;
 +
document.documentElement.scrollTop = 0;
 +
})
 +
window.onscroll = function () { scrollFunction() };
 +
        function scrollFunction() {
 +
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
                document.getElementById("myBtn").style.display = "block";
 +
            } else {
 +
                document.getElementById("myBtn").style.display = "none";
 +
            }
 +
        }
 +
 +
document.getElementById('navbar-toggle').onclick = function () {
 +
    var active = document.querySelector(".navbar-collapse");
 +
    active.classList.toggle("in");
 +
}});
 +
</script>
 
</html>
 
</html>

Latest revision as of 13:32, 27 October 2017