Team:UESTC-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 +
<title>ALeader</title>
 +
<link rel="stylesheet"  type="text/css" href="http://fudanigem.phx-2.ifreeurl.com/css/igem.css">
 +
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 +
<script src="http://fudanigem.phx-2.ifreeurl.com/js/igem.js">
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
</script>
-
    <head>
+
-
        <meta name="keywords" content="" />
+
-
        <meta name="description" content="" />
+
-
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
-
<title>Team:UESTC-2014.igem</title>
+
-
<style>
+
-
@font-face {
+
-
  font-family: 'PT Sans Narrow';
+
-
  font-style: normal;
+
-
  font-weight: 400;
+
-
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v5/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
+
-
}
+
-
@font-face {
+
-
  font-family: 'Lobster';
+
-
  font-style: normal;
+
-
  font-weight: 400;
+
-
  src: local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v8/MWVf-Rwh4GLQVBEwbyI61Q.woff) format('woff');
+
-
}
+
-
* {
+
-
margin: 0; padding: 0;
+
-
}
+
-
a {
+
</head>
-
color: #8f5038;
+
<body><div id="total-wrap">
-
text-decoration: underline;
+
<div id="header">
-
}
+
<div id="emp">
 +
<div id='logo'><a href="https://igem.org"></a></div>
 +
</div>
 +
<div id="top-menu">
 +
<div class="top-menu-each">
 +
<a href="https://2013.igem.org/team:Fudan"><p>Home</p></a>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Team</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="/Team:Fudan/members.html"><li>Members</li></a>
 +
<a href="/Team:Fudan/attribution.html"><li>Attribution</li></a>
 +
<a href="/Team:Fudan/team_profile.html"><li>Team Profile</li></a>
 +
<a href="/Team:Fudan/notebook.html"><li>Notebook</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<a href="https://2013.igem.org/team:Fudan/result.html"><p>Result</p></a>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Project</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="/Team:Fudan/overview.html"><li>Overview</li></a>
 +
<a href="/Team:Fudan/input.html"><li>Input</li></a>
 +
<a href="/Team:Fudan/defination.html"><li>Defination</li></a>
 +
<a href="/Team:Fudan/estimation.html"><li>Estimation</li></a>
 +
<a href="/Team:Fudan/optimization.html"><li>Optimization</li></a>
 +
<a href="/Team:Fudan/application.html"><li>Application</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Modeling</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="/Team:Fudan/triphase_riboswitch.html"><li>Triphase Riboswitch</li></a>
 +
<a href="/Team:Fudan/bistable_system.html"><li>Bistable System</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Supplementary</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="/Team:Fudan/material.html"><li>Material</li></a>
 +
<a href="/Team:Fudan/protocol.html"><li>Protocol</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Human Practice</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="/Team:Fudan/pedia.html"><li>Pedia</li></a>
 +
<a href="/Team:Fudan/outreach.html"><li>Outreach</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<a href='/Team:Fudan/safety.html'><p>Safety</p>
 +
</div>
 +
<div class="top-menu-each">
 +
<a href="/Team:Fudan/gallery.html"><p>Gallery</p></a>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="big-photo">
 +
<div id="big-photo-wrap">
 +
<img src="http://fudanigem.phx-2.ifreeurl.com/img/big1.jpg" alt="pic">
 +
<div id="big-photo-hover">
 +
<p class="header">Our Team</p>
 +
<p class="content">Conducted by two kind teachers, Fudan iGem 2013 team is full of students who are energetic with the scientific works. This summer, they have spent an unforgetable period of time together.</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="small-photo">
 +
<div class="small-photo-each">
 +
<a href='https://2013.igem.org/Team:Fudan/bistable_system.html'><img src="http://fudanigem.phx-2.ifreeurl.com/img/small1.jpg" alt="RNA parts application in the bistable construction." /></a>
-
a:hover {
+
</div>
-
text-decoration: none;
+
<div class="small-photo-each">
-
}
+
<a href="https://2013.igem.org/Team:Fudan/overview.html"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small2.jpg" alt="A standard process for riboswitch development and optimization." /></a>
 +
