Difference between revisions of "Team:Shiyan SY China"
Shuangucla (Talk | contribs) |
Shuangucla (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | <!doctype html> | |
<html> | <html> | ||
− | < | + | <head> |
− | < | + | <meta charset="utf-8"> |
+ | <title>IGEM</title> | ||
+ | <style type="text/css"> | ||
+ | @charset "utf-8"; | ||
+ | /* CSS Document */ | ||
+ | *{ | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | } | ||
+ | body{ | ||
+ | font-family: Arial, Helvetica, Verdana; | ||
+ | color:#000; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | img{ | ||
+ | border:none; | ||
+ | } | ||
+ | ul ,li{ | ||
+ | list-style:none; | ||
+ | } | ||
+ | a{ | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | html ,body{ | ||
+ | height:100%; | ||
+ | } | ||
+ | .top{ | ||
+ | background:#d3cac7 url(images/bg.jpg) no-repeat top center; | ||
+ | width:100%; | ||
+ | padding-top:43px; | ||
+ | height:630px; | ||
+ | } | ||
+ | .nav_bar{ | ||
+ | background:#000; | ||
+ | opacity:0.8; | ||
+ | height:80px; | ||
+ | line-height:74px; | ||
+ | position:relative; | ||
+ | } | ||
+ | .nav{ | ||
+ | width:1050px; | ||
+ | margin:0px auto; | ||
+ | position:relative; | ||
+ | height:80px; | ||
+ | } | ||
+ | .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; | ||
+ | } | ||
− | + | .sub{display:none;position:absolute;left:0px;top:80px;z-index:1;border:1px solid #E6E4E3;border-top:0; background:#fff;} | |
− | + | .sub li{text-align:center;margin-bottom:-1px; display:block;width:146px; } | |
− | + | .sub li a{display:block; border-bottom:1px solid #E6E4E3;padding:8px 0;height:28px;line-height:28px;color:#666;} | |
− | + | .sub li a:hover{color:#1E95FB;} | |
− | + | .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 #0498f9; | ||
− | + | } | |
− | + | .n5{ | |
− | + | border-bottom:6px solid #8e44ad; | |
− | + | } | |
− | + | .n6{ | |
+ | border-bottom:6px solid #be382a; | ||
+ | } | ||
+ | .tc{ | ||
+ | width:900px; | ||
+ | margin:0px auto; | ||
+ | margin-top:-40px; | ||
+ | } | ||
+ | .wel{ | ||
+ | width:1000px; | ||
+ | margin:0px auto; | ||
+ | padding:75px 20px; | ||
+ | } | ||
+ | h1{ | ||
+ | font-size:70px; | ||
+ | text-align:center; | ||
+ | margin-bottom:30px; | ||
+ | } | ||
+ | .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 ; | ||
− | + | } | |
− | + | li.bar p{ | |
− | + | float:right; | |
− | + | 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; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | </style> | |
− | < | + | </head> |
− | <p> | + | <body> |
+ | <div class="top"> | ||
+ | <div class="nav_bar"> | ||
+ | <ul class="nav clearfix"> | ||
+ | |||
+ | <li class="m n1"> | ||
+ | <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='protect.html';" title="">PROJECT</a></h3> | ||
+ | <ul class="sub"> | ||
+ | <li ><a href="">PROJECT11</a> </li> | ||
+ | <li ><a href="">PROJECT22</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="m n2"> | ||
+ | <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='CoOpration.html';"title="">COOPERATION</a></h3> | ||
+ | </li> | ||
+ | |||
+ | <li class="m n3"> | ||
+ | <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='practice.html';" title="">PRACTICE</a></h3> | ||
+ | <ul class="sub"> | ||
+ | <li ><a href="">NOTEBOOKss</a> </li> | ||
+ | <li ><a href="">NOTEBOOKss</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="logo"> | ||
+ | <img src="images/logo.png" width="122" height="122" style="cursor: pointer;" onclick="location.href ='index.html';"> | ||
+ | </li> | ||
+ | <li class="m n4"> | ||
+ | <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='Safety.html';" title="">SAFETY</a></h3> | ||
+ | </li> | ||
+ | <li class="m n5"> | ||
+ | <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='team.html';" title="">TEAM</a></h3> | ||
+ | <ul class="sub"> | ||
+ | <li ><a href="team.html#t1">MEMBERS</a> </li> | ||
+ | <li ><a href="team.html#t2">MEMBERS22</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="m n6"> | ||
+ | <h3><a target="_blank" style="cursor: pointer;" onclick="location.href ='notebook.html';" title="">NOTEBOOK</a></h3> | ||
+ | <ul class="sub"> | ||
+ | <li ><a href="">NOTEBOOKss</a> </li> | ||
+ | <li ><a href="">NOTEBOOKss</a> </li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <br clear="all"> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="tc"><img src="images/banner.png" width="898" height="421"></div> | ||
+ | </div><!--EOF top--> | ||
+ | <div class="wel"> | ||
+ | <h1>iGEM Foundation</h1> | ||
+ | <img src="images/r_logo.jpg" width="176" height="139"> | ||
+ | <p> The iGEM Foundation is dedicated to education and competition, advancement of synthetic biology, | ||
+ | and the development of open community and collaboration.The main program at the iGEM | ||
+ | Foundation is the International Genetically Engineered Machine (iGEM) Competition. The iGEM | ||
+ | Competition is the premiere student competition in Synthetic Biology. Since 2004, participants | ||
+ | of the competition have experienced education, teamwork, sharing, and more in a unique | ||
+ | competition setting. | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="team"> | ||
+ | <h1>ShiYan_SY_China</h1> | ||
<ul> | <ul> | ||
− | <li> | + | <li><img src="images/8001.jpg" width="235" height="184"></li> |
− | + | <li class="bar"><span class="caret"></span><P> We communicated with sponsors. </P></li> | |
− | + | ||
− | <li> | + | |
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | <li><img src="images/8002.jpg" width="235" height="184"></li> | |
− | + | <li class="bar"><span class="caret"></span><P> We held the DIY T-shirt program in our high school. </P></li> | |
− | + | <li class="bar2"><span class="caret"></span><P> We talked about the plan about our website. </P></li> | |
− | + | <li><img src="images/8003.jpg" width="235" height="184"></li> | |
− | <li> < | + | <li class="bar2"><span class="caret"></span><P> We held the DIY T-shirt progrem </P></li> |
− | <li> < | + | <li><img src="images/8004.jpg" width="235" height="184"></li> |
− | <li> < | + | |
− | <li> < | + | <br clear="all"> |
− | <li> < | + | |
− | <li> < | + | |
</ul> | </ul> | ||
− | + | </div> | |
− | < | + | <div class="footer"> |
− | <p> | + | <p>© 2014 Huazhong Agricultural University iGEM Team. All rights reserved. |
− | + | </p><br clear="all"> | |
− | + | </div> | |
− | < | + | </body> |
− | + | ||
− | + | ||
− | + | ||
− | </div></ | + | |
− | + | ||
</html> | </html> |
Revision as of 01:49, 17 August 2015
<!doctype html>
iGEM Foundation
The iGEM Foundation is dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.The main program at the iGEM Foundation is the International Genetically Engineered Machine (iGEM) Competition. The iGEM Competition is the premiere student competition in Synthetic Biology. Since 2004, participants of the competition have experienced education, teamwork, sharing, and more in a unique competition setting.