Difference between revisions of "Meetups/NCTU Formosa"
(212 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
<html> | <html> | ||
<head> | <head> | ||
− | < | + | <link href='https://2015.igem.org/Meetups/NCTU_Formosa/reset?action=raw&ctype=text/css' rel="stylesheet"> |
+ | <style type="text/css"> | ||
+ | #content { | ||
+ | background: black; | ||
+ | } | ||
+ | body { | ||
+ | background: black; | ||
+ | } | ||
+ | <!-- | ||
+ | .bottom { | ||
+ | border-style:solid; | ||
+ | float:left; | ||
+ | width:200px; | ||
+ | height:300px; | ||
+ | background-color:#C7FF91; | ||
+ | } | ||
+ | div.demo-trans1{ | ||
+ | display:none; | ||
+ | height:30px; | ||
+ | position:relative; | ||
+ | top:25px; | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | div.f{ | ||
+ | float:left; | ||
+ | width:19%; | ||
+ | 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:hover{ | ||
+ | background-color:#FFFFFF; | ||
+ | } | ||
+ | div.f:hover div.demo-trans1{ | ||
+ | display: block; | ||
+ | } | ||
+ | div.circle{ | ||
+ | height:30px; | ||
+ | |||
+ | -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; | ||
+ | } | ||
+ | //--> | ||
+ | </style> | ||
+ | <style> | ||
+ | .myfont3{font-weight: 900; | ||
+ | letter-spacing:8px; | ||
+ | font-size:110px; | ||
+ | line-height: 100px; | ||
+ | font-family:Agency FB; | ||
+ | font-color:white;} | ||
+ | div.myfont2 { | ||
+ | position:absolute; | ||
+ | top:18%; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<body> | <body> | ||
− | <div | + | <div class="myfont2"> |
− | < | + | <p class="myfont3"><font color=white>2015 iGEM <br> |
− | + | <br> | |
− | + | Conference</font></p></div> | |
− | + | <div style="text-align:right;"> | |
− | + | <iframe width="59%" height="640" src="https://drive.google.com/file/d/0B5KYUA3jLSjRamhkVW9TejVFSU0/preview;showinfo=0" frameborder="0" allowfullscreen></iframe> | |
− | + | </div> | |
− | + | <div style="text-align:center;height:50px;margin: 0px auto;width:90%;"> | |
− | + | <div style="text-align:center;height:50px" ></div> | |
− | + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction"><div class="f" > | |
− | + | <div class="circle" style="position:relative;top:45px;" ><img src="https://static.igem.org/mediawiki/2015/1/12/12345.png" ;></div> | |
− | + | <div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;"> | |
− | + | <font size="10" align="center" color="#00000" font face="Agency FB" > | |
− | + | Intro | |
− | + | </font> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
− | < | + | |
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | </div> | + | </div></a> |
− | <div class=" | + | <div class="f1"></div> |
− | <img | + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/agenda"><div class="f"> |
− | <div class=" | + | <div class="circle" style="position:relative;top:25px;" ><img src="https://static.igem.org/mediawiki/2015/d/d3/AGENDA6.png" ;></div> |
− | < | + | <div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;"> |
− | 2015 | + | <font size="10" 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" style="position:relative;top:45px;" ><img src="https://static.igem.org/mediawiki/2015/8/88/Team6.png" ;></div> | ||
+ | <div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;"> | ||
+ | <font size="10" 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" style="position:relative;top:45px;" ><img | ||
+ | src="https://static.igem.org/mediawiki/2015/9/90/95701.png" ;></div> | ||
+ | <div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;"> | ||
+ | <font size="10" align="center" color="#00000" font face="Agency FB" > | ||
+ | Contact us | ||
+ | </font> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
− | </div> | + | <div class="f1"></div> |
− | <div class=" | + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa"><div class="f" > |
− | < | + | <div class="circle" style="position:relative;top:38px;"><img |
− | <div class=" | + | src="https://static.igem.org/mediawiki/2015/1/1e/6870.png" width="110";></div> |
− | < | + | <div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;"> |
− | + | <font size="10" align="center" color="#00000" font face="Agency FB" > | |
− | </ | + | Home |
− | + | </font> | |
− | + | ||
− | + | ||
</div> | </div> | ||
− | </div | + | </div></a> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> | ||
− |
Latest revision as of 06:05, 4 August 2015
2015 iGEM
Conference