Difference between revisions of "Team:AHUT China/HP/Silver"

(Prototype team page)
 
 
(88 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{AHUT_China}}
+
{{:Team:AHUT_China/CSS_reset}}
−
<html>
+
<html lang="en">
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <meta name="Generator" content="EditPlus®">
 +
  <meta name="Author" content="">
 +
  <meta name="Keywords" content="">
 +
  <meta name="Description" content="">
 +
  <title>Document</title>
  
 +
<style type="text/css">
 +
*{margin：0px;padding:0px}
 +
body{margin:0px;}
  
 +
#nav{margin:0px auto;width:100%;}
  
−
<div class="column full_size judges-will-not-evaluate">
+
/*---------------------------------daohang------------------------------*/
−
<h3>★  ALERT! </h3>
+
#menu{height:80px;width:80%;background-color: #3399cc;z-index:11;position:absolute;margin-left:12rem}
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">human practices silver medal criterion</a>. </p>
+
  
 +
.nav-menu {
 +
display: block;
 +
/* background: #74adaa;*/
 +
width:950px;
 +
margin: 50px auto 100px;
 +
}
 +
.nav-menu > li {
 +
display: inline;
 +
float:left;
 +
border-right:1px solid #94c0be;
 +
}
 +
.nav-menu > li:last-child {
 +
border-right: none;
 +
}
 +
.nav-menu li a {
 +
color: #000000;
 +
display: block;
 +
text-decoration: none;
 +
/*调用本地字体*/
 +
font-family:Segoe UI;
 +
font-weight:400;
 +
-webkit-font-smoothing: antialiased;
 +
-moz-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
text-transform: capitalize;
 +
overflow: visible;
 +
line-height: 20px;
 +
font-size: 1 rem;
 +
padding: 15px 30px 15px 31px;
 +
}
 +
.three-d {
 +
/* 任务三、设置3D舞台布景 */
 +
-webkit-perspective: 200px;
 +
-moz-perspective: 200px;
 +
-ms-perspective: 200px;
 +
-o-perspective: 200px;
 +
perspective: 200px;
 +
          /*任务四、设置3D舞台布景过渡效果*/
 +
-webkit-transition: all .07s linear;
 +
-moz-transition: all .07s linear;
 +
-ms-transition: all .07s linear;
 +
-o-transition: all .07s linear;
 +
transition:all .7s linear;
 +
position: relative;
 +
}
 +
.three-d:not(.active):hover {
 +
cursor: pointer;
 +
}
 +
/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/
 +
.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
 +
-wekbit-transform: translateZ(-25px) rotateX(90deg);
 +
-moz-transform: translateZ(-25px) rotateX(90deg);
 +
-o-transform: translateZ(-25px) rotateX(90deg);
 +
-ms-transform: translateZ(-25px) rotateX(90deg);
 +
transform: translateZ(-25px) rotateX(90deg);
 +
/*    -webkit-transform:rotateX(90deg) translatez(-25px);*/
 +
      /*  -webkit-transform:rotatex(90deg);*/
 +
}
 +
