Difference between revisions of "Team:WHU-China/Notebook"

 
(9 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>
 
<header>
 
<div class="container agile-banner_nav">
 
<div class="container agile-banner_nav">
 
<div class="row header-top">
 
<div class="row header-top">
<div class="col-md-5 top-left p-0">
+
                  <div class="col-md-5 top-left p-0">
 
<p> IGEM-WHU </p>
 
<p> IGEM-WHU </p>
 
</div>
 
</div>
 
<div class="col-md-7 top-right p-0">
 
<div class="col-md-7 top-right p-0">
 
</div>
 
</div>
</div>
+
                </div>
 +
 
 
 
<nav class="navbar navbar-expand-lg navbar-light bg-light">
 
<nav class="navbar navbar-expand-lg navbar-light bg-light">
Line 52: Line 120:
 
                        <li><a href="https://2018.igem.org/Team:WHU-China/Attributions">Attribution</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>
 
                                         <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>
 
</ul>
 
</li>
 
</li>
Line 61: Line 140:
 
<ul class="dropdown-menu agile_short_dropdown">
 
<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/Human_Practices">Human Practice</a></li>
                    <li><a href="https://2018.igem.org/Team:WHU-China/Integrated_Human_Practices">Integrated HP</a></li>
+
                     
 
                      <li><a href="https://2018.igem.org/Team:WHU-China/Public_Engagement">Education engagement</a></li>
 
                      <li><a href="https://2018.igem.org/Team:WHU-China/Public_Engagement">Education engagement</a></li>
 
</ul>
 
</ul>
Line 71: Line 150:
 
</a>
 
</a>
 
<ul class="dropdown-menu agile_short_dropdown">
 
<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/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/Hardware">Hardware</a></li>
Line 77: Line 157:
 
</li>
 
</li>
 
<li class="nav-item pr-lg-0">
 
<li class="nav-item pr-lg-0">
<a class="nav-link pr-lg-0" href="contact.html">Device</a>
+
<a class="nav-link pr-lg-0" href="https://2018.igem.org/Team:WHU-China/Device">Device</a>
 
</li>
 
</li>
 
</ul>
 
</ul>
Line 88: Line 168:
  
  
<div>
+
<div class="c_row">
  <br />
+
<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 />
 
   <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 />
 
   <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">
 
<svg class="editorial" xmlns="http://www.w3.org/2000/svg" viewBox="0 24 150 28" preserveAspectRatio="none">
 
     <defs>
 
     <defs>
Line 107: Line 215:
 
</svg>
 
</svg>
 
</div>
 
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 03:20, 18 October 2018

Laboratory









Notebook




Click the picture above to check our molecular biology laboratory.


Click the picture above to check our algae-bacteria symbiotic laboratory.