(Replaced content with "{{WHU-China}} <html> </html>") |
|||
(10 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{WHU-China}} | {{WHU-China}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <title>Laboratory</title> | ||
+ | <style> | ||
+ | .c_row{ | ||
+ | margin: 0 auto; | ||
+ | width:1000px; | ||
+ | |||
+ | } | ||
+ | #content{ | ||
+ | background:#C1F2FF; | ||
+ | } | ||
+ | html{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | height:100%; | ||
+ | weight:100%; | ||
+ | } | ||
+ | body{ | ||
+ | background:#C1F2FF; | ||
+ | font-family:"Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif; | ||
+ | overflow-y:auto; | ||
+ | overflow-x:hidden; | ||
+ | } | ||
+ | p{ | ||
+ | font-size:24px; | ||
+ | } | ||
+ | h1{ | ||
+ | font-size:34px; | ||
+ | font-weight:400; | ||
+ | } | ||
+ | h2{ | ||
+ | font-size:30px; | ||
+ | font-weight:400; | ||
+ | position:relative; | ||
+ | left:20px; | ||
+ | } | ||
+ | h3{ | ||
+ | font-size:28px; | ||
+ | font-weight:400; | ||
+ | position:relative; | ||
+ | left:30px; | ||
+ | } | ||
+ | |||
+ | h4{ | ||
+ | font-size:26px; | ||
+ | font-weight:400; | ||
+ | position:relative; | ||
+ | /*left:40px;*/ | ||
+ | } | ||
+ | |||
+ | h1,h2,h3,h4{ | ||
+ | font-family:"Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif; | ||
+ | } | ||
+ | |||
+ | img{ | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | max-height:100%; | ||
+ | max-width:100%; | ||
+ | } | ||
+ | a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <header> | ||
+ | <div class="container agile-banner_nav"> | ||
+ | <div class="row header-top"> | ||
+ | <div class="col-md-5 top-left p-0"> | ||
+ | <p> IGEM-WHU </p> | ||
+ | </div> | ||
+ | <div class="col-md-7 top-right p-0"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <nav class="navbar navbar-expand-lg navbar-light bg-light"> | ||
+ | |||
+ | <h1><a class="navbar-brand" href="https://2018.igem.org/Team:WHU-China">IGEM - WHU</a></h1> | ||
+ | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
+ | <span class="navbar-toggler-icon"></span> | ||
+ | </button> | ||
+ | |||
+ | <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent"> | ||
+ | <ul class="navbar-nav ml-auto"> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="https://2018.igem.org/Team:WHU-China">Home <span class="sr-only">(current)</span></a> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown nav-item active"> | ||
+ | <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Project | ||
+ | <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu agile_short_dropdown"> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Description">Description</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Design">Design</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Protocol">Protocol</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Model">Modelling</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Demonstrate">Demonstrate</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Improve">Improve</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Future_plan">Furture plans</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/InterLab">InterLab</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li class="dropdown nav-item"> | ||
+ | <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Team | ||
+ | <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu agile_short_dropdown"> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Team">Team members</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Attributions">Attribution</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Collaborations">Collaboration</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown nav-item"> | ||
+ | <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Parts | ||
+ | <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu agile_short_dropdown"> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Parts">Overview</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Parts/Basic_parts">Basic parts</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Parts/Composite parts">Composite parts</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown nav-item"> | ||
+ | <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">HP | ||
+ | <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu agile_short_dropdown"> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Human_Practices">Human Practice</a></li> | ||
+ | |||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Public_Engagement">Education engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown nav-item"> | ||
+ | <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Awards | ||
+ | <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu agile_short_dropdown"> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Medal_criteria">Meadal criteria</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Applied_Design">Applied design</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Hardware">Hardware</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:WHU-China/Measurement">Measurement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="nav-item pr-lg-0"> | ||
+ | <a class="nav-link pr-lg-0" href="https://2018.igem.org/Team:WHU-China/Device">Device</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </nav> | ||
+ | </div> | ||
+ | </header> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="c_row"> | ||
+ | <br/><br/><br/><br/><br/><br/> | ||
+ | <br /> | ||
+ | <br /> | ||
+ | <h1 style="text-align:center;">Notebook</h1> | ||
+ | <br /> | ||
+ | <br /> | ||
+ | |||
+ | </div> | ||
+ | <div class="c_row"> | ||
+ | <div style="float:left;width:400px;"> | ||
+ | <a href="https://2018.igem.org/Team:WHU-China/Notebook/Lab1"><img src="https://static.igem.org/mediawiki/2018/1/11/T--WHU-China--wiki-laboratory1_main1.png" class="Lab_b"></a> | ||
+ | <br /> | ||
+ | <div style="text-align:center;"> | ||
+ | <p style="font-size:24px;"><span style="font-weight:700;">Click the picture above</span> to check our molecular biology laboratory.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div style="float:right;width:400px;"> | ||
+ | <a href="https://2018.igem.org/Team:WHU-China/Notebook/Lab2"><img src="https://static.igem.org/mediawiki/2018/6/65/T--WHU-China--wiki-laboratory1_main2.png"></a> | ||
+ | <br /> | ||
+ | <div style="text-align:center;"> | ||
+ | <p style="font-size:24px;"><span style="font-weight:700;">Click the picture above</span> to check our algae-bacteria symbiotic laboratory.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div> | ||
+ | <br/><br/><br/> | ||
+ | <svg class="editorial" xmlns="http://www.w3.org/2000/svg" viewBox="0 24 150 28" preserveAspectRatio="none"> | ||
+ | <defs> | ||
+ | <path id="gentle-wave" d="m -160,44.4 c 30,0 58, | ||
+ | -18 87.7,-18 30.3,0 58.3, | ||
+ | 18 87.3,18 30,0 58,-18 88, | ||
+ | -18 30,0 58,18 88,18 l 0, | ||
+ | 34.5 -351,0 z" /> | ||
+ | </defs> | ||
+ | <g class="parallax"> | ||
+ | <use xlink:href="#gentle-wave" x="50" y="0" fill="#E7FBFF" /> | ||
+ | <use xlink:href="#gentle-wave" x="50" y="3" fill="#9AE0FF" /> | ||
+ | <use xlink:href="#gentle-wave" x="50" y="6" fill="#57BDFC" /> | ||
+ | </g> | ||
+ | </svg> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 03:20, 18 October 2018