.three-d-box {
 +
          /*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/
 +
-webkit-transition: all .3s ease-out;
 +
-moz-transition: all .3s ease-out;
 +
-ms-transition: all .3s ease-out;
 +
-o-transition: all .3s ease-out;
 +
transition: all .3s ease-out;
 +
-webkit-transform: translatez(-25px);
 +
-moz-transform: translatez(-25px);
 +
-ms-transform: translatez(-25px);
 +
-o-transform: translatez(-25px);
 +
transform: translatez(-25px);
 +
-webkit-transform-style: preserve-3d;
 +
-moz-transform-style: preserve-3d;
 +
-ms-transform-style: preserve-3d;
 +
-o-transform-style: preserve-3d;
 +
transform-style: preserve-3d;
 +
-webkit-pointer-events: none;
 +
-moz-pointer-events: none;
 +
-ms-pointer-events: none;
 +
-o-pointer-events: none;
 +
pointer-events: none;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
display: block;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
/*任务七、给导航设置3D前，与3D后变形效果*/
 +
.front {
 +
-webkit-transform: rotatex(0deg) translatez(25px);
 +
-moz-transform: rotatex(0deg) translatez(25px);
 +
-ms-transform: rotatex(0deg) translatez(25px);
 +
-o-transform: rotatex(0deg) translatez(25px);
 +
transform: rotatex(0deg) translatez(25px);
 +
}
 +
.back {
 +
-webkit-transform: rotatex(-90deg) translatez(25px);
 +
-moz-transform: rotatex(-90deg) translatez(25px);
 +
-ms-transform: rotatex(-90deg) translatez(25px);
 +
-o-transform: rotatex(-90deg) translatez(25px);
 +
transform: rotatex(-90deg) translatez(25px);
 +
color: #ffffff;
 +
}
 +
.front, .back {
 +
/*          border:1px solid red;*/
 +
display: block;
 +
width: 100%;
 +
height: 100%;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
background:rgba(0, 0, 0, 0.8);
 +
 +
padding: 15px 30px 15px 31px;
 +
color: #ffffff;
 +
-webkit-pointer-events: none;
 +
-moz-pointer-events: none;
 +
-ms-pointer-events: none;
 +
-o-pointer-events: none;
 +
pointer-events: none;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
 +
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
 +
background-color: #000033;
 +
-webkit-background-size: 5px 5px;
 +
background-size: 5px 5px;
 +
background-position: 0 0, 30px 30px;
 +
background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
 +
}
 +
.nav-menu ul {
 +
position: absolute;
 +
text-align: left;
 +
line-height: 40px;
 +
font-size: 14px;
 +
width: 200px;
 +
-webkit-transition: all 0.3s ease-in;
 +
-moz-transition: all 0.3s ease-in;
 +
-ms-transition: all 0.3s ease-in;
 +
-o-transition: all 0.3s ease-in;
 +
transition: all 0.3s ease-in;
 +
-webkit-transform-origin: 0px 0px;
 +
-moz-transform-origin: 0px 0px;
 +
-ms-transform-origin: 0px 0px;
 +
-o-transform-origin: 0px 0px;
 +
transform-origin: 0px 0px;
 +
-webkit-transform: rotateX(-90deg);
 +
-moz-transform: rotateX(-90deg);
 +
-ms-transform: rotateX(-90deg);
 +
-o-transform: rotateX(-90deg);
 +
transform: rotateX(-90deg);
 +
-webkit-backface-visibility: hidden;
 +
-moz-backface-visibility: hidden;
 +
-ms-backface-visibility: hidden;
 +
-o-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
/*任务九、显示下拉导航菜单，并其设置一个变形效果*/
 +
.nav-menu > li:hover ul {
 +
-webkit-transform: rotateX(0deg);
 +
-moz-transform: rotateX(0deg);
 +
-ms-transform: rotateX(0deg);
 +
-o-transform: rotateX(0deg);
 +
transform: rotateX(0deg);
 +
}
 +
/*-------------------------------------------daohang_over---------------------------*/
 +
 +
 +
#banner{width:100%;height:800px;background-color: #3399cc;margin:0px}
 +
#name img{margin-left: 24rem;margin-top:-230px;position:absolute}
 +
#name{color:#ffffff;margin-left:0rem;margin-top:40%; position:relative;z-index:-100;}
 +
#name p{font-size:8em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;margin-left:24rem}
 +
#uptop  > img{margin-top:-6.5rem;margin-left:72%;position:fixed;}
 +
 +
 +
 +
 +
 +
 +
#content{background-image:url("https://static.igem.org/mediawiki/2016/b/bf/AHUT_CHINA_igem_2016_silver.png" );width:100%;height:130rem;position:relative;}
 +
#con_inner{padding:8rem;background-color:rgba(0,0,0,0.7);height:115rem}
 +
#con_inner p{color:#ffffff}
 +
 +
 +
 +
 +
 +
 +
 +
 +
/*-------------------footer-----------------------*/
 +
 +
#footer{
 +
height:300px;
 +
width:100%;
 +
color:#ccc;
 +
font-size:12px;
 +
position:relative;
 +
z-index:top;
 +
background-color:#3c3e3f;
 +
}
 +
 +
#footer  .conent{
 +
width:960px;
 +
 +
left:50%;
 +
bottom:0;
 +
margin-left:14%;
 +
z-index:2;
 +
}
 +
 +
