Difference between revisions of "Team:SMS Shenzhen"

 
(49 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{SMS}}
+
{{Team:SMS_Shenzhen/CSS}}
<html>
+
 
 +
 
 +
<html lang="en">
 
<head>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
    <meta charset="UTF-8">
 +
    <title>Title</title>
 
</head>
 
</head>
<style >
 
body{background-color:#FFF;
 
}
 
.header {
 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 
font-size: 24px;
 
padding:0px;
 
margin:0px;
 
position:fixed;
 
top:0;
 
left:0;
 
width:100%;
 
height:3em;
 
z-index:99;
 
float: left;
 
background-color:#E8FFC4;
 
}
 
.one{
 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 
width:6em;
 
height:3em;
 
float:left;
 
margin: 0px;
 
padding: 8px;
 
}
 
 
.two{
 
width: 315px;
 
height:58px;
 
float:left;
 
padding-top:12px;
 
background-color:#E8FFC4;
 
font-size: 24px;
 
 
}
 
.three{
 
float:right;
 
}
 
 
.other{
 
width:700px;
 
height:48px;
 
float: left;
 
padding-top:12px;
 
background-color:#E8FFC4;
 
}
 
 
 
  p{
 
  padding:5px;}
 
h3, h4{
 
color:#000;
 
      word-spacing:2px;
 
      font-weight:normal;
 
      text-indent:2em;
 
      font-weight:normal;
 
      line-height:25px;
 
   
 
}
 
h4{text-align:center;}
 
ul li
 
{
 
list-style:none;
 
margin:0;
 
padding-top:6px;
 
padding-bottom:6px;
 
padding-left: 0;
 
float: left;
 
}
 
 
li a,.dropbtn,a:link,a:visited{
 
text-decoration: none;
 
font-family: "Trebuchet MS", Arial, Helvetica,      sans-serif;
 
color: #666;
 
padding:20px;
 
text-align:center;
 
text-transform:uppercase;
 
font-size: 16px;
 
}
 
li a:hover,.dropdown:hover.dropbtn{
 
color:#399;
 
text-shadow:2px 2px 2px #399;
 
}
 
 
.dropdown {
 
position: relative;
 
display: inline-block;
 
float: left;
 
}
 
 
.dropdown-content {
 
    display: none;
 
    position: absolute;
 
    background-color: #E0E0E0;
 
    min-width: 700px;
 
 
}
 
 
 
.dropdown-content a {
 
    color: #272727;
 
    padding: 12px 16px;
 
    text-decoration: none;
 
    display: block;
 
}
 
 
.dropdown-content a:hover {
 
background-color: transparent;}
 
 
.dropdown:hover .dropdown-content {
 
    display: block;
 
}
 
 
#cover{
 
width:100%;
 
height:600;
 
}
 
.picture{
 
width:250px;
 
height:150px;
 
margin-left:100px;
 
 
margin-top::100px;
 
background-color:#C3F;
 
float:left;
 
margin-top: 100px;
 
}
 
.box{
 
width:550px;
 
height:200px;
 
 
margin-top::100px;
 
margin-left:50px;
 
float:left;
 
margin-top: 100px;
 
color:#F60;
 
}
 
.box2{
 
width:550px;
 
height:200px;
 
margin-top::100px;
 
margin-left:100px;
 
 
color:#F60;
 
}
 
.picture2{
 
width:250px;
 
height:150px;
 
margin-left:100px;
 
background-color:#C3F;
 
float:left;
 
margin-top: 100px;
 
}
 
#nopadding{
 
padding-left:0px;
 
}
 
#page{
 
text-align:justify;
 
  padding-left:170px;
 
  padding-right:170px;
 
  padding-top:100px;
 
  padding-bottom:100px;
 
  line-height:25px;
 
 
}
 
#sec2{
 
width: auto;
 
 
background-color:#E8FFC4;
 
}
 
#sec1{
 
width: auto;
 
background-color:#FFFFFF;
 
}
 
#sec3{
 
width: auto;
 
 
background-color:#DEDEBE;
 
}
 
#sec4{
 
width: auto;
 
 
background-color:#F0F0F0;
 
}
 
