Difference between revisions of "Team:WHU-China"

 
(88 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 name="viewport" content="width=device-width, initial-scale=1.0">
 
 
<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>
−
<meta charset="UTF-8" />
+
−
<meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
+
−
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
+
−
<meta name="renderer" content="webkit"><!--360渲染模式-->
+
−
<meta name="format-detection" content="telephone=notelphone=no, email=no" />
+
−
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+
−
<meta name="apple-touch-fullscreen" content="yes"><!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
+
−
<meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- 设置苹果工具栏颜色:默认值为 default，可以定为 black和 black-translucent-->
+
−
<meta http-equiv="Cache-Control" content="no-siteapp" /><!-- 不让百度转码 -->
+
−
<meta name="HandheldFriendly" content="true"><!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
+
−
<meta name="MobileOptimized" content="320"><!-- 微软的老式浏览器 -->
+
−
<meta name="screen-orientation" content="portrait"><!-- uc强制竖屏 -->
+
−
<meta name="x5-orientation" content="portrait"><!-- QQ强制竖屏 -->
+
−
<meta name="browsermode" content="application"><!-- UC应用模式 -->
+
−
<meta name="x5-page-mode" content="app"><!-- QQ应用模式 -->
+
−
<meta name="msapplication-tap-highlight" content="no"><!-- windows phone 点击无高光 -->
+
−
<title></title>
+
−
<link rel="stylesheet" type="text/css"
+
−
href="https://2018.igem.org/wiki/index.php?title=Template:WHU-China/css/slider/index.css&action=raw&ctype=text/css" />
+
 
<style>
 
<style>
 +
#Mt1{
 +
    }
 +
#content{
 +
background:#C1F2FF;
 +
}
 +
.c_row{
 +
margin: 0 auto;
 +
width:1000px;
 +
 +
}
 +
html{
 +
margin:0;
 +
padding:0;
 +
height:100%;
 +
weight:100%;
 +
}
 
body{
 
body{
 +
  background:#C1F2FF;
 +
  font-family:"Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
 +
  overflow-y:auto;
 +
  overflow-x:hidden;
 
}
 
}
−
</style>
+
p{
−
<style>
+
  font-size:24px;
−
/**** TYPOGRAPHY ****/
+
−
 
+
−
/****div***/
+
−
.div {
+
−
position:realtive;
+
−
        font-size:0;  
+
 
}
 
}
 +
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;
 +
    }
  
−
body {
+
h4{
−
margin:-3px; padding:0;
+
  font-size:26px;
−
color:#555;
+
  font-weight:400;
−
background: #E6FAFE; 
+
  position:relative;
−
overflow-x:hidden;
+
    }
−
overflow-y:auto;
+
−
}
+
  
 +