#foot_list {
 +
width:759px;
 +
height:175px;
 +
float:left;
 +
padding-top:5px;
 +
margin:0;
 +
}
 +
#foot_list  li{
 +
float:left;
 +
text-align:left;
 +
width:115px;
 +
margin-left:0;
 +
margin-right:10px;
 +
    line-height:18px;
 +
    display:block;
 +
    color:#FFF;
 +
    font-size:16px;
 +
text-decoration: none;
 +
font-family:Arial, Helvetica, sans-serif;
 +
}
 +
#foot_list  li ul li:first-child {
 +
font-size:20px;
 +
color:#b4b4b4;
 +
line-height:28px;
 +
}
 +
 +
#foot_list  li ul li a {
 +
font-size:12px;
 +
color:#a1a1a1;
 +
line-height:18px;
 +
text-decoration:none;
 +
}
 +
 +
#foot_list li ul li a:hover {
 +
color:#fff;
 +
transition: color 0.3s ease 0s;
 +
}
 +
 +
 +
#foot_igem{
 +
padding:38px 33px 24px 18px;
 +
float:right;
 +
}
 +
#foot_igem > a {
 +
width:150px;
 +
height:118px;
 +
display:block;
 +
background-image:url(https://static.igem.org/mediawiki/2015/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
 +
}
 +
#foot_igem > a:hover {
 +
background-image:url(https://static.igem.org/mediawiki/2015/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
 +
}
 +
#foot_copyright {
 +
 +
margin-left:14%;
 +
clear:both;
 +
width:960px;
 +
line-height:36px;
 +
text-align:center;
 +
vertical-align:middle;
 +
color:#777777;
 +
font-size:12px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
}
 +
 +
 +
 +
 +
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
 +
<div id="nav">
 +
<!---------------------------------------------------------------------------->
 +
<!----------------------banner----------------------------------------------->
 +
<div id="banner">
 +
 +
<div id="menu">
 +
<ul class="nav-menu clearfix unstyled">
 +
<li><a href="https://2016.igem.org/Team:AHUT_China" class="three-d"> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li>
 +
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions" class="three-d  ">Attributions <span class="three-d-box"><span class="front"> Attributions</span><span class="back"> Attributions</span></span> </a>
 +
    <ul class="clearfix unstyled drop-menu">
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#attributions" class="three-d";href="#attributions"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></li>
 +
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#menbers" class="three-d";href="#menbers"> Menbers <span class="three-d-box"><span class="front">Members</span><span class="back">Members</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#instructions" class="three-d";href="#instructions">Instructions <span class="three-d-box"><span class="front">Instructors</span><span class="back">Instructors</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Attributions#acknowledgement" class="three-d";href="#acknowledgement"> Acknowledgement <span class="three-d-box"><span class="front"> Acknowledgement</span><span class="back">Acknowledgement</span></span> </a></li>
 +
    </ul>
 +
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Project " class="three-d">  Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a>
 +
<ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Pathway and Design" class="three-d";href="#Pathway and Design">Pathway and Design<span class="three-d-box"><span class="front">Pathway & Design</span><span class="back">Pathway & Design</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Result" class="three-d";href="#Result">Result<span class="three-d-box"><span class="front">Result</span><span class="back">Result</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Biobrick" class="three-d";href="#Biobrick"> Biobrick <span class="three-d-box"><span class="front">Biobrick</span><span class="back">Biobrick</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Protools" class="three-d";href="#Protools">Protools<span class="three-d-box"><span class="front">Protocols</span><span class="back">Protocols</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Project#Notebook" class="three-d";href="#Notebook">Notebook<span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Lab Pictures" class="three-d";href="#Lab Pictures">Lab Pictures<span class="three-d-box"><span class="front">Lab Pictures</span><span class="back">Lab Pictures</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Project#Future Work" class="three-d";href="#Future Work">Future Work<span class="three-d-box"><span class="front">Future Work</span><span class="back">Future Work</span></span> </a></li>
 +
    </ul>
 +
 +
 +
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/HP" class="three-d active"> HP <span class="three-d-box"><span class="front">HP </span><span class="back">HP </span></span> </a>
 +
