Difference between revisions of "Team:WHU-China"

 
(76 intermediate revisions by the same user not shown)
Line 22: Line 22:
 
}
 
}
 
body{
 
body{
   background:#E6FAFE;
+
   background:#C1F2FF;
 
   font-family:"Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
 
   font-family:"Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
 
   overflow-y:auto;
 
   overflow-y:auto;
Line 51: Line 51:
 
   font-weight:400;
 
   font-weight:400;
 
   position:relative;
 
   position:relative;
  left:40px;
 
 
     }
 
     }
  
Line 67: Line 66:
 
<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">
 
 
<h1><a class="navbar-brand" href="https://2018.igem.org/Team:WHU-China">IGEM - WHU</a></h1>
+
<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">
 
<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>
 
<span class="navbar-toggler-icon"></span>
Line 94: Line 94:
 
<li><a href="https://2018.igem.org/Team:WHU-China/Description">Description</a></li>
 
<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/Design">Design</a></li>
<li><a href="">Experiments</a></li>
+
<li><a href="https://2018.igem.org/Team:WHU-China/Experiments">Experiments</a></li>
<li><a href="">Modelling</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/Demonstrate">Demonstrate</a></li>
<li><a href="">Improve</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/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/InterLab">InterLab</a></li>
                                <li><a href="">Notebook</a></li>
 
 
                                 <li><a href="https://2018.igem.org/Team:WHU-China/Safety">Safety</a></li>
 
                                 <li><a href="https://2018.igem.org/Team:WHU-China/Safety">Safety</a></li>
 
</ul>
 
</ul>
Line 111: Line 112:
 
</a>
 
</a>
 
<ul class="dropdown-menu agile_short_dropdown">
 
<ul class="dropdown-menu agile_short_dropdown">
<li><a href="">Overview</a></li>
+
                        <li><a href="https://2018.igem.org/Team:WHU-China/Team">Team members</a></li>
                        <li><a href="">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/Attributions">Attribution</a></li>
                                         <li><a href="">Collaboration</a></li>
+
                                         <li><a href="https://2018.igem.org/Team:WHU-China/Collaborations">Collaboration</a></li>
 
</ul>
 
</ul>
</li>
+
 
 
<li class="dropdown nav-item">
 
<li class="dropdown nav-item">
 
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Parts
 
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Parts
Line 122: Line 122:
 
</a>
 
</a>
 
<ul class="dropdown-menu agile_short_dropdown">
 
<ul class="dropdown-menu agile_short_dropdown">
<li><a href="">Overview</a></li>
+
                        <li><a href="https://2018.igem.org/Team:WHU-China/Parts">Overview</a></li>
                <li><a href="">Basic parts</a></li>
+
                        <li><a href="https://2018.igem.org/Team:WHU-China/Parts/Basic_parts">Basic parts</a></li>
                <li><a href="">Composite parts</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:WHU-China/Parts/Composite parts">Composite parts</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
                   
+
 
 
                     <li class="dropdown nav-item">
 
                     <li class="dropdown nav-item">
 
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">HP
 
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">HP
Line 133: Line 133:
 
</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/Human_Practices">Overview</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 144: Line 144:
 
</a>
 
</a>
 
<ul class="dropdown-menu agile_short_dropdown">
 
<ul class="dropdown-menu agile_short_dropdown">
<li><a href="">Applied design</a></li>
+
<li><a href="https://2018.igem.org/Team:WHU-China/Medal_criteria">Meadal criteria</a></li>
                <li><a href="">Plant</a></li>
+
<li><a href="https://2018.igem.org/Team:WHU-China/Applied_Design">Applied design</a></li>
                <li><a href="">Model</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>
 
</ul>
 
</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 163: Line 164:
  
  
 
+
<div class="slider" style="min-height:880px;">
<div class="slider">
+
<div class="callbacks_container" style="min-height:880px;">
<div class="callbacks_container">
+
 
<ul class="rslides callbacks callbacks1" id="slider4">
 
<ul class="rslides callbacks callbacks1" id="slider4">
 
<li>
 
<li>
<div class="banner-top">
+
<div class="banner-top" style="min-height:880px;">
<div class="layer">
+
<div>
 
<div class="container">
 
<div class="container">
 
<div class="banner-info_agile_w3ls">
 
<div class="banner-info_agile_w3ls">
<h2>Travel Things go as <span> per plan</span>. </h2>
+
+
<a href="about.html" class="mr-2">Read More <i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
<a href="contact.html">Contact Us <i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 182: Line 179:
 
</li>
 
</li>
 
<li>
 
<li>
<div class="banner-top1">
+
<div class="banner-top1" style="min-height:880px;">
<div class="layer">
+
<div class="layer" style="min-height:880px;">
 
<div class="container">
 
<div class="container">
 
<div class="banner-info_agile_w3ls">
 
<div class="banner-info_agile_w3ls">
<h3>Best travel website <span> Inspire</span> You.</h3>
+
<h3>Noah's Ark I:</h3>
+
                                                                  <h3>Polyphosphate planet</h3>
<a href="about.html" class="mr-2">Read More <i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
<a href="contact.html">Contact Us <i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 196: Line 192:
 
</li>
 
</li>
 
<li>
 
<li>
<div class="banner-top2">
+
<div class="banner-top2" style="min-height:880px;">
<div class="layer">
+
<div class="layer" style="min-height:880px;">
 
<div class="container">
 
<div class="container">
 