</div>
 +
<div class="small-photo-each last">
 +
<a href='https://2013.igem.org/Team:Fudan/pedia.html'><img src="http://fudanigem.phx-2.ifreeurl.com/img/small3.jpg" alt="An online cyclopedia for "iGEMcyclopedia"——a dictionary about the iGEM projects. Born to simplify, to help, and to inspire." /></a>
-
body {
+
</div>
-
font-size: 10.5pt;
+
<div class="small-photo-each" style="
-
line-height: 1.75em;
+
margin-top: 80px;
-
font-family: Arial, sans-serif;
+
">
-
background: #e1e4e5 url('https://static.igem.org/mediawiki/2014/3/3a/Bg.png');
+
<a href="http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2013&amp;group=Fudan"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small4.jpg" alt="" style="
-
color: #383939;
+
/* margin-top: 120px; */
-
}
+
"></a>
 +
</div>
 +
<div class="small-photo-each" style="
 +
margin-top: 80px;
 +
">
 +
<a href="https://2013.igem.org/Team:Fudan/ribonswitch.html"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small5.jpg" alt="" style="
 +
/* margin-top: 120px; */
 +
"></a>
 +
</div>
 +
<div class="small-photo-each" style="
 +
margin-top: 80px; width: 300px;
 +
">
 +
<a href="https://2013.igem.org/Team:Fudan/transformer.html"><img src="http://fudanigem.phx-2.ifreeurl.com/img/small6.jpg" alt="" style="
 +
/* margin-top: 120px; width: 300px;*/
 +
"></a>
 +
</div>
 +
</div>
-
br.clear {
+
<div id="footer">
-
clear: both;
+
-
}
+
-
h1,h2,h3,h4 {
+
<img src='http://fudanigem.phx-2.ifreeurl.com/img/Sp.png' />
-
text-transform: lowercase;
+
-
font-weight: normal;
+
-
}
+
-
h2,h3,h4 {
+
<a href="http://qbbiotheo@gmail.com" style="
-
margin-bottom: 1em;
+
color: #D41F1F;
-
font-family: "PT Sans Narrow", sans-serif;
+
">Contact us: qbbiotheo@gmail.com</a>
-
color: #000;
+
</div>
-
}
+
</div>
-
 
+
</body>
-
h2 {
+
-
font-size: 1.8em;
+
-
}
+
-
 
+
-
h3 {
+
-
font-size: 1.4em;
+
-
}
+
-
 
+
-
img.left {
+
-
float: left;
+
-
margin: 8px 20px 20px 0;
+
-
}
+
-
 
+
-
img.top {
+
-
margin: 8px 0 20px 0;
+
-
}
+
-
 
+
-
p {
+
-
margin-bottom: 1.75em;
+
-
}
+
-
 
+
-
ul {
+
-
margin-bottom: 1.75em;
+
-
}
+
-
 
+
-
.imageList {
+
-
list-style: none;
+
-
}
+
-
 
+
-
.imageList li {
+
-
clear: both;
+
-
}
+
-
 
+
-
#bg {
+
-
background: url('https://static.igem.org/mediawiki/2014/5/55/Highlight.png') top left repeat-x;
+
-
}
+
-
 
+
-
#banner {
+
-
top:135px;
+
-
position: relative;
+
-
padding: 28px;
+
-
height: 212px;
+
-
width: 1124px;
+
-
margin: 28px 0 0 0;
+
-
background: #ffffff;
+
-
border-bottom: solid 1px #c0c0c0;
+
-
}
+
-
 
+
-
#box1 {
+
-
width: 500px;
+
-
overflow: hidden;
+
-
margin: 0px 0 24px 0;
+
-
}
+
-
 
+
-
#box2 {
+
-
width: 236px;
+
-
overflow: hidden;
+
-
float: left;
+
-
}
+
-
 
