Sunnywu0369 (Talk | contribs) |
Sunnywu0369 (Talk | contribs) |
||
Line 3: | Line 3: | ||
<div class="inner_footer"> | <div class="inner_footer"> | ||
<div class="logo_container"> | <div class="logo_container"> | ||
− | <img src=" | + | <img src=""> <! -- 此處放橫的LOGO--> |
</div> | </div> | ||
<div class="footer_third"> | <div class="footer_third"> | ||
<h1>FOLLOW US</h1> | <h1>FOLLOW US</h1> | ||
− | <a href="https://www.instagram.com/ | + | <a href="https://www.instagram.com/igemncku/"> |
<div class="icon"> | <div class="icon"> | ||
− | <img src="https://static.igem.org/mediawiki/2020/b/b0/T--UPF_Barcelona--instagram.png"> | + | <img src="https://static.igem.org/mediawiki/2020/b/b0/T--UPF_Barcelona--instagram.png"> <! -- 此處放IG icon--> |
</div> | </div> | ||
</a> | </a> | ||
− | <a href="https:// | + | <a href="https://www.facebook.com/igem.ncku"> |
<div class="icon"> | <div class="icon"> | ||
− | <img src="https://static.igem.org/mediawiki/2020/4/45/T--UPF_Barcelona--twitter.png"> | + | <img src="https://static.igem.org/mediawiki/2020/4/45/T--UPF_Barcelona--twitter.png"> <! -- 此處放FB icon--> |
</div> | </div> | ||
</a> | </a> | ||
<a href="https://www.twitch.tv/igem_upf"> | <a href="https://www.twitch.tv/igem_upf"> | ||
<div class="icon"> | <div class="icon"> | ||
− | <img src="https://static.igem.org/mediawiki/2020/b/ba/T--UPF_Barcelona--twitch.png"> | + | <img src="https://static.igem.org/mediawiki/2020/b/ba/T--UPF_Barcelona--twitch.png"> <! -- 此處放email icon--> |
</div> | </div> | ||
</a> | </a> | ||
Line 27: | Line 27: | ||
<div class="footer_third"> | <div class="footer_third"> | ||
<h1>CONTACT US</h1> | <h1>CONTACT US</h1> | ||
− | <li>igem@ | + | <li>e-mail : igem.club@gs.ncku.edu.tw</li> |
− | < | + | <li> |
− | + | phone:06-2757575 <br> | |
+ | </li> | ||
+ | phone:06-2757575 <br> | ||
Doctor Aiguader, 88 <br> | Doctor Aiguader, 88 <br> | ||
08003 Barcelona <br> | 08003 Barcelona <br> | ||
− | + | ||
</div> | </div> | ||
Line 57: | Line 59: | ||
padding: 50px 0; | padding: 50px 0; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
− | background-color:# | + | background-color:#332E2D; |
} | } | ||
Line 107: | Line 109: | ||
.footer_third a .icon { | .footer_third a .icon { | ||
position: relative; | position: relative; | ||
− | color: # | + | color: #332E2D; |
transition: .5s; | transition: .5s; | ||
z-index: 3; | z-index: 3; | ||
Line 113: | Line 115: | ||
.footer_third a:hover .icon { | .footer_third a:hover .icon { | ||
− | color: # | + | color: #FFFBF3; |
transform: rotateY(360deg); | transform: rotateY(360deg); | ||
} | } | ||
Line 120: | Line 122: | ||
font-size: 22px; | font-size: 22px; | ||
display: block; | display: block; | ||
− | color: | + | color:#FFFBF3; |
width: 100%; | width: 100%; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
Line 128: | Line 130: | ||
display: inline-block; | display: inline-block; | ||
font-size: 18px; | font-size: 18px; | ||
− | color: | + | color:#FFFBF3; |
font-weight: 200; | font-weight: 200; | ||
width: 30%; | width: 30%; | ||
Line 137: | Line 139: | ||
padding: 0 5px; | padding: 0 5px; | ||
font-size: 20px; | font-size: 20px; | ||
− | color: | + | color: #FFFBF3; |
} | } | ||
.inner_footer .footer_third span{ | .inner_footer .footer_third span{ | ||
− | color: | + | color:#F6DAB1; |
font-size: 18px; | font-size: 18px; | ||
font-weight: 200; | font-weight: 200; |
Revision as of 04:49, 27 June 2021