<div class="banner-info_agile_w3ls">
 
<div class="banner-info_agile_w3ls">
<h3>Lets Find Some <span>Beautiful</span> Place.</h3>
+
                                                                        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
+
<h3>2018 <span style="color:#ffc000">Gold</span>&nbsp;&nbsp;&nbsp;</h3>
<a href="about.html" class="mr-2">Read More <i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
<a href="contact.html">Contact Us <i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 210: Line 204:
 
</li>
 
</li>
 
<li>
 
<li>
<div class="banner-top3">
+
<div class="banner-top3" style="min-height:880px;">
<div class="layer">
+
<div class="layer" style="min-height:880px;">
 
<div class="container">
 
<div class="container">
 
<div class="banner-info_agile_w3ls">
 
<div class="banner-info_agile_w3ls">
<h3>Travelling Is like <span>Breathing</span>.</h3>
 
 
 
<a href="about.html" class="mr-2">Read More <i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
                                                                  <h3>Go all out to do <span>everything</span></h3>
<a href="contact.html">Contact Us <i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 242: Line 235:
 
<!-- //To bottom button-->
 
<!-- //To bottom button-->
 
</div>
 
</div>
<div class="c_row" style="text-align:center;width:600px;"id="Mt1">
+
       
  <img src="https://static.igem.org/mediawiki/2018/a/a2/T--WHU-China--wiki-home_main0.png">
+
       
  </div>
+
<div class="c_row" id="Mt1">
<div class="c_row">
+
  <br/><br/>
<p style="font-size:22px;">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 Coin <span style="color:red;font-weight:500;">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.
+
  <img src="https://static.igem.org/mediawiki/2018/1/10/T--WHU-China--wiki-Home_mainf2.png">
</p>
+
<br/><br/>
</div>
+
<div class="c_row">
+
  <div style="float:left;width:500px;">
+
  <br />
+
  <br />
+
  <br />
+
  <p style="font-size:22px;">For instance, typical chemicals like Hg, Cd, Pb and cyanide  play a irreplaceable role in industrial community.</p>
+
   
+
  <br />
+
  <br />
+
  <br />
+
  <p style="font-size:22px;">P, N and organic fertilizer are very useful resource in agriculture.</p> 
+
  <br />
+
  <br />
+
  <br />
+
  <br />
+
  <p style="font-size:22px;">what’s more, U and Pu can provide human beings with clean nuclear energy. </p> 
+
  </div>
+
  <div style="float:right;width:300px;">
+
  <img src="https://static.igem.org/mediawiki/2018/4/49/T--WHU-China--wiki-Home_main2.png">
+
  </div>
+
</div>
+
 
   
 
   
<div class="c_row" style="clear:both;">
+
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--WHU-China--wiki-home-lct.gif"style="position:relative;">
<br />
+
<br />
+
<br />
+
 
+
<p style="font-size:22px;">However, once they are not in the right positon — leaked to the environment, they will cause severe disaster to our ecosystem. </p>
+
<br />
+
<br />
+
<br />
+
<p style="font-size:22px;">This kind of leakage actually accounts for most environmental problems and put a strain on modern society. If we don’t take harsh action, these pollutions  will gradually deteriorate our living environment and  reshape our life. Garbage is misplaced resources, so how to minimize the adverse effect to environment and maximize the utilization of CC? </p>
+
<br />
+
<br />
+
<br />
+
 
</div>
 
</div>
 
<div class="c_row">
 
  <div style="float:left;width:690px;">
 
 
  <p style="font-size:22px;">To solve this tough and urgent problem, we design a novel device. This device can specifically absorb the CC we want from the water body and reserve them in its interior space. </p> 
 
  </div>
 
  <div style="float:right;width:280px;">
 
  <img src="https://static.igem.org/mediawiki/2018/d/d1/T--WHU-China--wiki-home_main6.png">
 
  </div>
 
</div>
 
 
 
<div class="c_row" style="clear:both;">
 
  <div style="float:right;width:450px;">
 
  <br />
 
  <br />
 
  <br />
 
  <br />
 
  <br />
 
  <p style="font-size:22px;">Even more exciting, all our device need is solar energy! In essence, the entropy increase process of the leaked element is reversed by solar energy. This environment-friendly way make us very confident about it, we hope one day our device can save the environment, thus, we call this device—Noah’s Ark!
 
</p> 
 
  </div>
 
  <div style="float:left;width:400px;">
 
  <img src="https://static.igem.org/mediawiki/2018/f/f7/T--WHU-China--wiki-Home_main7.png">
 
  </div>
 
</div>
 
 
  
 
<div>
 
<div>
Line 326: Line 258:
 
     </defs>
 
     </defs>
 
     <g class="parallax">
 
     <g class="parallax">
         <use xlink:href="#gentle-wave" x="50" y="0" fill="#e6fafe" />
+
         <use xlink:href="#gentle-wave" x="50" y="0" fill="#E7FBFF" />
         <use xlink:href="#gentle-wave" x="50" y="3" fill="#bdf1ff" />
+
         <use xlink:href="#gentle-wave" x="50" y="3" fill="#9AE0FF" />
         <use xlink:href="#gentle-wave" x="50" y="6" fill="#87cefa" />
+
         <use xlink:href="#gentle-wave" x="50" y="6" fill="#57BDFC" />
 
     </g>
 
     </g>
 
</svg>
 
</svg>
 
</div>
 
</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>
 +
 
  </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