+
-
#box3 {
+
-
width: 236px;
+
-
overflow: hidden;
+
-
margin: 0px 0 0 260px;
+
-
}
+
-
 
+
-
#content {
+
-
width: 500px;
+
-
margin: 0px 28px 0 312px;
+
-
padding: 28px;
+
-
background: #ffffff;
+
-
border-bottom: solid 1px #c0c0c0;
+
-
}
+
-
 
+
-
#copyright {
+
-
top:100px;
+
-
position: relative;
+
-
margin: 28px 0 64px 0;
+
-
text-align: center;
+
-
text-shadow: 0 1px 0 #ffffff;
+
-
color: #787979;
+
-
}
+
-
 
+
-
#copyright a {
+
-
color: #787979;
+
-
}
+
-
 
+
-
#footer {
+
-
top:100px;
+
-
position: relative;
+
-
padding: 28px;
+
-
margin: 28px 0 0 0;
+
-
width: 1124px;
+
-
background: #636363;
+
-
color: #d3d3d3;
+
-
border-bottom: solid 1px #444444;
+
-
text-shadow: 0 1px 0 #404040;
+
-
}
+
-
 
+
-
#footer a {
+
-
color: #eee;
+
-
}
+
-
 
+
-
#footer h2, #footer h3, #footer h4 {
+
-
color: #ffffff;
+
-
}
+
-
 
+
-
#footer ul {
+
-
list-style: none;
+
-
margin-bottom: 0;
+
-
}
+
-
 
+
-
#footer p {
+
-
margin-bottom: 0;
+
-
}
+
-
 
+
-
#footer ul li {
+
-
padding: 8px 0 8px 0;
+
-
border-top: dotted 1px #8c8c8c;
+
-
}
+
-
 
+
-
#footer ul li.first {
+
-
padding-top: 0;
+
-
border-top: 0;
+
-
}
+
-
 
+
-
#footerContent {
+
-
width: 812px;
+
-
float: left;
+
-
}
+
-
 
+
-
#footerSidebar {
+
-
width: 232px;
+
-
margin: 0px 0 0 892px;
+
-
}
+
-
 
+
-
#header {
+
-
top:0px;
+
-
overflow:hidden;
+
-
border-bottom:1px solid #d3d7d8;
+
-
position: fixed;
+
-
padding: 28px;
+
-
height: 126px;
+
-
width: 1124px;
+
-
z-index:1000;
+
-
background: url('https://static.igem.org/mediawiki/2014/5/55/Highlight.png') repeat-x;
+
-
}
+
-
 
+
-
#logo {
+
-
position: relative;
+
-
margin: -35px auto;
+
-
height: 100px;
+
-
line-height:50px;
+
-
}
+
-
 
+
-
#logo a {
+
-
+
-
text-decoration: none;
+
-
color: #000;
+
-
text-shadow: 0px 3px 0px #ffffff;
+
-
}
+
-
 
+
-
#h1 {
+
-
text-transform:Uppercase;
+
-
text-align: left;
+
-
font-size: 2em;
+
-
font-family:"Purisa", cursive;
+
-
}
+
-
#h2 {
+
-
text-transform:Uppercase;
+
-
text-align: left;
+
-
font-size: 4em;
+
-
font-family: "Purisa", cursive;
+
-
}
+
-
 
+
-
 
+
-
#main {
+
-
top:130px;
+
-
position: relative;
+
-
padding: 0px;
+
-
margin: 28px 0 0 0;
+
-
width: 1180px;
+
-
color: #474747;
+
-
}
+
-
 
+
-
#main strong {
+
-
color: #242424;
+
-
}
+
-
 
+
-
#main h2, #main h3, #main h4 {
+
-
color: #0d0d0d;
+
-
}
+
-
 
+
-
#main ul {
+
-
list-style: none;
+
-
}
+
-
 
+
-
#main ul li {
+
-
padding: 8px 0 8px 0;
+
-
border-top: dotted 1px #bdbdbd;
+
-
}
+
-
 