#b{height:50px;background-color:#6C6C6C;
 
position:fixed;bottom:0px;text-align:center;}
 
h1{font-size:2em;}
 
</style>
 
<body>
 
 
<div class="header">
 
 
<div class="one">
 
<img src="https://static.igem.org/mediawiki/2017/5/59/SMS_Shenzhen_17_Logo.png"alt="" width="90" height="80" align="absmiddle" / >
 
</div>
 
 
<div class="two">
 
  <ul>
 
  <li>
 
  <div class="three">
 
<a href="https://2017.igem.org/Team:SMS_Shenzhen">home</a>
 
</div>
 
  
<div class="dropdown">
 
<a href="file:///E/igem/team.html" class="dropbtn">team</a>
 
<div class="dropdown-content">
 
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Team">team members</a>
 
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Collaborations">collaborations</a>
 
</div>
 
</div>
 
 
<div class="dropdown">
 
<a href="file:///E/igem/humanpractise.html" class="dropbtn">project</a>
 
<div class="dropdown-content">
 
  <a href="https://2017.igem.org/Team:SMS_Shenzhen/Description">Description</a>
 
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Design">Application</a>
 
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Proof">Proof of Concept</a>
 
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Demonstrate">Results</a>
 
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Model">Mathematical Model</a>
 
<a href = "https://2017.igem.org/Team:SMS_Shenzhen/Achievement">Achievements</a>
 
</div>
 
</div>
 
  
  
</li>
 
</ul>
 
</div>
 
  
<div class= "other">
+
<img src="https://static.igem.org/mediawiki/2017/a/a2/Hpage1-SMS_Shenzhen.jpg" width="100%" >
<ul>
+
<li>
+
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Parts" >parts</a>
+
  
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Safety">safety</a>
+
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Description">
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Attributions">attributions</a>
+
<img src="https://static.igem.org/mediawiki/2017/f/f7/TeamH3-SMS_Shenzhen.jpg" width="100%" >
 +
</a>
  
 +
<img src="https://static.igem.org/mediawiki/2017/6/61/Hpage5-SMS_Shenzhen.jpg" width="100%" >
 +
<img src="https://static.igem.org/mediawiki/2017/0/0b/Hpage6-SMS_Shenzhen.jpg" width="100%" >
  
<div class="dropdown">
+
<a href="https://2017.igem.org/Team:SMS_Shenzhen/Team">
<a href="file:///E/igem/humanpractise.html" class="dropbtn">human practice</a>
+
<img src="https://static.igem.org/mediawiki/2017/5/56/Ourteam1-SMS_Shenzhen.jpg" width="100%" >
<div class="dropdown-content">
+
</a>
  <a href="https://2017.igem.org/Team:SMS_Shenzhen/HP/Silver">Silver</a>
+
<a href="https://2017.igem.org/Team:SMS_Shenzhen/HP/Gold">Gold</a>
+
<a href="https://2017.igem.org/Team:SMS_Shenzhen/HP/Integrated_Pratices">Integrated Practices</a>
+
<a href="https://2017.igem.org/Team:SMS_Shenzhen/HP/Engagement">Engagement</a>
+
</div>
+
</div>
+
  
</li>
+
<img src="https://static.igem.org/mediawiki/2017/d/d9/Ourteam2-SMS_Shenzhen.jpg" width="100%" >
  </ul>
+
</div>
+
</div>
+
  
<img id="cover" src="https://static.igem.org/mediawiki/2017/b/b5/SMS_Shenzhen_17_homepicture2.jpg" /> 
+
<img src="https://static.igem.org/mediawiki/2017/a/ae/RightsFooter-SMS_Shenzhen.jpg" width="100%" >
<div id="sec1">
+
<div id="page">
+
<h1 style="text-align:center">Abstract </h1>
+
</div>
+
<div id="sec2">
+
<div id="page">
+
<h3>This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. </h3>
+
<h3>This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. </h3>
+
<h3>This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. </h3>
+
  
</div>
+
</body>
<div id="b">
+
</html>
©2017 Shenzhen Middle School iGEM. All rights reserved.
+
</div>
+

Latest revision as of 01:58, 27 October 2017

Title


Title