Difference between revisions of "Team:WHU-China"

 
(128 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
 
{{WHU-China}}
 
{{WHU-China}}
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
 
<head>
 
<head>
<!---main---->
 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IGEM-WHU</title>
+
<title>Home</title>
 
<style>
 
<style>
/**** TYPOGRAPHY ****/
+
#Mt1{
 
+
    }
/****div***/
+
#content{
.div {
+
background:#C1F2FF;
position:realtive;
+
        font-size:0;  
+
 
}
 
}
body {
+
.c_row{
margin:-3px; padding:0;
+
margin: 0 auto;
color:#555;  
+
width:1000px;
background: #E6FAFE;
+
-webkit-backface-visibility:hidden;  
+
}
overflow-x:hidden;  
+
html{
text-rendering:optimizeLegibility;
+
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;
 +
    }
 +
 +
img{
 +
width:100%;
 +
height:100%;
 +
max-height:100%;
 +
max-width:100%;
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
 
  
 
<body>
 
<body>
<img src="https://static.igem.org/mediawiki/2018/2/24/T--WHU-China--wiki-home_main1.png" width="150" height="155" style="position:absolute;left:400px;top:175px;" />  
+
<header>
<img src="https://static.igem.org/mediawiki/2018/4/42/T--WHU-China--wiki-home_main2.png" width="150" height="155" style="position:absolute;left:836px;top:160px;" />  
+
<div class="container agile-banner_nav">
<p style="position:absolute;top:400px;left:273px;width:900px;">It is well-known that every coin has two sides.  For many precious resources we are using now, the same theory applies. We named them <span style="color:red;font-weight:400;">Coin Chemicals (CC)</span>. On the one hand, CC act as vital materials and show a great side; on the other hand, they become dangerous evil to the environment once the improper emission or leakage happens. </p>
+
<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 style="font-weight:700;"><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 active">
 +
<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">
 +
<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 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="slider" style="min-height:880px;">
 +
<div class="callbacks_container" style="min-height:880px;">
 +
<ul class="rslides callbacks callbacks1" id="slider4">
 +
<li>
 +
<div class="banner-top" style="min-height:880px;">
 +
<div>
 +
<div class="container">
 +
<div class="banner-info_agile_w3ls">
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</li>
 +
<li>
 +
<div class="banner-top1" style="min-height:880px;">
 +
<div class="layer" style="min-height:880px;">
 +
<div class="container">
 +
<div class="banner-info_agile_w3ls">
 +
<h3>Noah's Ark I:</h3>
 +
                                                                  <h3>Polyphosphate planet</h3>
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</li>
 +
<li>
 +
<div class="banner-top2" style="min-height:880px;">
 +
<div class="layer" style="min-height:880px;">
 +
<div class="container">
 +
<div class="banner-info_agile_w3ls">
 +
                                                                        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
 +
<h3>2018 <span style="color:#ffc000">Gold</span>&nbsp;&nbsp;&nbsp;</h3>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</li>
 +
<li>
 +
<div class="banner-top3" style="min-height:880px;">
 +
<div class="layer" style="min-height:880px;">
 +
<div class="container">
 +
<div class="banner-info_agile_w3ls">
 +
 +
                                                                  <h3>Go all out to do <span>everything</span></h3>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="clearfix"> </div>
 +
 
 +
 +
<!-- Social Icons -->
 +
<!-- //Social Icons -->
 +
 +
 +
<!-- To bottom button-->
 +
<div class="thim-click-to-bottom">
 +
<div class="rotate">
 +
<a href="#Mt1" class="scroll">
 +
<i class="fa fa-ellipsis-v"></i>
 +
</a>
 +
</div>
 +
</div>
 +
<!-- //To bottom button-->
 +
</div>
 +
       
 +
       
 +
<div class="c_row" id="Mt1">
 +
<br/><br/>
 +
<img src="https://static.igem.org/mediawiki/2018/1/10/T--WHU-China--wiki-Home_mainf2.png">
 +
<br/><br/>
 
   
 
   
<p style="position:absolute;top:550px;left:273px;width:500px;">It is well-known that every coin has two sides. For many precious resources we are using now, the same theory applies. We named them <span  style="color:red;font-weight:400;">Coin Chemicals (CC)</span>. On the one hand, CC act as vital materials and show a great side; on the other hand, they become dangerous evil to the environment once the improper emission or leakage happens. </p>
+
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--WHU-China--wiki-home-lct.gif"style="position:relative;">
 +
</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>
 +
<footer style="weight:1900px;height:250px;">
 +
<div class="c_row" style="width:1200px;">
 +
  <div style="width:300px;height:250px;float:left;">
 +
<h4 style="color:white!important;">CONTACT US</h4>
 +
<br />
 +
<p style="font-size:16px;color:white!important;">
 +
igemwhu2018@126.com
 +
<br /><br />
 +
 
 +
📍 Bayi Road 299#; College of Life Sciences, Wuhan University, Wuhan, Hubei<br />
 +
<br />
 +
 
 +
</p>
 +
</div>
 +
<div style="float:left;width:800px;margin-left:50px;">
 +
  <div style="clear:both;" id="bt">
 +
  <h4 style="text-align:left;color:white!important;">ACKNOWLEGDEMENT</h4>
 +
  </div>
 +
  <div style="clear:both;weight:400px;">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/57/T--WHU-China--wiki-home_main10.png">
 +
  </div>
 +
</div>
 +
</div>
 +
</footer>
  
<img src="https://static.igem.org/mediawiki/2018/a/ad/T--WHU-China--wiki-home_main3.png" width="350px" height="200px" style="position:absolute;left:800px;top:500px;" />
+
</body>
</body>
+
 
</html>
 
</html>

Latest revision as of 10:31, 6 December 2018

Home








CONTACT US


igemwhu2018@126.com

📍 Bayi Road 299#; College of Life Sciences, Wuhan University, Wuhan, Hubei

ACKNOWLEGDEMENT