+
-
#main ul.imageList li {
+
-
padding: 16px 0 16px 0;
+
-
}
+
-
 
+
-
#main ul li.first {
+
-
padding-top: 0;
+
-
border-top: 0;
+
-
}
+
-
 
+
-
#nav {
+
-
position: absolute;
+
-
bottom: 0;
+
-
left: 0;
+
-
width: 1180px;
+
-
height: 56px;
+
-
line-height: 56px;
+
-
margin: 28px 0 0 0;
+
-
background: #8f5038;
+
-
font-size: 1em;
+
-
font-family: "Loma", sans-serif;
+
-
border-bottom: solid 1px #6f3018;
+
-
border-top: solid 1px #ffffff;
+
-
text-shadow: 0 1px 0px #6f3018;
+
-
text-transform: lowercase;
+
-
}
+
-
 
+
-
#nav a {
+
-
text-decoration: none;
+
-
color: #ffffff;
+
-
}
+
-
 
+
-
#nav ul {
+
-
list-style: none;
+
-
margin: 0 auto;
+
-
width: 1062px;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#nav ul li {
+
-
display: inline;
+
-
text-align: center;
+
-
padding: 0 1.75em 0 1.75em;
+
-
}
+
-
 
+
-
#outer {
+
-
position: relative;
+
-
width: 1180px;
+
-
padding-top: 30px;
+
-
margin: 0 auto 0 auto;
+
-
}
+
-
 
+
-
#search input.button {
+
-
margin-left: 1em;
+
-
border: 0px;
+
-
color: #ffffff;
+
-
background: #8f5038;
+
-
padding: 5px;
+
-
}
+
-
 
+
-
#search input.text {
+
-
border: dotted 1px #000;
+
-
padding: 4px;
+
-
}
+
-
 
+
-
#sidebar1 {
+
-
width: 232px;
+
-
float: left;
+
-
padding: 28px;
+
-
background: #ffffff;
+
-
color: #474747;
+
-
border-bottom: solid 1px #c0c0c0;
+
-
}
+
-
 
+
-
#sidebar1 h2, #sidebar1 h3, #sidebar1 h4 {
+
-
color: #000;
+
-
}
+
-
 
+
-
#sidebar1 ul {
+
-
list-style: none;
+
-
}
+
-
 
+
-
#sidebar1 ul li {
+
-
padding: 8px 0 8px 0;
+
-
border-top: dotted 1px #bdbdbd;
+
-
}
+
-
 
+
-
#sidebar1 ul li.first {
+
-
padding-top: 0;
+
-
border-top: 0;
+
-
}
+
-
 
+
-
#sidebar2 {
+
-
width: 232px;
+
-
float: right;
+
-
padding: 28px;
+
-
background: #ffffff;
+
-
color: #474747;
+
-
border-bottom: solid 1px #c0c0c0;
+
-
}
+
-
 
+
-
#sidebar2 h2, #sidebar2 h3, #sidebar2 h4 {
+
-
color: #000;
+
-
}
+
-
 
+
-
#sidebar2 ul {
+
-
list-style: none;
+
-
}
+
-
 
+
-
#sidebar2 ul li {
+
-
padding: 8px 0 8px 0;
+
-
border-top: dotted 1px #bdbdbd;
+
-
}
+
-
 
+
-
#sidebar2 ul li.first {
+
-
padding-top: 0;
+
-
border-top: 0;
+
-
}
+
-
</style>
+
-
    </head>
+
-
    <body>