<ul class="clearfix unstyled drop-menu">
 +
      <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Silver" class="three-d";href="#silver">silver<span class="three-d-box"><span class="front">silver</span><span class="back">silver</span></span> </a></li>
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/HP/Gold" class="three-d";href="#gold">gold<span class="three-d-box"><span class="front">gold</span><span class="back">Gold</span></span> </a></li>
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/HP/Human Practice" class="three-d";href="#Overview">Human Practice<span class="three-d-box"><span class="front">Human Practice</span><span class="back">Human Practice</span></span> </a></li>
 +
       
 +
    </ul>
 +
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Collaborations" class="three-d"> Collaborations <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span> </a></li>
 +
     
 +
      </ul>
 +
 
 +
<li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d">Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Description" class="three-d"> Description <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span> </a></li>
 +
     
 +
      </ul>
 +
 +
  <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d">Proof <span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Proof" class="three-d";>Proof<span class="three-d-box"><span class="front">Proof</span><span class="back">Proof</span></span> </a></li>
 +
     
 +
      </ul>
 +
 +
  <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span></a>
 +
      <ul class="clearfix unstyled drop-menu">
 +
        <li><a href="https://2016.igem.org/Team:AHUT_China/Demonstrate" class="three-d";href="#Safety"> Demonstrate<span class="three-d-box"><span class="front">Demonstrate</span><span class="back">Demonstrate</span></span> </a></li>
 +
     
 +
      </ul>
 +
 +
 +
  </ul>
 +
 +
 +
 +
 +
 +
<div id="name">
 +
<img src="https://static.igem.org/mediawiki/2016/7/72/AHUT_CHINA_igem_2016_silver_max.png" width="250" height="250" border="0" alt="">
 +
<p>Silver</p>
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
</div>
 +
<a id="uptop" href="#menu"><img src="https://static.igem.org/mediawiki/2016/d/da/Up.png" width="60" height="60" border="0" ></a>  
 
</div>
 
</div>
 +
 +
</div>
 +
 +
 +
<div id="content">
 +
<div id ="con_inner">
 +
 +
<p style="position:absolute;margin:10px;font-size:4em;font-family:Segoe UI;font-weight:300;position:relative;letter-spacing:0em;margin-left:0%;text-align:center">Silver</p>
 +
 +
<p style="position:absolute;margin:10px;font-size:2em;font-family:Segoe UI;font-weight:500;position:relative;letter-spacing:0em;margin-left:0%;color:red">1.Validated Part / Validated Contribution: Experimentally validate that at least one new BioBrick Part of Device of your own design and construction works as expected. Document this characterization of this part in the Main Page section of that Part's/Device's Registry entry. Submit this new part to the iGEM Parts Registry. This working part must be different from the part documented in bronze medal criterion #4.</p><br>
 +
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1;text-indent:2rem"> <a  style="color:#ffffff" href="https://2016.igem.org/Team:AHUT_China/Project/Biobrick"> We have validated that our new BioBrick Part, BBa_K2044000- BBa_K2044014, different from Bronze BBa_K2044015-BBa_K2044022, works as expected. See our Proof of Concept and Results page or the (Part Registry entry) page to see how.</a></p>
 +
 +
<p  style="position:absolute;margin:10px;font-size:2em;font-family:Segoe UI;font-weight:500;position:relative;letter-spacing:0em;margin-left:0%;color:red" >2. Collaboration: Convince the judges you have helped any registered iGEM team from high school, a different track, another university or another institution in a significant way by, for example, mentoring a new team, characterizing a part, debugging a construct, modeling/simulating their system or helping validate a software/hardware solution to a synbio problem.</p><br>
 +
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1;text-indent:2rem"><a a  style="color:#ffffff" href="https://2016.igem.org/Team:AHUT_China/Collaborations
 +
