Difference between revisions of "Team:LN-Shiyan-China/Team"

Line 1: Line 1:
−
{{LN-Shiyan-China}}
+
 
 
<html>
 
<html>
 +
<head>
 +
<title>LN-shiyan-China</title>
 +
<style type="text/css">
 +
#footer-box,#sponsor-box,.shadow3,#content,table,#catlinks {
 +
    background-color: transparent;
 +
}
 +
.mediawiki.ltr.ns-0.ns-subject.page-Team_HUST-China
 +
#globalWrapper #top-section #p-logo a img {
 +
    visibility:hidden;
 +
}
 +
#p-logo {
 +
    background:url(https://static.igem.org/mediawiki/2014/5/52/Wiki_Logo_Transparent.png);
 +
    background-repeat: no-repeat;
 +
}
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 +
#globalWrapper, #content,#bodyContent { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: transparent;
 +
    margin-top: -3px;
 +
    padding: 0px;
 +
}
  
 +
html, .wrapper { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: transparent; 
 +
}
 +
 +
/* CSS Document */
 +
*{
 +
margin:0px;
 +
padding:0px;
 +
}
 +
#content{
 +
    width:100%;
 +
    height:100%;
 +
font-family: Arial, Helvetica, Verdana;
 +
color:#000;
 +
font-size:12px;
 +
}
  
 +
body{
 +
    width:100%;
 +
    height:100%;
 +
font-family: Arial, Helvetica, Verdana;
 +
color:#000;
 +
font-size:12px;
 +
      background-color:#FFF;
 +
}
 +
img{
 +
border:none;
 +
}
 +
ul ,li{
 +
list-style:none;
 +
        margin: 0px 0px 0px 0px;
 +
       
 +
}
 +
a{
 +
text-decoration:none;
 +
}
 +
html ,body{
 +
height:100%;
 +
}
 +
.top{
 +
background:#d3cac7 url(https://static.igem.org/mediawiki/2015/a/a6/Home_bg.jpg) no-repeat top center;
 +
width:100%;
 +
padding-top:43px;
 +
height:630px;
 +
}
 +
.nav_bar{
 +
background:#000;
 +
opacity:0.9;
 +
height:80px;
 +
line-height:74px;
 +
position:relative;
 +
}
 +
.nav{
 +
width:1050px;
 +
margin:0px auto;
 +
position:relative;
 +
height:80px;
 +
        line-height:3.5;
 +
}
 +
.nav li{
 +
float:left;
 +
display:block;
 +
width:150px;
 +
text-align:center;
 +
position:relative;
 +
}
 +
.nav li a{
 +
color:#fff;
 +
font-size:16px;
 +
display:block;
 +
}
 +
.nav li a:hover{
 +
color:#C99091;
 +
}
  
