|
|
| (10 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <head>
| |
| − | <meta charset="UTF-8">
| |
| − | <title>iGEM CGU_Taiwan 2017</title>
| |
| | | | |
| − | <style>
| |
| − | nav ul {
| |
| − | height: 30px;
| |
| − | 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;
| |
| − | background-image: url(button/project.png) top center no-repeat;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .column-left{
| |
| − | float: left;
| |
| − | width: 33%;
| |
| − | margin-bottom:60px;
| |
| − | margin-top:30px;
| |
| − | background: url(https://static.igem.org/mediawiki/2017/d/d1/Cguproject0915.png) top center no-repeat;
| |
| − | }
| |
| − |
| |
| − | .column-right{
| |
| − | float: right;
| |
| − | width: 33%;
| |
| − | margin-bottom:60px;
| |
| − | margin-top:30px;
| |
| − | background: url(button/human%20practice.png) top center no-repeat;
| |
| − | }
| |
| − |
| |
| − | .column-center{
| |
| − | display: inline-block;
| |
| − | width: 33%;
| |
| − | margin-bottom:60px;
| |
| − | margin-top:30px;
| |
| − | background: url(button/our%20team.png) top center no-repeat;
| |
| − | }
| |
| − |
| |
| − | footer{
| |
| − | width: 100%;
| |
| − |
| |
| − | height: 100px;
| |
| − | text-align: right;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − |
| |
| − | footer ul{
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − |
| |
| − | 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
| |
| − |
| |
| − | <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>
| |
| − | <li class="project"><a href="project.html"></a></li>
| |
| − | <li class="team"><a href="team.html"></a></li>
| |
| − | <li class="humanpractices"><a href="humanpractices.html"></a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | */
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − | <body bgcolor=#FAF0E6>
| |
| − | <nav>
| |
| − | <ul>
| |
| − | <li class="logo"></li>
| |
| − | </ul>
| |
| − | </nav>
| |
| − | <div class="video" align="center">
| |
| − | <iframe style="background-color:black;" width="960" height="540" src="https://www.youtube.com/embed/N3cLBEGoyCE?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="indexmenu" align="center" style="height:600;">
| |
| − |
| |
| − | <div class="column-left" align="center"><a href="project.html">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/d/d1/Cguproject0915.png" width="406px"></a></div>
| |
| − | <div class="column-center" align="center"><a href="team.html">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/0/09/Cguteam0915.png" width="406px"></a></div>
| |
| − | <div class="column-right" align="center"><a href="humanpractices.html">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/b/b0/Cguhumanpractice0915.png" width="406px"></a></div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <footer align="right">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/1/13/Cgucopyright0915.png" width="30%">
| |
| − | </footer>
| |
| − | </body>
| |
| − | </html>
| |