">This year, we collaborated with NAU-CHINA, UESTC-software and JSNU-China, exchanging ideas, giving advice and helping perfect each other’s projects. Our key contributions to other teams are as following:
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1;text-indent:2rem">1. We had a discussion with some team members of NAU-CHINA, who came to our college with their wonderful ideas and great interests. Finally, we have assisted them with producing a practical model, which is a physical unit that can degree 3-PBA thoroughly and sterilize agricultural waste water.
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1;text-indent:2rem">2. We helped UESTC-software team to accomplish the part of software testing. We tested the randomness of Bio101 as their first user and offered them with a software testing report and analyzed bzip2 compression algorithm through building mathematical modeling.
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1;text-indent:2rem">3. Besides, we made a quick flashing video with JSNU-China iGEM team, which is also an interesting part of our human practice.</a></p>
 +
 +
 +
<p  style="position:absolute;margin:10px;font-size:2em;font-family:Segoe UI;font-weight:500;position:relative;letter-spacing:0em;margin-left:0%;color:red">3.Human Practices: iGEM projects involve important questions beyond the lab bench, for example relating to (but not limited to) ethics, sustainability, social justice, safety, security, and intellectual property rights. Demonstrate how your team has identified, investigated, and addresed one or more of these issues in the context of your project. Your activity could center around education, public engagement, public policy issues, public perception, or other activities.</p>
 +
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1;text-indent:2rem"><a a  style="color:#ffffff" href="https://2016.igem.org/Team:AHUT_China/HP/Human_Practice"> The moment we started our project, we have been well aware of the significance of human practice as it serves as medium to spread wonderful ideas to the public and also a great access for us to see some practical problems that can only be solved by pragmatic approaches.
 +
<p style="font-size:2em;font-weight:lighter;font-family:Segoe UI;line-height:1;text-indent:2rem">In terms of our laws and regulations which have a lot to do with ethical issues, we have improved our awareness of latent risks of science and technology and people will have more legal consciousness about this, especially for developers. We promoted our project in middle school, high school and our college, where we were quite enjoying the process of inspiring the participants, answering questions and introducing our BIO-COMPASS2.0. Through our questionnaire analysis, more information about the opinions of the general public were gleaned, which presented useful data for us. Besides, we also did and posted MOOC, arranged meetups, held activities on Science Day, made flashing videos and so forth. What’s more, during communicating with some navigational companies, valuable advice were given and they are all good for our future development, more efficient work, discovering potential market and making breakthroughs. What’s fantastic about the process is that they had shown great interest in our project and intended to seek cooperation in the future.
 +
</a></p>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
  
−
<div class="column full_size">
 
  
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
 
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
 
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
 
 
</div>
 
</div>
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<!---------------------banner_over---------------------------------------->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<div id="footer">
 +
  <div class="conent">
 +
    <!--<div id="im_logo_link">
 +
      <ul>
 +
        <li id="twitter"><a href=""></a></li>
 +
        <li id="youtube"><a href=""></a></li>
 +
        <li id="webchat"><a href=""></a></li>
 +
        <li id="qq"><a href=""></a></li>
 +
      </ul>
 +
    </div>
 +
    <div style="height:1px;">
 +
      <img src="https://static.igem.org/mediawiki/2015/f/fe/AHUT_CHINA_2015_index_foot_line_white.jpg" width="960" height="1" alt=""/>
 +
    </div>-->
 +
    <p style="font-size:6em;color:rgba(0,0,0,0.8);position:absolute">AHUT_CHINA</a>
 +
    <div id="foot_igem">
 +
      <a href="https://2016.igem.org/Main_Page"></a>
 +
    </div>
 +
    <div style="clear:both;">
 +
      <img src="./Team_AHUT China_team - 2015.igem.org_files/AHUT_CHINA_2015_index_foot_line_gray.jpg" width="960" height="3" alt="">
 +
    </div>
 +
    <p id="foot_copyright">Copyright 2016 © AHUT iGEM Team , All rights reserved . </p>
 +
  </div>
 +
</div>
 +
 +
<p></p>
 +
</div> <div class="visualClear"></div>
 +
    </div>
 +
</div>
 +
    </div>
 +
 +
<!----------------------------------------------------------------------------------------------->
 +
</div>
 +
  
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 23:00, 19 October 2016

Document