Sunnywu0369 (Talk | contribs) |
Sunnywu0369 (Talk | contribs) |
||
(17 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{Template:NCKU_Tainan/block_css}} | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<style> | <style> | ||
− | + | #bodyContent a[href ^="mailto:"], .link-mailto{ | |
− | + | padding-right:0; | |
− | + | ||
− | padding: 0 | + | |
− | + | ||
− | + | ||
} | } | ||
− | + | /*footer start*/ | |
− | + | footer{ | |
+ | background: #332E2D; | ||
width: 100%; | width: 100%; | ||
− | + | height:100%; | |
− | + | margin-top: 2%; | |
− | + | position: relative; | |
− | + | z-index: 100; | |
− | + | ||
} | } | ||
− | + | .footer-container{ | |
− | . | + | padding: 1rem 0 2rem 0; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .footer-row{ | |
− | . | + | margin:1rem 2rem; |
+ | } | ||
+ | footer .colOne{ | ||
display: flex; | display: flex; | ||
− | justify-content: space- | + | justify-content: space-between; |
− | + | padding:0; | |
} | } | ||
− | + | footer .colTwo{ | |
− | + | display: flex; | |
− | + | flex-direction: column; | |
− | + | padding:0; | |
− | + | margin:1rem 0; | |
− | + | height:50px; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | footer .col-12{ | |
− | + | padding-right: 0; | |
− | + | padding-left: 0; | |
− | + | ||
} | } | ||
− | + | .col-two-icon{ | |
− | . | + | display: flex; |
− | + | justify-content: space-evenly; | |
− | + | align-self: top; | |
− | + | padding:0; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .colOne img{ | |
− | . | + | height:70px; |
width: 60px; | width: 60px; | ||
− | + | margin:0; | |
+ | padding:0; | ||
+ | margin:0 0 10px 0; | ||
} | } | ||
− | + | .colTwo img{ | |
− | . | + | height:30px; |
− | + | width: 30px; | |
− | + | margin:0; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .footer-text{ | |
− | . | + | align-self: baseline; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
color: #FFFBF3; | color: #FFFBF3; | ||
+ | font-family: cursive; | ||
} | } | ||
− | + | footer a:link{ | |
− | + | text-decoration: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | /*large device like computer*/ | |
− | @media( | + | @media (min-width: 992px) { |
− | . | + | .colOne img{ |
− | width: | + | height:100px; |
+ | width: 80px; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | margin:0; | ||
} | } | ||
− | . | + | .col-two-icon{ |
− | + | justify-content:space-between; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
} | } | ||
− | + | /*footer end*/ | |
− | + | ||
</style> | </style> | ||
+ | <!--htmlfooter start--> | ||
+ | <footer> | ||
+ | <div class="footer-container"> | ||
+ | <div class="row footer-row"> | ||
+ | <div class="col-12 col-md-6 colOne"> | ||
+ | <!--icon of logo--> | ||
+ | <div id="gutImage"> | ||
+ | <a href="https://2021.igem.org/Team:NCKU_Tainan"><img src="https://static.igem.org/mediawiki/2021/a/a8/T--NCKU_Tainan--footer.png"></a> | ||
+ | </div> | ||
+ | <!--icon of NCKUigem--> | ||
+ | <div> | ||
+ | <a href="https://www.facebook.com/igem.ncku"><img src="https://static.igem.org/mediawiki/2021/3/36/T--NCKU_Tainan--igemnckunewqaz.jpg"></a> | ||
+ | </div> | ||
+ | <!--icon of NCKU--> | ||
+ | <div> | ||
+ | <a href="http://www.ncku.edu.tw/"><img src="https://static.igem.org/mediawiki/2021/4/43/T--NCKU_Tainan--ncku.png"></a> | ||
+ | </div> | ||
+ | <!--icon of Diamond--> | ||
+ | <div> | ||
+ | <a href="http://www.diamondcapital.com.tw/"><img src="https://static.igem.org/mediawiki/2021/9/90/T--NCKU_Tainan--diamondnewwsx.png"></a> | ||
+ | </div> | ||
+ | <!--icon of 全--> | ||
+ | <div> | ||
+ | <a href="https://www.twbioscience.com"><img src="https://static.igem.org/mediawiki/2021/b/b7/T--NCKU_Tainan--footer_picture.png"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-1 footer-col1" style='border-right:3px solid #ffffff;'></div> | ||
+ | <div class="col-md-1 footer-col1"></div> | ||
+ | <div class="col-12 col-md-4 colTwo"> | ||
+ | <div class="col-12 col-md-12 col-two-icon"> | ||
+ | <!--icon of phone--> | ||
+ | <div> | ||
+ | <a href="tel:+88662757575"><img src="https://static.igem.org/mediawiki/2021/f/fe/T--NCKU_Tainan--call.png"></a> | ||
+ | </div> | ||
+ | <!--icon of mail--> | ||
+ | <div> | ||
+ | <a href="mailto:igem.ncku.tainan@gmail.com"><img src="https://static.igem.org/mediawiki/2021/9/91/T--NCKU_Tainan--mail.png"></a> | ||
+ | </div> | ||
+ | <!--icon of instagram--> | ||
+ | <div> | ||
+ | <a href="https://www.instagram.com/igemncku/" target="_blank"><img src="https://static.igem.org/mediawiki/2021/f/f7/T--NCKU_Tainan--ig.png"></a> | ||
+ | </div> | ||
+ | <!--icon of facebook--> | ||
+ | <div> | ||
+ | <a href="https://www.facebook.com/igem.ncku" target="_blank"><img src="https://static.igem.org/mediawiki/2021/d/d2/T--NCKU_Tainan--facebook.png"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p class="col-12 footer-text" style="font-size:1.1rem;"> | ||
+ | e-mail : igem.ncku.tainan@gmail.com | ||
+ | <br> | ||
+ | phone : 06-2757575 | ||
+ | </p> | ||
+ | </div> | ||
+ | <!--end of col-4--> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
</html> | </html> |
Latest revision as of 13:10, 21 October 2021