Difference between revisions of "Meetups/NCTU Formosa/contacts"
(96 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
− | + | <script type="text/javascript" src="https://2015.igem.org/Meetups/NCTU_Formosa/js/contacts.js?action=raw&ctype=text/javascript"></script> | |
− | + | <link href='https://2015.igem.org/Meetups/NCTU_Formosa/reset?action=raw&ctype=text/css' rel="stylesheet"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <style type="text/css"> | |
− | < | + | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { |
− | < | + | display:none;} |
− | < | + | #top-section { |
− | < | + | border: none; |
− | < | + | height: 0px;} |
− | < | + | #content { |
− | < | + | background: black; |
− | < | + | padding: 0; |
− | < | + | width: 100%; |
− | < | + | border: 0px; |
− | < | + | } |
− | < | + | body { |
− | + | background: black; | |
− | < | + | } |
− | < | + | |
− | < | + | ul, li { |
− | < | + | margin:0 auto; |
− | < | + | padding: 0; |
− | < | + | list-style: none; |
+ | } | ||
+ | .abgne_tab { | ||
+ | clear: left; | ||
+ | width: 50%; | ||
+ | margin: 0px auto; | ||
+ | } | ||
+ | ul.tabs { | ||
+ | width: 87%; | ||
+ | height: 35px; | ||
+ | } | ||
+ | ul.tabs li { | ||
+ | font-size: 25px; | ||
+ | font-weight: 800; | ||
+ | font-family:Agency FB; | ||
+ | line-height: 50px; | ||
+ | letter-spacing:9px; | ||
+ | float: left; | ||
+ | height: 31px; | ||
+ | line-height: 31px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | margin-bottom: -1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */ | ||
+ | border-left: none; | ||
+ | background: #fff300; | ||
+ | } | ||
+ | ul.tabs li a { | ||
+ | display: block; | ||
+ | padding: 0 20px; | ||
+ | color: #000; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | ul.tabs li a:hover { | ||
+ | background: #FFFFbb; | ||
+ | } | ||
+ | ul.tabs li.active { | ||
+ | background: #fff300; | ||
+ | } | ||
+ | ul.tabs li.active a:hover { | ||
+ | background: #fff300; | ||
+ | } | ||
+ | div.tab_container { | ||
+ | clear: left; | ||
+ | width: 100%; | ||
+ | border-top: none; | ||
+ | background: #000000; | ||
+ | } | ||
+ | div.tab_container .tab_content { | ||
+ | padding: 20px; | ||
+ | } | ||
+ | div.tab_container .tab_content h2 { | ||
+ | margin: 0 0 50px; | ||
+ | } | ||
+ | |||
+ | |||
+ | table { | ||
+ | border: 0; | ||
+ | } | ||
+ | th { | ||
+ | background-color:#fffFFF; | ||
+ | font-size:30PX; | ||
+ | font-weight: 500; | ||
+ | padding-left:20px; | ||
+ | padding-right:20px; | ||
+ | padding-top:10px; | ||
+ | padding-bottom:10px; | ||
+ | text-align:center; | ||
+ | font-family:Agency FB; | ||
+ | } | ||
+ | td { | ||
+ | border-bottom:1 solid #000000; | ||
+ | background-color:#000000; | ||
+ | font-size:25PX; | ||
+ | color:#ffffff; | ||
+ | font-weight: 400; | ||
+ | line-height: 30px; | ||
+ | padding-left:20px; | ||
+ | padding-right:20px; | ||
+ | padding-top:10px; | ||
+ | padding-bottom:10px; | ||
+ | text-align:center; | ||
+ | font-family:Tw Cen MT; | ||
+ | |||
+ | } | ||
+ | .title { | ||
+ | font-size:35PX; | ||
+ | font-weight: 800; | ||
+ | font-family:Agency FB; | ||
+ | color:white; | ||
+ | line-height: 50px; | ||
+ | letter-spacing:9px; | ||
+ | } | ||
+ | p{ | ||
+ | font-size:30PX; | ||
+ | font-weight: 400; | ||
+ | font-family:Tw Cen MT; | ||
+ | color:white; | ||
+ | line-height: 40px; | ||
+ | |||
+ | } | ||
+ | div.demo-trans1{ | ||
+ | |||
+ | height:30px; | ||
+ | position:relative; | ||
+ | top:12px; | ||
+ | |||
+ | } | ||
+ | |||
+ | div.f{ | ||
+ | float:left; | ||
+ | width:18%; | ||
+ | height:180px; | ||
+ | background-color:#FFF300; | ||
+ | -webkit-transition:0.4s ease-out; | ||
+ | -moz-transition: 0.4s ease-out; | ||
+ | -o-transiton: 0.4s ease-out; | ||
+ | -ms-transition:0.4s ease-out; | ||
+ | transition:0.4s ease-out; | ||
+ | text-top:100px; | ||
+ | } | ||
+ | div.f1{ | ||
+ | float:left; | ||
+ | width:15px; | ||
+ | height:180px; | ||
+ | background-color:#000000; | ||
+ | text-top:100px; | ||
+ | } | ||
+ | div.f_{ | ||
+ | float:left; | ||
+ | width:18%; | ||
+ | height:40px; | ||
+ | background-color:#FFF300; | ||
+ | -webkit-transition:0.4s ease-out; | ||
+ | -moz-transition: 0.4s ease-out; | ||
+ | -o-transiton: 0.4s ease-out; | ||
+ | -ms-transition:0.4s ease-out; | ||
+ | transition:0.4s ease-out; | ||
+ | text-top:100px; | ||
+ | } | ||
+ | div.f_:hover{ | ||
+ | background-color:#FFFFFF; | ||
+ | } | ||
+ | div.f:hover{ | ||
+ | background-color:#FFFFFF; | ||
+ | } | ||
+ | div.f:hover div.demo-trans1{ | ||
+ | display: block; | ||
+ | } | ||
+ | div.circle{ | ||
+ | display:none; | ||
+ | height:30px; | ||
+ | position:relative; | ||
+ | top:25px; | ||
+ | -webkit-transition:0.6s ease-out; | ||
+ | -moz-transition: 0.6s ease-out; | ||
+ | -o-transiton: 0.6s ease-out; | ||
+ | -ms-transition:0.6s ease-out; | ||
+ | transition:0.6s ease-out; | ||
+ | } | ||
+ | |||
+ | div.f:hover div.circle{ | ||
+ | display: none; | ||
+ | } | ||
+ | div.line{ | ||
+ | text-align:center;height:80px;margin: 0 auto;width:75%; | ||
+ | |||
+ | } | ||
+ | div.outofline{ | ||
+ | text-align:center;height:80px;width:100%;position:fixed;bottom:30px; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div style="margin-bottom: 80px;"> | ||
+ | <div><img src="https://static.igem.org/mediawiki/2015/c/c5/Contact_new.png"></div> | ||
+ | <div class="abgne_tab"> | ||
+ | |||
+ | <div class="tab_container"> | ||
+ | <div id="tab1" class="tab_content h2"> | ||
+ | <p><em>About us:</em></p> | ||
+ | <P>FACEBOOK: | ||
+ | <a href="https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331" style=color:yellow;">NCTU_Foromsa iGEM TEAM , Taiwan</a></P> | ||
+ | </div></div> | ||
+ | |||
+ | |||
+ | <div class="tab_container"> | ||
+ | <div id="tab1" class="tab_content h2"> | ||
+ | <p><em>Contact:</em></p> | ||
+ | <p><table> | ||
+ | <tr> | ||
+ | <th>Name</th> | ||
+ | <th>E-mail</th> | ||
+ | <th>Contact number</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Kuan-Chun Lan (Taiwan)</td> | ||
+ | <td>r35085866@yahoo.com.tw </td> | ||
+ | <td>+886935891321</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Guang-Jyun Wang (China)</td> | ||
+ | <td>nctu5168victory@gmail.com </td> | ||
+ | <td>+886963531368</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Chris Ho (Australia)</td> | ||
+ | <td>hotsungyu@gmail.com </td> | ||
+ | <td>+886978179512</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Malvin Jefri (Indonesia) </td> | ||
+ | <td>malvinjefri@hotmail.com </td> | ||
+ | <td>+886952192182</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Rachel Lee (Other Countries) </td> | ||
+ | <td>rach900166@yahoo.com.tw </td> | ||
+ | <td>+886933847803</td> | ||
+ | </tr> | ||
+ | </table></P> | ||
+ | </div></div> | ||
+ | |||
+ | <div class="tab_container"> | ||
+ | <div id="tab1" class="tab_content h2"> | ||
+ | <p><em>Conference Fee:</em></p> | ||
+ | <P>Other Countries team:$160 USD <BR> | ||
+ | Taiwanese team:$4800 NTD <BR> | ||
+ | (Include fees for food, accommodation, insurance, and Conference Guide)</P> | ||
+ | </div></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outofline"> | ||
+ | <div class="line"> | ||
+ | <div style="text-align:center;height:50px" ></div> | ||
+ | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction"><div class="f" > | ||
+ | <div class="circle" ><img src="https://static.igem.org/mediawiki/2015/1/12/12345.png" ;></div> | ||
+ | <div class="demo-trans1" align="center" > | ||
+ | <font size="6" align="center" color="#00000" font face="Agency FB" > | ||
+ | Intro | ||
+ | </font> | ||
+ | </div> | ||
+ | </div></a> | ||
+ | <div class="f1"></div> | ||
+ | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/agenda"><div class="f"> | ||
+ | <div class="circle" ><img src="https://static.igem.org/mediawiki/2015/d/d3/AGENDA6.png" ;></div> | ||
+ | <div class="demo-trans1" align="center" > | ||
+ | <font size="6" align="center" color="#00000" font face="Agency FB" > | ||
+ | Agenda | ||
+ | </font> | ||
+ | |||
+ | </div> | ||
+ | </div></a> | ||
+ | <div class="f1"></div> | ||
+ | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/participating_team"><div class="f"> | ||
+ | <div class="circle" ><img src="https://static.igem.org/mediawiki/2015/8/88/Team6.png" ;></div> | ||
+ | <div class="demo-trans1" align="center" > | ||
+ | <font size="6" align="center" color="#00000" font face="Agency FB" > | ||
+ | Team | ||
+ | </font> | ||
+ | </div> | ||
+ | </div></a> | ||
+ | <div class="f1"></div> | ||
+ | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/contacts"><div class="f" > | ||
+ | <div class="circle" ><img | ||
+ | src="https://static.igem.org/mediawiki/2015/9/90/95701.png" ;></div> | ||
+ | <div class="demo-trans1" align="center" > | ||
+ | <font size="6" align="center" color="#00000" font face="Agency FB" > | ||
+ | Contact us | ||
+ | </font> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="f1"></div> | ||
+ | <a href="https://2015.igem.org/Meetups/NCTU_Formosa"><div class="f" > | ||
+ | <div class="circle" ><img | ||
+ | src="https://static.igem.org/mediawiki/2015/1/1e/6870.png" ;></div> | ||
+ | <div class="demo-trans1" align="center" > | ||
+ | <font size="6" align="center" color="#00000" font face="Agency FB" > | ||
+ | Home | ||
+ | </font> | ||
+ | |||
+ | </div> | ||
+ | </div></a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 08:38, 31 May 2015
About us:
FACEBOOK: NCTU_Foromsa iGEM TEAM , Taiwan
Contact:
Name | Contact number | |
---|---|---|
Kuan-Chun Lan (Taiwan) | r35085866@yahoo.com.tw | +886935891321 |
Guang-Jyun Wang (China) | nctu5168victory@gmail.com | +886963531368 |
Chris Ho (Australia) | hotsungyu@gmail.com | +886978179512 |
Malvin Jefri (Indonesia) | malvinjefri@hotmail.com | +886952192182 |
Rachel Lee (Other Countries) | rach900166@yahoo.com.tw | +886933847803 |
Conference Fee:
Other Countries team:$160 USD
Taiwanese team:$4800 NTD
(Include fees for food, accommodation, insurance, and Conference Guide)