Difference between revisions of "Template:CSMU Taiwan/footer"

 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
  .mail {color:white; text-decoration:none;}
+
.email {
 +
    color: white !important;
 +
    text-decoration: none;
 +
    background:none!important;
 +
}
 
</style>
 
</style>
 
<footer style="padding-bottom: 0px;padding-top: 0px;background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
 
<footer style="padding-bottom: 0px;padding-top: 0px;background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
     <div id="logoPrinteria" class="item" style="position: relative;text-align: center;lign: center;height: 26vh;">
+
     <div id="logoPrinteria" class="item" style="position: relative;text-align: center;text-align: center;height: 26vh;">
 
         <div class="row">
 
         <div class="row">
 
             <div style="position:absolute;padding-top: 40px;" class="offset-2 col-lg-3 hidden-xs hidden-sm">
 
             <div style="position:absolute;padding-top: 40px;" class="offset-2 col-lg-3 hidden-xs hidden-sm">
                 <p style="line-height: 22px !important;color: white;margin-bottom: 13px;;"><b style="">KEEP IN TOUCH</b></br><a class="mail" href="mailto:csmutaiwan2019@gmail.com">csmutaiwan2019@gmail.com</a>
+
                 <p style="line-height: 22px !important;color: white;margin-bottom: 13px;;"><b style="">KEEP IN TOUCH</b></br><a class="email" href="mailto:csmutaiwan2019@gmail.com">csmutaiwan2019@gmail.com</a>
 
                 </p>
 
                 </p>
 
                 <p style="color: white;margin-bottom: 2px;; padding-bottom: 0px;"><b>FOLLOW US</b></p>
 
                 <p style="color: white;margin-bottom: 2px;; padding-bottom: 0px;"><b>FOLLOW US</b></p>
 
                 <div style="list-style: none;">
 
                 <div style="list-style: none;">
                     <li style="float: left; margin-right: 8px;">  
+
                     <li style="float: left; margin-right: 8px;">
                        <a href="https://www.facebook.com/igemcsmutaiwan/" style="color: white;">
+
                        <a href="https://www.facebook.com/igemcsmutaiwan/" style="color: white;">
 
                             <i>
 
                             <i>
 
                                 <img src="https://static.igem.org/mediawiki/2019/2/2d/T--CSMU_Taiwan--facebook.png" style="margin-top: 12px;height: 24px;"></i>
 
                                 <img src="https://static.igem.org/mediawiki/2019/2/2d/T--CSMU_Taiwan--facebook.png" style="margin-top: 12px;height: 24px;"></i>
Line 24: Line 28:
 
                         </a>
 
                         </a>
 
                     </li>
 
                     </li>
                   
 
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 30: Line 33:
 
         <div class="bar bar--sm;bar-1 hidden-xs hidden-md hidden-lg ;bg--light" style="position: absolute;align-items: right;margin-top: 8%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;">
 
         <div class="bar bar--sm;bar-1 hidden-xs hidden-md hidden-lg ;bg--light" style="position: absolute;align-items: right;margin-top: 8%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;">
 
             <div class="bar col-lg-12" style="padding-right: 0%;position: absolute;align-items: right;margin-top: 3%;; width: 90%;padding-left: 42%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
 
             <div class="bar col-lg-12" style="padding-right: 0%;position: absolute;align-items: right;margin-top: 3%;; width: 90%;padding-left: 42%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
                 <p style="line-height: 22px !important;color: white;margin-bottom: 13px;;"><b style="">FOLLOW US</b> </br> <a class="mail" href="mailto:csmutaiwan2019@gmail.com">csmutaiwan2019@gmail.com</a> </p>
+
                 <p style="line-height: 22px !important;color: white;margin-bottom: 13px;;"><b style="">FOLLOW US</b> </br> <a class="email" href="mailto:csmutaiwan2019@gmail.com">csmutaiwan2019@gmail.com</a> </p>
 
                 <p style="color: white;margin-bottom: 2px;"></p>
 
                 <p style="color: white;margin-bottom: 2px;"></p>
 
                 <div style="list-style: none;">
 
                 <div style="list-style: none;">
                                       
 
 
                     <li style="float: left;margin-right: 8px;">
 
                     <li style="float: left;margin-right: 8px;">
 
                         <a href="https://www.facebook.com/igemcsmutaiwan/" style=" color: white;">
 
                         <a href="https://www.facebook.com/igemcsmutaiwan/" style=" color: white;">
Line 54: Line 56:
 
             <div class="bar col-lg-12" style="padding-right: 0%;position: absolute;align-items: right;margin-top: 3%;; width: 90%;padding-left: 42%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
 
             <div class="bar col-lg-12" style="padding-right: 0%;position: absolute;align-items: right;margin-top: 3%;; width: 90%;padding-left: 42%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
 
                 <p style="font-size: 13px !important;line-height: 22px !important;color: white;margin-bottom: 13px;;">
 
                 <p style="font-size: 13px !important;line-height: 22px !important;color: white;margin-bottom: 13px;;">
                     <b style="">KEEP IN TOUCH</b></br> <a class="mail"  
+
                     <b style="">KEEP IN TOUCH</b></br> <a class="email" href="mailto:csmutaiwan2019@gmail.com">csmutaiwan2019@gmail.com</a> </p>
href="mailto:csmutaiwan2019@gmail.com">csmutaiwan2019@gmail.com</a> </p>
+
 
                 <p style="color: white;margin-bottom: 2px;"></p>
 
                 <p style="color: white;margin-bottom: 2px;"></p>
 
                 <div style="list-style: none;">
 
                 <div style="list-style: none;">
Line 75: Line 76:
 
         <!--ANTIGUO-->
 
         <!--ANTIGUO-->
 
         <!--NUEVO-->
 
         <!--NUEVO-->
        <!--"https://static.igem.org/mediawiki/2019/c/cb/T--CSMU_Taiwan--footer123.png" alt="image" style="-->
+
         <img class="bar--sm bar-1 hidden-xs hidden-sm bg--light" src="https://static.igem.org/mediawiki/2019/c/cb/T--CSMU_Taiwan--footer123.png" alt="image" style="margin-bottom: 0em !important;margin-top: 0em; width: 100%;">
        <!--https://static.igem.org/mediawiki/2019/3/3f/T--CSMU_Taiwan--footer0.png-->
+
         <img class="bar--sm bar-1 hidden-md hidden-lg bg--light" src="https://static.igem.org/mediawiki/2019/3/3f/T--CSMU_Taiwan--footer0.png" alt="image" style="margin-bottom: 0em !important;margin-top: 0em;width: 100%;">
         <img class="bar--sm bar-1 hidden-xs hidden-sm bg--light" src="https://static.igem.org/mediawiki/2019/c/cb/T--CSMU_Taiwan--footer123.png" alt="image" style="margin-bottom: 0em !important;margin-top: 0em;" width: 100%;">
+
         <img class="bar--sm bar-1 hidden-md hidden-lg bg--light" src="https://static.igem.org/mediawiki/2019/3/3f/T--CSMU_Taiwan--footer0.png" alt="image" style="margin-bottom: 0em !important;margin-top: 0em;" width: 100%;">
+
 
     </div>
 
     </div>
    <script>
 
    // When the user scrolls the page, execute myFunction
 
    window.onscroll = function() { myFunction() };
 
 
    function myFunction() {
 
        var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
 
        var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
 
        var scrolled = (winScroll / height) * 100;
 
        document.getElementById("myBar").style.width = scrolled + "%";
 
    }
 
    </script>
 
 
</footer>
 
</footer>

Latest revision as of 17:35, 21 October 2019