(Prototype team page) |
AnakinYeung (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | <!DOCTYPE html> | |
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <title>iGem CGU_Taiwan 2017</title> | ||
+ | <style> | ||
+ | #sideMenu | ||
+ | { | ||
+ | display:none; /* Disable the display of the annoying side main menu*/ | ||
+ | } | ||
+ | |||
+ | #top_title | ||
+ | { | ||
+ | display:none; /* Disable the annoying title*/ | ||
+ | } | ||
+ | #content { padding:0px; width:100%; margin-left:0%; margin-right:0%;} | ||
+ | </style> | ||
+ | <style> | ||
+ | nav ul { | ||
+ | height: 100px; | ||
+ | list-style-type: none; | ||
+ | /* background-color: #989191; */ | ||
+ | text-align: right; | ||
+ | } | ||
− | + | nav li { | |
− | + | display:inline-block; | |
− | + | } | |
+ | nav li a/*, .dropbtn */{ | ||
+ | display: inline-block; | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | font-size: 20px; | ||
+ | font-family: '微軟正黑體'; | ||
+ | display: block; | ||
+ | padding: 40px 20px; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | nav li.logo{ | ||
+ | text-align: left; | ||
+ | position:absolute; | ||
+ | left:130px; | ||
+ | } | ||
− | + | nav li a:hover, .dropdown:hover .dropbtn { | |
− | + | background-color: #000; | |
− | + | } | |
− | + | ||
− | + | nav li.dropdown { | |
+ | display: inline-block; | ||
+ | } | ||
− | + | .dropdown-content { | |
− | + | display: none; | |
− | + | position: absolute; | |
− | + | background-color: #f9f9f9; | |
− | + | min-width: 160px; | |
− | + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | |
− | + | z-index: 1; | |
− | + | } | |
− | + | ||
− | + | .dropdown-content a { | |
− | + | color: black; | |
− | + | padding: 12px 16px; | |
− | + | text-decoration: none; | |
− | + | display: block; | |
− | + | text-align: left; | |
− | + | } | |
− | + | .dropdown-content a:hover { | |
− | + | background-color: #f1f1f1 | |
− | + | } | |
− | + | .dropdown:hover .dropdown-content { | |
+ | display: block; | ||
+ | } | ||
+ | video{ | ||
+ | /* width: 640;*/ | ||
+ | /* height: 320;*/ | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | /* margin: 0px auto;*/ | ||
+ | text-align: -webkit-center; | ||
+ | /*text-align: center;*/ | ||
+ | vertical-align: middle; | ||
+ | margin-bottom:40px; margin-top:20px; | ||
+ | } | ||
+ | indexmenu{ | ||
+ | display: block; | ||
+ | height:600px; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | padding:0px; | ||
+ | list-style:none; | ||
+ | } | ||
− | + | .column-left{ float: left; width: 33%; margin-bottom:60px; margin-top:30px;} | |
− | + | ||
− | + | ||
− | + | ||
− | + | .column-right{ float: right; width: 33%; margin-bottom:60px; margin-top:30px; } | |
+ | .column-center{ display: inline-block; width: 33%; margin-bottom:60px; margin-top:30px; } | ||
− | + | footer{ | |
− | + | width: 100%; | |
− | + | background: #918585; | |
− | + | height: 100px; | |
− | + | text-align: right; | |
− | + | box-sizing: border-box; | |
− | + | } | |
− | + | ||
− | + | footer ul{ | |
− | + | display: block; | |
− | + | width: 100%; | |
− | + | background: #918585; | |
− | + | height: 100px; | |
+ | text-align: right; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | footer ul li{ | ||
+ | display:inline-block; | ||
+ | color:#205E87; | ||
+ | text-decoration: none; | ||
+ | font-size: 15px; | ||
+ | font-family: '微軟正黑體'; | ||
+ | } | ||
+ | /* note | ||
− | <div class=" | + | <li><a href="#home">Home</a></li> |
− | < | + | <li class="dropdown"><a href="">Project</a> |
− | < | + | <div class="dropdown-content"> |
+ | <a href="#">Description</a> | ||
+ | <a href="#">Results</a> | ||
+ | <a href="#">Proof</a> | ||
+ | </div> | ||
+ | <li><a href="">Modeling</a></li> | ||
+ | <li><a href="">Notebook</a></li> | ||
+ | <li class="dropdown"><a href="">Team</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">People</a> | ||
+ | <a href="#">Sponsor</a> | ||
+ | </div> | ||
+ | |||
+ | <img src="Projectlogo.png"> | ||
+ | <img src="teamlogo.png"> | ||
+ | <img src="humanpracticeslogo.png"> | ||
+ | </li> | ||
+ | |||
+ | <div class="indexmenu" align="center" style="background: #fff"> | ||
<ul> | <ul> | ||
− | <li | + | <li class="project"><a href="project.html"></a></li> |
− | + | <li class="team"><a href="team.html"></a></li> | |
− | <li | + | <li class="humanpractices"><a href="humanpractices.html"></a></li> |
− | + | ||
− | <li | + | |
− | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | */ | ||
+ | </style> | ||
+ | </head> | ||
+ | <body background="https://static.igem.org/mediawiki/2017/e/e5/Cgubackgroung.jpg"> | ||
+ | <nav> | ||
+ | <ul> | ||
+ | <li class="logo"><img src="https://static.igem.org/mediawiki/2017/a/af/Cguindexlogo.png" height="100px" width="166px"/></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <div class="video" align="center"> | ||
+ | <video width="960" height="540" controls autoplay> | ||
+ | <source src="video/iGEM CGU 2017 Beta.mp4" type="video/mp4"> | ||
+ | Your browser does not support the video tag. | ||
+ | </video> | ||
+ | </div> | ||
+ | <div class="indexmenu" align="center" style="background: #fff; height:600;"> | ||
+ | <div class="column-left" style="text-align:center"> | ||
+ | <a href="project.html"><img src="Projectlogo.png" width="406px"></a> | ||
+ | <h3>About our project</h3> | ||
+ | </div> | ||
+ | <div class="column-center" style="text-align:center"> | ||
+ | <a href="team.html"><img src="teamlogo.png" width="406px"></a> | ||
+ | <h3>About our team</h3> | ||
+ | </div> | ||
+ | <div class="column-right" style="text-align:center"> | ||
+ | <a href="humanpractices.html"><img src="humanpracticeslogo.png" width="406px"></a> | ||
+ | <h3>Go beyond the lab</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | <footer align="right"> | ||
+ | <ul> | ||
+ | <li><a href="https://www.facebook.com/IGEM-CGU-2017-1083219718463871/"><img src="img/icon/facebook.png" height="27px" width="27px"></a></li> | ||
+ | <li><a href=""><img src="img/icon/email.png" height="27px" width="27px"></a></li> | ||
+ | <li>Copyright © 2015 Chang Gung University </li> | ||
+ | <li>No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)</li> | ||
+ | </ul> | ||
+ | </footer> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 03:23, 10 June 2017
<!DOCTYPE html>