img{
 +
width:100%;
 +
height:100%;
 +
max-height:100%;
 +
max-width:100%;
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
−
 
  
 
<body>
 
<body>
−
<div class="js-silder">
+
<header>
−
  <div class="silder-scroll">
+
<div class="container agile-banner_nav">
−
<div class="silder-main">
+
<div class="row header-top">
−
<div class="silder-main-img">
+
                  <div class="col-md-5 top-left p-0">
−
<img src="https://static.igem.org/mediawiki/2018/2/29/T--WHU-China--wiki-home_slider_1.png" alt="">
+
<p> iGEM-WHU </p>
 
</div>
 
</div>
−
<div class="silder-main-img">
+
<div class="col-md-7 top-right p-0">
−
<img src="https://static.igem.org/mediawiki/2018/2/29/T--WHU-China--wiki-home_slider_1.png" alt="">
+
 
</div>
 
</div>
−
<div class="silder-main-img">
+
                </div>
−
<img src="https://static.igem.org/mediawiki/2018/2/29/T--WHU-China--wiki-home_slider_1.png" alt="">
+
−
</div>
+
−
</div>
+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
−
</div>
+
−
</div>
+
<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>
  
−
<img src="https://static.igem.org/mediawiki/2018/2/24/T--WHU-China--wiki-home_main1.png" width="275" height="295" style="position:absolute;left:600px;top:262px;" />
 
−
<img src="https://static.igem.org/mediawiki/2018/4/42/T--WHU-China--wiki-home_main2.png" width="360" height="360" style="position:absolute;left:1250px;top:172px;" />
 
−
<p style="position:absolute;font-size:24px;top:600px;left:400px;width:1350px;">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>
 
−
 
−
<p style="position:absolute;font-size:24px;top:825px;left:400px;width:725px;">For instance, typical chemicals like Hg, Cd, Pb and  cyanide  play a irreplaceable role in industrial community.
 
−
</p>
 
  
−
<img src="https://static.igem.org/mediawiki/2018/a/ad/T--WHU-China--wiki-home_main3.png" width="525px" height="300px" style="position:absolute;left:1200px;top:725px;" />
 
  
−
<p style="position:absolute;font-size:24px;top:1237.5px;left:400px;width:725px;">P, N and organic fertilizer are very useful resource in agriculture.
 
  
−
</p>
 
−
<img src="https://static.igem.org/mediawiki/2018/e/e3/T--WHU-China--wiki-home_main4.png" width="589px" height="250px" style="position:absolute;left:1200px;top:1125px;" />
 
  
−
<p style="position:absolute;font-size:24px;top:1500px;left:400px;width:725px;">what’s more, U and Pu can provide human beings with clean nuclear energy.
+
<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>
  
−
</p>
+
</div>
−
<img src="https://static.igem.org/mediawiki/2018/c/c1/T--WHU-China--wiki-home_main5.png" width="417px" height="200px" style="position:absolute;left:1220px;top:1455px;" />  
+
</div>
 +
</div>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="clearfix"> </div>
  
−
<p style="position:absolute;font-size:24px;top:1762.5px;left:400px;width:1350px;">However, once they are not in the right positon — leaked to the environment, they will cause severe disaster to our ecosystem.
+
−
</p>
+
<!-- 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/>
 +
 +
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--WHU-China--wiki-home-lct.gif"style="position:relative;">
 +
</div>
  
−
<p style="position:absolute;font-size:24px;top:1950px;left:400px;width:1350px;">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?
+
<div>
−
</p>
+
  <br />
−
 
+
  <br />
−
<p style="position:absolute;font-size:24px;top:2250px;left:400px;width:825px;">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.
+
  <br />
−
</p>
+
<svg class="editorial" xmlns="http://www.w3.org/2000/svg" viewBox="0 24 150 28" preserveAspectRatio="none">
−
 
+
    <defs>
−
<img src="https://static.igem.org/mediawiki/2018/d/d1/T--WHU-China--wiki-home_main6.png" width="360px" height="210px" style="position:absolute;left:1350px;top:2190px;" />  
+
        <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 />
  
−
<img src="https://static.igem.org/mediawiki/2018/6/65/T--WHU-China--wiki-home_main7.png" width="675px" height="600px" style="position:absolute;left:400px;top:2415px;" />  
+
📍 Bayi Road 299#; College of Life Sciences, Wuhan University, Wuhan, Hubei<br />
 +
<br />
  
−
<p style="position:absolute;font-size:24px;top:2505px;left:1125px;width:660px;">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>
−
</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>
−
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:WHU-China/js/slider/jquery-1.11.3.min.js&action=raw&ctype=text/javascript"></script>
+
  </div>
−
 
+
  <div style="clear:both;weight:400px;">
−
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:WHU-China/js/slider/wySilder.min.js&action=raw&ctype=text/javascript"></script>
+
    <img src="https://static.igem.org/mediawiki/2018/5/57/T--WHU-China--wiki-home_main10.png">
 +
  </div>
 +
</div>
 +
</div>
 +
</footer>
  
−
<script>
+
</body>
−
$(function (){
+
−
$(".js-silder").silder({
+
−
auto: true,//自动播放，传入任何可以转化为true的值都会自动轮播
+
−
speed: 20,//轮播图运动速度
+
−
sideCtrl: true,//是否需要侧边控制按钮
+
−
bottomCtrl: true,//是否需要底部控制按钮
+
−
defaultView: 0,//默认显示的索引
+
−
interval: 3000,//自动轮播的时间，以毫秒为单位，默认3000毫秒
+
−
activeClass: "active",//小的控制按钮激活的样式，不包括作用两边，默认active
+
−
});
+
−
});
+
−
</script>
+
−
</body>
+
 
</html>
 
</html>

Latest revision as of 10:31, 6 December 2018

Home

iGEM-WHU








CONTACT US


igemwhu2018@126.com

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

ACKNOWLEGDEMENT