(Prototype team page) |
Francischlin (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | {{ | + | {{NCTU Formosa/Navigation}} |
+ | {{NCTU Formosa}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <title>Untitled Document</title> | ||
+ | <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | ||
+ | <link href="Home.css" rel="stylesheet" type="text/css"> | ||
+ | <script src="Home.js" type="text/javascript"></script> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /> | ||
− | < | + | <style> |
− | + | body { | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | overflow-x: hidden; | |
− | + | } | |
− | + | html, body{ | |
− | + | overflow-x: hidden !important; | |
− | + | -ms-overflow-x: hidden !important; | |
+ | } | ||
− | + | .hyperlink{ | |
− | + | position: relative; | |
+ | top: 4vmax; | ||
+ | width: 100vw; | ||
+ | height: 20vmax; | ||
+ | max-width: 100vw; | ||
+ | } | ||
− | + | .first_line{ | |
− | + | position: relative; | |
+ | left: 38vw; | ||
+ | } | ||
+ | .second_line{ | ||
+ | position: relative; | ||
+ | left: 38vw; | ||
+ | top: -1vmax; | ||
+ | } | ||
− | + | #first{ | |
+ | position: absolute; | ||
+ | left: 6vw; | ||
+ | top: 3.1vmax; | ||
+ | width: 20vw; | ||
+ | -webkit-transition: all 0.5 ease; | ||
+ | -moz-transition: all 0.5 ease; | ||
+ | -o-transition: all 0.5 ease; | ||
+ | -ms-transition: all 0.5 ease; | ||
+ | transition: all 0.5 ease; | ||
+ | } | ||
+ | #second{ | ||
+ | position:absolute; | ||
+ | left: 17.1vw; | ||
+ | top: 7vmax; | ||
+ | width: 20vw; | ||
+ | -webkit-transition: all 0.5 ease; | ||
+ | -moz-transition: all 0.5 ease; | ||
+ | -o-transition: all 0.5 ease; | ||
+ | -ms-transition: all 0.5 ease; | ||
+ | transition: all 0.5 ease; | ||
+ | } | ||
+ | #third{ | ||
+ | position: absolute; | ||
+ | left: 27vw; | ||
+ | top: 1.7vmax; | ||
+ | width: 20vw; | ||
+ | -webkit-transition: all 0.5 ease; | ||
+ | -moz-transition: all 0.5 ease; | ||
+ | -o-transition: all 0.5 ease; | ||
+ | -ms-transition: all 0.5 ease; | ||
+ | transition: all 0.5 ease; | ||
+ | } | ||
+ | #fourth{ | ||
+ | position: absolute; | ||
+ | left: 40vw; | ||
+ | width: 20vw; | ||
+ | -webkit-transition: all 0.5 ease; | ||
+ | -moz-transition: all 0.5 ease; | ||
+ | -o-transition: all 0.5 ease; | ||
+ | -ms-transition: all 0.5 ease; | ||
+ | transition: all 0.5 ease; | ||
+ | } | ||
+ | |||
+ | #fifth{ | ||
+ | position: absolute; | ||
+ | left: 53vw; | ||
+ | top: 7.1vmax; | ||
+ | width: 20vw; | ||
+ | -webkit-transition: all 0.5 ease; | ||
+ | -moz-transition: all 0.5 ease; | ||
+ | -o-transition: all 0.5 ease; | ||
+ | -ms-transition: all 0.5 ease; | ||
+ | transition: all 0.5 ease; | ||
+ | } | ||
+ | |||
+ | #sixth{ | ||
+ | position: absolute; | ||
+ | left: 64.7vw; | ||
+ | top: 2.9vmax; | ||
+ | width: 20vw; | ||
+ | -webkit-transition: all 0.5 ease; | ||
+ | -moz-transition: all 0.5 ease; | ||
+ | -o-transition: all 0.5 ease; | ||
+ | -ms-transition: all 0.5 ease; | ||
+ | transition: all 0.5 ease; | ||
+ | } | ||
+ | |||
+ | #seventh{ | ||
+ | position:absolute; | ||
+ | left: 72.7vw; | ||
+ | top: 6.8vmax; | ||
+ | width: 20vw; | ||
+ | -webkit-transition: all 0.5 ease; | ||
+ | -moz-transition: all 0.5 ease; | ||
+ | -o-transition: all 0.5 ease; | ||
+ | -ms-transition: all 0.5 ease; | ||
+ | transition: all 0.5 ease; | ||
+ | } | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #first:hover{ | ||
+ | width: 23vw; | ||
+ | left: 4.5vw; | ||
+ | } | ||
+ | |||
+ | #second:hover{ | ||
+ | width: 23vw; | ||
+ | left: 15.6vw; | ||
+ | } | ||
+ | |||
+ | #third:hover{ | ||
+ | width: 23vw; | ||
+ | left: 25.5vw; | ||
+ | } | ||
+ | |||
+ | #fourth:hover{ | ||
+ | width: 23vw; | ||
+ | left: 38.5vw; | ||
+ | } | ||
+ | |||
+ | #fifth:hover{ | ||
+ | width: 23vw; | ||
+ | left: 51.5vw; | ||
+ | } | ||
+ | |||
+ | #sixth:hover{ | ||
+ | width: 23vw; | ||
+ | left: 63.2vw; | ||
+ | } | ||
+ | |||
+ | #seventh:hover{ | ||
+ | width: 23vw; | ||
+ | left: 71.2vw; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <!-----------------------------------------------------------------------------> | ||
+ | <script> | ||
+ | |||
+ | </script> | ||
+ | <!-----------------------------------------------------------------------------> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div class="improve_head"><img src="https://static.igem.org/mediawiki/2017/b/b7/Improve_head.png" width="100%"> </div> | ||
+ | |||
+ | <div> | ||
+ | <div class="first_line"><img src="https://static.igem.org/mediawiki/2017/3/31/Hyperproject_line.png" width="24%"></div> | ||
+ | <div class="hyperlink"> | ||
+ | <a href="https://2017.igem.org/Team:NCTU_Formosa/Description"><img src="https://static.igem.org/mediawiki/2017/a/a5/Hyperproject_des.png" id="first"></a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:NCTU_Formosa/Applied_Design"><img src="https://static.igem.org/mediawiki/2017/9/95/Hyperproject_design.png" id="second"></a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:NCTU_Formosa/Peptide_Prediction"><img src="https://static.igem.org/mediawiki/2017/1/1e/Hyperproject_ptpredic.png" id="third"></a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:NCTU_Formosa/Disease_Occurrence_Prediction"><img src="https://static.igem.org/mediawiki/2017/7/70/Hyperproject_sgpredic.png" id="fourth"></a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:NCTU_Formosa/Demonstrate"><img src="https://static.igem.org/mediawiki/2017/f/fc/Hyperproject_demo.png" id="fifth"></a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:NCTU_Formosa/Contribution"><img src="https://static.igem.org/mediawiki/2017/0/01/Hyperproject_contri.png" id="sixth"></a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:NCTU_Formosa/Improve"><img src="https://static.igem.org/mediawiki/2017/b/b5/Hyperproject_improve.png" id="seventh"></a> | ||
+ | </div> | ||
+ | <div class="second_line"><img src="https://static.igem.org/mediawiki/2017/3/31/Hyperproject_line.png" width="24%"></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> | ||
+ | |||
+ | {{NCTU_Formosa/Footer}} |
Revision as of 20:20, 23 October 2017