+
-
<div id="bg">
+
-
<div id="outer">
+
-
<div id="header">
+
-
+
-
<div id="logo">
+
-
<h1 id="h1">
+
-
<a href="#" style="">UESTC-China 2014 </a>
+
-
</h1>
+
-
<h1 id="h2">
+
-
<a href="#" style="">PLANTS vs HCHO</a>
+
-
</h1>
+
-
</div>
+
-
<div id="nav">
+
-
<ul style="text-transform:Uppercase">
+
-
<li class="first active">
+
-
<a href="#">Home</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">Team</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">Porject</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">Model</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">Links</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">Notebook</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">Safety</a>
+
-
</li>
+
-
<li class="last">
+
-
<a href="#">Human Practice</a>
+
-
</li>
+
-
</ul>
+
-
<br class="clear" />
+
-
</div>
+
-
</div>
+
-
<div id="banner">
+
-
<img src="https://static.igem.org/mediawiki/2014/5/5d/Home_img1.jpg" width="1124" height="212" alt="" />
+
-
</div>
+
-
<div id="main">
+
-
<div id="sidebar1">
+
-
<h3>
+
-
left bar
+
-
</h3>
+
-
<p>
+
-
put something here!
+
-
</p>
+
-
<h3>
+
-
description
+
-
</h3>
+
-
<ul class="linkedList">
+
-
<li class="first">
+
-
<a href="#">first</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">first</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">first</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">first</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">first</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">first</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">first</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">first</a>
+
-
</li>
+
-
<li class="last">
+
-
<a href="#">wahaahhahahahh</a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
<div id="sidebar2">
+
-
<h3>
+
-
right bar
+
-
</h3>
+
-
<ul class="linkedList">
+
-
<li class="first">
+
-
<a href="#">sssss</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">ssss</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">ssss</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">sssss</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">ssssss</a>
+
-
</li>
+
-
<li class="last">
+
-
<a href="#">sssss</a>
+
-
</li>
+
-
</ul>
+
-
<h3>
+
-
china
+
-
</h3><img class="top" src="https://static.igem.org/mediawiki/2014/a/a7/Home_img2.jpg" width="232" height="84" alt="" />
+
-
<p>
+
-
ok ok
+
-
ok ok
+
-
</p>
+
-
</div>
+
-
<div id="content">
+
-
<div id="box1">
+
-
<h2>
+
-
Introduction
+
-
</h2><img class="left" src="https://static.igem.org/mediawiki/2014/e/ed/Home_img3.gif" width="100" height="115" alt="" />
+
-
<p>
+
-
some some some
+
-
</p>
+
-
</div>
+
-
<div id="box2">
+
-
<h3>
+
-
some
+
-
</h3>
+
-
<p>
+
-
a jiao jiao
+
-
</p>
+
-
<ul class="linkedList">
+
-
<li class="first">
+
-
<a href="#">,,,,,</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">,,,,</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">,,,,,</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">,,,,</a>
+
-
</li>
+
-
<li class="last">
+
-
<a href="#">,,,,,</a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
<br class="clear" />
+
-
</div>
+
-
<br class="clear" />
+
-
</div>
+
-
<div id="footer">
+
-
<div id="footerContent">
+
-
<h3>
+
-
Sponsers
+
-
</h3>
+
-
<p>
+
-
uestc   
+
-
</p>
+
-
</div>
+
-
<div id="footerSidebar">
+
-
<h3>
+
-
fine
+
-
</h3>
+
-
<ul class="linkedList">
+
-
<li class="first">
+
-
<a href="#">xxx</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">xx</a>
+
-
</li>
+
-
<li class="last">
+
-
<a href="#">xxxxx</a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
<br class="clear" />
+
-
</div>
+
-
</div>
+
-
<div id="copyright">
+
-
&copy; eagel liu | Design by <a href="%%" rel="nofollow"></a>
+
-
</div>
+
-
</div>
+
-
    </body>
+
</html>
</html>

Revision as of 12:10, 10 June 2014

ALeader

pic

Our Team

Conducted by two kind teachers, Fudan iGem 2013 team is full of students who are energetic with the scientific works. This summer, they have spent an unforgetable period of time together.

RNA parts application in the bistable construction.
A standard process for riboswitch development and optimization.
An online cyclopedia for

Retrieved from "http://2014.igem.org/Team:UESTC-China"