−
<div class="column full_size" >
+
.sub{display:none;position:absolute;left:0px;top:80px;z-index:1;border:1px solid #666;border-top:0; background:#fff;}
 +
.sub li{text-align:center;margin-bottom:-1px; display:block;width:148px; }
 +
.sub li a{display:block; border-bottom:2px solid #666;padding:8px 0;height:28px;line-height:28px;color:#fff;}
 +
.sub li a:hover{color:#000000;}
 +
.logo{
 +
width:150px;
 +
margin:0px auto 0px;
 +
text-align:center;
 +
position:relative;
 +
top:-20px;
 +
height:122px;
 +
}
 +
.n1{
 +
border-bottom:6px solid #2980b9;
 +
}
 +
.n2{
 +
border-bottom:6px solid #27ae60;
 +
}
 +
.n3{
 +
border-bottom:6px solid #f39c12;
 +
 +
}
 +
.n4{
 +
border-bottom:6px solid #be382a;
  
−
<p>
+
}
 +
.n5{
 +
border-bottom:6px solid #8e44ad;
 +
}
 +
.n6{
 +
border-bottom:6px solid #0498f9;
 +
}
 +
.tc{
 +
width:900px;
 +
margin:0px auto;
 +
margin-top:-40px;
 +
}
 +
.wel{
 +
width:1000px;
 +
margin:0px auto;
 +
padding:75px 20px;
 +
}
 +
h1{
 +
font-size:70px;
 +
        line-height:1;
 +
text-align:center;
 +
margin-bottom:30px;
 +
        border-bottom:0px solid #AAA;
 +
}
 +
.wel p{
 +
font-size:16px;
 +
line-height:40px;
 +
}
 +
.wel img{
 +
float:right;}
 +
.team{
 +
background:#009b5b;
 +
padding:75px 20px;
 +
}
 +
.team h1{
 +
color:#fff;
 +
margin-bottom:50px;
 +
}
 +
.team ul{
 +
width:1040px;
 +
margin:0px auto;
 +
}
 +
.team ul li{
 +
float:left;
 +
background:#ffffff;
 +
width:235px;
 +
height:184px;
 +
font-size:14px;
 +
line-height:28px;
 +
}
 +
.team ul li.bar{
 +
}
 +
.caret {
 +
  display: inline-block;
 +
  float:left;
 +
  width: 0;
 +
  height: 0;
 +
  top:85px;
 +
  position:relative;
 +
  vertical-align: middle;
 +
  border-right: 10px solid transparent ;
 +
  border-left: 10px solid #009b5b ;
 +
  border-top: 10px solid transparent ;
 +
  border-bottom: 10px solid transparent ;
  
−
WE ARE BACK！！！
+
}
−
This time, 13 students with different specialities join in the team LN-Shiyan-China to achieve the same goal----- eliminating the pesticides residues in crops. Under the help of our 3 teachers, we successfully improve the result in the field of biology and know better about the concept of teamwork. We will be fearless to explore to make sure the results won’t be reckless. We believe in what we believe will make the world a better place, just by changing from the most fundamental thing in our lives--- the food we eat.
+
li.bar p{
−
</p>
+
float:right;
−
<img src="https://static.igem.org/mediawiki/2016/f/f1/T--LN-Shiyan-China--IMG_4209.JPG">
+
margin:-10px 10px 0px;
 +
word-break:break-all;
 +
}
 +
.bar2 .caret {
 +
  display: inline-block;
 +
  float:right;
 +
  width: 0;
 +
  height: 0;
 +
  top:85px;
 +
  position:relative;
 +
  vertical-align: middle;
 +
  border-left: 10px solid transparent ;
 +
  border-right: 10px solid #009b5b ;
 +
  border-top: 10px solid transparent ;
 +
  border-bottom: 10px solid transparent ;
  
 +
}
 +
li.bar2 p{
 +
float:left;
 +
margin:-10px 10px 0px;
 +
word-break:break-all;
 +
}
 +
.content{
 +
width:980px;
 +
margin:0px auto;
 +
padding:20px 10px;
 +
}
 +
.content h1{
 +
font-size:24px;
 +
}
 +
.content img{
 +
float:left;
 +
margin:10px;
 +
}
 +
.t1{
 +
font-size:18px;
 +
word-break:break-all;
 +
}
 +
.footer{
 +
margin:40px auto ;
 +
text-align:center;
 +
}
  
−
</div>
 
−
 
−
<div class="column half_size" >
 
−
<h5>Inspiration</h5>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
 
−
</ul>
 
  
 +
</style>
 +
<link href="http://www.dftvip.com/templa/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
<script src="http://www.dftvip.com/templa/js/jquery-1.11.0.min.js"></script>
 +
<!-- Custom Theme files -->
 +
<link href="http://www.dftvip.com/templa/css/style.css" rel="stylesheet" type="text/css" media="all"/>
 +
<!-- Custom Theme files -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="keywords" content="Donate Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
 +
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 +
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 +
<!--Google Fonts-->
 +
<link href='//fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
 +
<link href='//fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
 +
<!--google fonts-->
 +
</head>
 +
<body>
 +
<!--banner start here-->
 +
<div class="banner1">
 +
<div class="header1">
 +
  <div class="container">
 +
    <div class="header-main">
 +
  <div class="logo">
 +
    <h1><a href="index.html">LN-shiyan-China</a></h1>
 +
  </div>
 +
 
 +
    <div class="clearfix"> </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
<div class="top-nav-main">
 +
<div class="top-nav">
 +
    <span class="menu"> <img src="http://www.dftvip.com/templa/images/icon.png" alt=""></span>
 +
<ul class="res">
 +
<li><a class="active" href="index.html"><i class="glyphicon glyphicon-home"> </i>Home</a></li>
 +
<li><a href="team.html"><i class="glyphicon glyphicon-user"> </i>Team</a></li>
 +
<li><a href="project.html"><i class="glyphicon glyphicon-list-alt"> </i>Project</a></li>
 +
<li><a href="Parts.html"><i class="glyphicon glyphicon-picture"> </i>Parts</a></li>
 +
<li><a href="Safety.html"><i class="glyphicon glyphicon-envelope"> </i>Safety</a></li>
 +
<li><a href="Attributions.html"><i class="glyphicon glyphicon-a"> </i>Attributions</a></li>
 +
<li><a href="HumanPractices.html"><i class="glyphicon glyphicon-b"> </i>HumanPractices</a></li>
 +
<li><a href="Notebook.html"><i class="glyphicon glyphicon-c"> </i>Notebook</a></li>
 +
</ul>
 +
<!-- script-for-menu -->
 +
<script>
 +
  $( "span.menu" ).click(function() {
 +
$( "ul.res" ).slideToggle( 300, function() {
 +
// Animation complete.
 +
  });
 +
});
 +
</script>
 +
<!-- /script-for-menu -->
 
</div>
 
</div>
−
 
+
  </div>
−
<div class="column half_size" >
+
</div>
−
<h5>What should this page contain?</h5>
+
<!--banner end here-->
−
<ul>
+
<!--about start here-->
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<div class="vedio">
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
<div class="container">
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<div class="vedio-main">
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
<div class="col-md-6 vedio-left wow fadeInLeft" data-wow-delay="0.3s">
−
</ul>
+
<h2>Team</h2>
 +
<p>WE ARE BACK！！！ This time, 13 students with different specialities join in the team LN-Shiyan-China to achieve the same goal----- eliminating the pesticides residues in crops. Under the help of our 3 teachers, we successfully improve the result in the field of biology and know better about the concept of teamwork. We will be fearless to explore to make sure the results won’t be reckless. We believe in what we believe will make the world a better place, just by changing from the most fundamental thing in our lives--- the food we eat. </p>
 +
</div>
 +
<div class="col-md-6 vedio-right wow fadeInRight" data-wow-delay="0.3s">
 +
<img src="http://www.dftvip.com/templa//images/t11.jpg" style="width:500px;"></img>
 +
</div>
 +
  <div class="clearfix"> </div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
<!--about end here-->
 +
<!--testimonial start here-->
 +
<div class="testimonial">
 +
<div class="container">
 +
<div class="testimonial-main">
 +
<h3>Members</h3>
 +
</div>
 +
</div>
 +
</div>
 +
<!--testimonial end here-->
 +
<!--team start here-->
 +
<div class="team">
 +
<div class="container">
 +
<div class="team-main">
 +
 +
<div class="team-bottom" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;">
 +
  <div class="col-md-3 team-grids">
 +
    <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t1.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>          
 +
          </div>          
 +
        </div></a></div>
 +
       
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
  <div class="col-md-3 team-grids">
 +
  <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t2.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>                      
 +
          </div>
 +
        </div></a></div>
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
  <div class="col-md-3 team-grids">
 +
    <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t3.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>      
 +
          </div>
 +
        </div></a></div>
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
  <div class="col-md-3 team-grids">
 +
    <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t4.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>          
 +
          </div>
 +
        </div></a></div>
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
</div>
 +
<div class="team-bottom" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;">
 +
  <div class="col-md-3 team-grids">
 +
    <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t5.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>          
 +
          </div>          
 +
        </div></a></div>
 +
       
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
  <div class="col-md-3 team-grids">
 +
  <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t6.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>                      
 +
          </div>
 +
        </div></a></div>
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
  <div class="col-md-3 team-grids">
 +
    <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t7.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>      
 +
          </div>
 +
        </div></a></div>
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
  <div class="col-md-3 team-grids">
 +
    <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t8.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>          
 +
          </div>
 +
        </div></a></div>
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
</div>
 +
<div class="team-bottom" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;">
 +
  <div class="col-md-3 team-grids">
 +
    <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t9.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>          
 +
          </div>          
 +
        </div></a></div>
 +
       
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
  <div class="col-md-3 team-grids">
 +
  <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t10.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>                      
 +
          </div>
 +
        </div></a></div>
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
  <div class="col-md-3 team-grids">
 +
    <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t12.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>      
 +
          </div>
 +
        </div></a></div>
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
  <div class="col-md-3 team-grids">
 +
    <!-- normal -->
 +
    <div class="ih-item circle effect5"><a href="#">
 +
        <div class="img"><img src="http://www.dftvip.com/templa/images/t13.jpg" alt="img" class="img-responsive"></div>
 +
        <div class="info">
 +
          <div class="info-back">
 +
            <h3>名字</h3>          
 +
          </div>
 +
        </div></a></div>
 +
       
 +
    <!-- end normal -->
 +
  </div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--team end here-->
 +
<!--footer start here-->
 +
<div class="footer">
 +
<div class="container">
 +
<div class="footer-main">
 +
<div class="col-md-4 ftr-grid">
 +
<h3>Navigation</h3>
 +
 +
<ul>
 +
<li><a href="index.html">Home</a></li>
 +
<li><a href="about.html">About</a></li>
 +
<li><a href="shortcodes.html">Short Codes</a></li>
 +
<li><a href="blog.html">Blog</a></li>
 +
<li><a href="contact.html">Contact</a></li>
 +
</ul>
 +
</div>
 +
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--footer end here-->
 +
<!--copy rights start here-->
  
−
 
+
<!--copy right end here-->
−
 
+
</body>
−
 
+
 
</html>
 
</html>

Revision as of 10:15, 18 October 2016

LN-shiyan-China

Team

WE ARE BACK！！！ This time, 13 students with different specialities join in the team LN-Shiyan-China to achieve the same goal----- eliminating the pesticides residues in crops. Under the help of our 3 teachers, we successfully improve the result in the field of biology and know better about the concept of teamwork. We will be fearless to explore to make sure the results won’t be reckless. We believe in what we believe will make the world a better place, just by changing from the most fundamental thing in our lives--- the food we eat.

Members

img

名字

img

名字

img

名字

img

名字

img

名字

img

名字

img

名字

img

名字

img

名字

img

名字

img

名字

img

名字

Navigation