Team:OUC-China

From 2013.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 1: Line 1:
-
<<html lang="en">
+
<html lang="en">
<head>
<head>
-
 
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
<link href="http://oucast.com\igem\css\bootstrap.css" rel="stylesheet" media="screen">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<link href="http://oucast.com\igem\css\bootstrap-responsive.css" rel="stylesheet" media="screen">
+
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
-
<link href="http://oucast.com\igem\css\docs.css" rel="stylesheet">
+
<script src="http://code.jquery.com/jquery.min.js"></script>
-
 
+
<style>
-
<style type="text/css">
+
/*the igem Global setting*/
-
 
+
* {
 +
  margin: 0;
 +
  padding: 0;
 +
  -webkit-font-smoothing: antialiased;
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
body{
 +
  color: #34495e;
 +
}
 +
#bodyContent h1, #bodyContent h2{
 +
  margin-bottom:0;
 +
}
 +
h1, h2, h3, h4, h5, h6{
 +
  padding-top: 0;
 +
  padding-bottom: 0;
 +
  color: #34495e;
 +
}
 +
#globalWrapper {
 +
  font-size: 100%;
 +
}
#top-section{
#top-section{
   height:0px;
   height:0px;
     border:none;
     border:none;
-
     width:1000px;
+
     width:980px;
     margin:0 auto;
     margin:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
-
     background-color:#e5e5e5;
+
     background-color:transparent;
     overflow:hide;
     overflow:hide;
-
   
 
}
}
#p-logo{display:none;}
#p-logo{display:none;}
Line 32: Line 52:
#content
#content
{
{
-
border:none;
+
  border:none;
-
height: 100%;
+
  height: 100%;
-
margin:0;
+
  margin:0;
-
padding:0;
+
  padding:0;
-
width:100%;
+
  width:100%;
-
position: absolute;
+
  position: absolute;
-
background-color: #e5e5e5;
+
  background-color: #FFFFFF;
 +
  color: #34495e;
}
}
-
 
+
a:visited{
-
{
+
  color: #fff;
-
margin:0;
+
}
-
padding:0;
+
/*the nav settings
 +
----------------------------------------------- */
 +
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
 +
  color: #1abc9c;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-nav>li>a{
 +
  color: #fff;
 +
}
 +
.navbar-inverse .navbar-nav>li>a:hover{
 +
  color: #1abc9c;
 +
  background-color:transparent;
 +
}
 +
.navbar-inverse .navbar-brand{
 +
          color: #fff;
 +
          padding: 0;
 +
}
 +
.navbar-inverse .navbar-brand img{
 +
  height: 50px;
 +
  padding-left: 90px;
 +
}
 +
.navbar-inverse .navbar-brand p{
 +
  padding:12px 30px;
 +
  margin:0;
 +
}
 +
.navbar-inverse .navbar-brand:hover{
 +
  color: #1abc9c;
 +
}
 +
.navbar-inverse{
 +
  border-color: transparent;
 +
  background: #34495e;
 +
  font-weight: bold;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +
}
 +
.dropdown-menu{
 +
  background-color:#34495e;
 +
  border:none;
 +
  -webkit-box-shadow:none;
 +
  box-shadow: none;
 +
}
 +
.dropdown-menu>li>a{
 +
  color: #fff;
 +
  font-weight: bold;
 +
}
 +
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
 +
  color:#1abc9c;
 +
  background-color: transparent;
}
}
 +
/*add dropdown-submenu to btV3*/
 +
.dropdown-submenu{position:relative;}
 +
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
 +
.dropdown-submenu:hover>.dropdown-menu{display:block;}
 +
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
 +
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
 +
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
-
#menubar {
+
/*the unslider css*/
-
    background-color:transparent;
+
.banner {
-
    position: relative;
+
  position: relative;
-
    float:left;
+
  width: 100%;
-
    white-space: nowrap;
+
  overflow: auto;
-
    top:-6px;
+
  font-size: 18px;
-
    width: 490px;
+
  line-height: 24px;
-
    z-index: 5000;
+
  text-align: center;
-
    font-family: sans-serif;
+
  color: #fff;
-
    font-size: 30%;
+
  background: ;
-
    line-height: 1em;
+
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
-
    z-index:99;
+
}
}
 +
  .banner ul {
 +
    list-style: none;
 +
    width: 300%;
 +
    margin: 0;
 +
  }
 +
  .banner ul li {
 +
    display: block;
 +
    float: left;
 +
    width: 33%;
 +
    min-height: 350px;
 +
    -o-background-size: 100% 100%;
 +
    -ms-background-size: 100% 100%;
 +
    -moz-background-size: 100% 100%;
 +
    -webkit-background-size: 100% 100%;
 +
    background-size: 100% 100%;
 +
    box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
 +
  }
-
body {
+
  .banner .inner {
-
      padding-bottom: 40px;
+
 
-
      color: #5a5a5a;
+
 
-
  background: #e5e5e5 url(bootstrap/img/moon.png);
+
    padding: 160px 0 110px;
-
  overflow-x: hidden;
+
  }
-
  -webkit-user-select: none;
+
 
-
  -webkit-tap-highlight-color: rgba(0,0,0,0);
+
  .banner h1, .banner h2 {
 +
    font-size: 40px;
 +
    line-height: 52px;
 +
    border-bottom:#fff;
 +
    color: #fff;
 +
  }
 +
 
 +
  .banner .btn {
 +
    display: inline-block;
 +
    margin: 25px 0 0;
 +
    padding: 9px 22px 7px;
 +
    clear: both;
 +
 
 +
    color: #fff;
 +
    font-size: 12px;
 +
    font-weight: bold;
 +
    text-transform: uppercase;
 +
    text-decoration: none;
 +
 
 +
    border: 2px solid rgba(255,255,255,.4);
 +
    border-radius: 5px;
 +
  }
 +
    .banner .btn:hover {
 +
      background: rgba(255,255,255,.05);
 +
    }
 +
    .banner .btn:active {
 +
      -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
     }
     }
-
h1 {color:#0099FF;
 
-
 
 
-
}
 
-
li {font-weight:normal;
 
-
    font-size:12px;
 
-
}
 
 +
  .banner .btn, .banner .dot {
 +
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
 +
  }
 +
  .banner .dots {
 +
    position: absolute;
 +
    left: 0;
 +
    right: 0;
 +
    bottom: 20px;
 +
    margin: 0;
 +
  }
 +
    .banner .dots li {
 +
      display: inline-block;
 +
      width: 10px;
 +
      height: 10px;
 +
      margin: 0 4px;
 +
      text-indent: -999em;
-
a:not(.btn) {
+
      border: 2px solid #fff;
-
color: #00699E;
+
      border-radius: 6px;
-
-webkit-transition: 300ms;
+
-
-moz-transition: 300ms;
+
-
transition: 300ms;
+
-
}
+
-
a:hover:not(.btn),
+
-
a:active:not(.btn) {
+
-
color: #9E0000;
+
-
text-decoration: none;
+
-
-webkit-transform: translateY(-8px);
+
-
-moz-transform: translateY(-8px);
+
-
transform: translateY(-8px);
+
-
}
+
-
hr.soften {
+
      cursor: pointer;
-
height: 1px;
+
      opacity: .4;
-
margin: 30px 0;
+
-
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
+
-
background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
+
-
background-image:    -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
+
-
background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
+
-
border: 0;
+
-
}
+
-
.nav a {
+
      -webkit-transition: background .5s, opacity .5s;
-
-webkit-transition: 500ms;
+
      -moz-transition: background .5s, opacity .5s;
-
-moz-transition: 500ms;
+
      transition: background .5s, opacity .5s;
-
transition: 500ms;
+
    }
 +
      .banner .dots li.active {
 +
        background: #fff;
 +
        opacity: 1;
 +
      }
 +
 
 +
  .banner .arrows {
 +
    position: absolute;
 +
    bottom: 20px;
 +
    right: 20px;
 +
    color: #fff;
 +
  }
 +
    .banner .arrow {
 +
      display: inline;
 +
      padding-left: 10px;
 +
      cursor: pointer;
 +
    }
 +
 
 +
/*features*/
 +
.features {
 +
  overflow: hidden;
 +
  padding: 50px 0;
}
}
 +
  .features li {
 +
    position: relative;
 +
    padding: 0 25px 0 40px;
 +
    list-style: none;
 +
    width: 25%;
 +
    float: left;
 +
  }
 +
    .features li:before {
 +
      content: '';
 +
      position: absolute;
 +
      left: 0;
 +
      top: 0;
 +
 +
      display: block;
 +
      width: 24px;
 +
      height: 22px;
 +
 +
      background: url('img/icons.png');
 +
    }
 +
      .features li.browser:before { background-position: 0 -44px; }
 +
      .features li.height:before { background-position: 0 -22px; }
 +
      .features li.responsive:before { background-position: 0 -66px; }
 +
  .features b {
 +
    display: block;
 +
    padding-bottom: 6px;
 +
  }
 +
.wrap {
 +
  margin: 0 auto;
 +
  max-width: 1170px;
 +
}
 +
/*footer*/
 +
footer{
 +
  margin-top: 100px;
 +
  background-color: #eceff1;
 +
  color: #bdc1c5;
 +
  font-size: 17px;
 +
  padding: 0;
 +
}
 +
.footer-banner{
 +
  background-color: #34495e;
 +
  color: #58F8D9;
 +
  margin-left: 42px;
 +
  min-height: 286px;
 +
  padding: 0 30px 30px;
 +
}
 +
.footer-banner ul{
 +
  list-style-type: none;
 +
}
 +
.footer-banner ul li{
 +
  border-bottom:1px solid rgba(57, 107, 97, 0.53);
 +
  line-height: 19px;
 +
  padding: 6px 0;
 +
}
 +
.footer-banner a{
 +
  color: #58F8D9;
 +
}
 +
.footer-banner a:hover{
 +
  text-decoration: none;
 +
}
 +
.footer-title{
 +
  margin: 0 0 22px;
 +
  padding-top: 21px;
 +
  color: #1abc9c;
 +
  font-weight: bold;
 +
}
 +
.footerleft a{
 +
  color: #bdc1c5;
 +
}
 +
.footerleft a:visited {
 +
  color: #bdc1c5;
 +
}
</style>
</style>
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-
<meta name="description" content="">
 
-
<meta name="author" content="">
 
-
<title>Members</title>
 
</head>
</head>
-
 
<body>
<body>
-
<div class="navbar navbar-inverse navbar-fixed-top">
+
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-
      <div class="navbar-inner">
+
  <div class="navbar-header">
-
        <div class="container">
+
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
-
<div class="row"><div class="span3"><a href="https://2013.igem.org/Main_Page"><img src="http://oucast.com/igem/img/igem1.jpg" alt="logo" style="width:70px;height:50px;margin-top:0px;padding:0 0 0 0;" class="brand png"></a></div>
+
      <span class="sr-only">The navigation</span>
-
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
          <span class="icon-bar"></span>
-
            <span class="icon-bar"></span>
+
          <span class="icon-bar"></span>
-
            <span class="icon-bar"></span>
+
          <span class="icon-bar"></span>
-
            <span class="icon-bar"></span>
+
        </button>
-
          </button>
+
    <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
-
            <div class="nav-collapse collapse">
+
      <img src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
-
                  <ul class="nav pull-right">
+
    </a>
-
<li class="active"><a href="https://2013.igem.org/Team:OUC-China"><font size="4.5px">Home</font></a></li>
+
    <a class="navbar-brand" href="https://2013.igem.org/Team:OUC-China">
-
              <li class="dropdown">
+
      <p>OUC-China IGEM 2013</p>
-
                <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#"><font size="4.5px">Project</font><b class="caret"></b>
+
    </a>
-
</a>
+
  </div>
-
                <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
+
    <div class="collapse navbar-collapse navbar-ex1-collapse">
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Achievement & judge criteria</a>
+
      <ul class="nav navbar-nav pull-right">
-
                  <li class="dropdown-submenu">
+
      <li><a href="https://2013.igem.org/Team:OUC-China">Home</a></li>
-
                  <a tabindex="-1" href="#">Intercellular compartment</a>
+
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
-
  <ul class="dropdown-menu">
+
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<b class="caret"></b></a>
-
                      <li><a tabindex="-1" href="#">Review</a></li>
+
              <ul class="dropdown-menu">
-
                      <li><a tabindex="-1" href="#">Design</a></li>
+
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Overview">Overview</a></li>
-
  <li><a tabindex="-1" href="#">Microfluidics</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Achievement">Achievement & judge criteria</a></li>
-
  <li><a tabindex="-1" href="#">Results</a></li>
+
                    <li class="dropdown-submenu">
-
 
+
                      <a tabindex="-1" href="#">Intracellular compartment</a>
-
  </ul>
+
                <ul class="dropdown-menu">
-
  </li>
+
                        <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Review">Review</a></li>
 +
                        <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Design</a></li>
 +
              <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Microfluidics</a></li>
 +
              <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Results</a></li>
 +
                </ul>
 +
            </li>
                   <li class="dropdown-submenu">
                   <li class="dropdown-submenu">
                   <a tabindex="-1" href="#">RNA guardian</a>
                   <a tabindex="-1" href="#">RNA guardian</a>
-
  <ul class="dropdown-menu">
+
          <ul class="dropdown-menu">
-
                       <li><a tabindex="-1" href="#">Instruction</a></li>
+
                       <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">Introduction</a></li>
-
                       <li><a tabindex="-1" href="#">Design</a></li>
+
                       <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Design">Design</a></li>
-
  <li><a tabindex="-1" href="#">Result</a></li>
+
            <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Results">Result</a></li>
-
  <li><a tabindex="-1" href="#">Reference</a></li>
+
            <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">Reference</a></li>
-
 
+
            </ul>
-
 
+
          </li>
-
  </ul>
+
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Part description">Part description</a></li>
-
  </li>
+
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Future work">Future work</a></li>
-
  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Part description</a></li>
+
-
                  <li role="presentation" class="divider"></li>
+
-
  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Future work</a></li>
+
                 </ul>
                 </ul>
-
              </li>
+
            </li>
-
              <li class="dropdown">
+
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
-
                <a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="#"><font size="4.5px">Modeling</font><b class="caret"></b></a>
+
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Modeling<b class="caret"></b></a>
-
                 <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
+
                 <ul class="dropdown-menu">
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Simulation</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Magnetic Analysis">Magnetic Analysis</a></li>
-
                  <li role="presentation" class="divider"></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Model in RNA guardian">Model in RNA guardian</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Data</a></li>
+
                 </ul>
                 </ul>
-
              </li>
+
            </li>
-
              <li class="dropdown">
+
            <li><a  href="https://2013.igem.org/Team:OUC-China/Human Practice">Human Practice</a></li>
-
                <a  href="https://2013.igem.org/Team:OUC-China/Human Practice"><font size="4.5px">Human Practice</font></a>
+
      <li class="dropdown">
-
               
+
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<b class="caret"></b></a>
-
              </li>
+
              <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
-
<li class="active"><a href="https://2013.igem.org/Team:Part"><font size="4.5px">Part</font></a></li>
+
-
<li class="dropdown">
+
-
                <a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="Members.html"><font size="4.5px">Team</font><b class="caret"></b></a>
+
-
              <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Members">Members</a></li>
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Members">Members</a></li>
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Instructors">Instructors</a></li>
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Instructors">Instructors</a></li>
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Advisor">Advisor</a></li>
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Advisor">Advisor</a></li>
-
  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab">Lab</a></li>
+
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab">Lab</a></li>
-
  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Acknowledgement">Acknowledgement</a></li>
+
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Acknowledgement">Acknowledgement</a></li>
-
  </ul>
+
        </ul>
-
              </li>
+
            </li>
-
  <li class="dropdown">
+
      <li class="dropdown"><a  href="https://2013.igem.org/Team:OUC-China/Safety">Safety</a></li>
-
                <a  href="#"><font size="4.5px">Safety</font></a>
+
      <li class="dropdown">
-
               
+
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<b class="caret"></b></a>
-
              </li>
+
                 <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
-
  <li class="dropdown">
+
-
                 <a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="#"><font size="4.5px">Notebook</font><b class="caret"></b></a>
+
-
                 <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab note">Lab note</a></li>
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab note">Lab note</a></li>
-
                  <li role="presentation" class="divider"></li>
 
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Protocol">Protocol</a></li>
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Protocol">Protocol</a></li>
                 </ul>
                 </ul>
-
              </li>
+
            </li>
-
  </ul>
+
    </ul>
-
</div>
+
  </div>
 +
</div>   
 +
<!--the slidershow begin-->
 +
<div class="banner">
 +
      <ul>
 +
        <li style="background-image: url('https://static.igem.org/mediawiki/igem.org/9/9e/Tital.jpg');">
 +
          <div class="inner">
 +
            <h1>WE DID IT !</h1>
 +
            <p>Constructing an Artificial Organelle（Intracellular Compartment） in <i>E.coli</i></p>
 +
            <a class="btn" href="https://2013.igem.org/Team:OUC-China/Results">learn the story behind this picture</a>
           </div>
           </div>
-
         </div>
+
         </li>
-
      </div>
+
-
    </div>
+
-
<br><br>
+
-
<div class="container">
+
        <li style="background-image: url('https://static.igem.org/mediawiki/2013/7/7d/Cluster.png');">
 +
          <div class="inner">
 +
            <h1>Compression of Metabolic Pathways</h1>
 +
            <p>Constructing an artificial cluster to build the compartment by operating fewer genes. </p>
 +
            <a class="btn" href="https://2013.igem.org/Team:OUC-China/Design">learn more</a>
 +
          </div>
 +
        </li>
-
<div class="row">
+
  <li style="background-image: url('https://static.igem.org/mediawiki/2013/b/bc/Slider-xiaodong.jpg');">
-
      <div class="span3 bs-docs-sidebar">
+
           <div class="inner" style="float:left;padding-left:30px;">
-
        <ul class="nav nav-list bs-docs-sidenav">
+
            <h1>Microfluidic Chip Magnetism Detection</h1>
-
          <li><a href="#member"><i class="icon-chevron-right"></i> OUC-iGEMers</a></li>
+
            <p><br></p>
-
          <li><a href="https://2013.igem.org/Team:OUC-China/Instructors"><i class="icon-chevron-right"></i> Instructors</a></li>
+
            <a class="btn" href="https://2013.igem.org/Team:OUC-China/Microfluidics" style="color:#1abc9c;">learn more</a>
-
           <li><a href="https://2013.igem.org/Team:OUC-China/Advisor"><i class="icon-chevron-right"></i> Advisor</a></li>
+
-
          <li><a href="https://2013.igem.org/Team:OUC-China/Lab"><i class="icon-chevron-right"></i> Lab</a></li>
+
-
  <li><a href="https://2013.igem.org/Team:OUC-China/Acknowledgement"><i class="icon-chevron-right"></i>Acknowledgement</a></li>
+
-
         
+
-
        </ul>
+
-
      </div>
+
-
 
+
-
      <div class="span9">
+
-
  <div class="page-header">
+
-
  <section id="member">
+
-
+
-
            <h1>OUC-iGEMers 2013</h1>
+
           </div>
           </div>
-
 
+
        </li>
-
  <div class="row">
+
        <li style="background-image: url('https://static.igem.org/mediawiki/2013/7/75/Ouc-slide4.jpg');">
-
 
+
          <div class="inner">
-
  <div class="span9">
+
            <h1>Factors Considered in RNA guardian</h1>
-
  <h3>Zhong Xiaodong</h3>
+
            <p><br /></p>
-
    <div class="row">
+
            <a class="btn" href="https://2013.igem.org/Team:OUC-China/RNA_guardian/Design">Learn more</a>
-
      <div class="span3"><img src="http://oucast.com\igem\img/zhongxiaodong.jpg" /></div>
+
          </div>
-
      <div class="span6"><p style="font-weight:normal;"><font size="3px">Hi! I’m Zhong Xiaodong. I major in biotechnology. I’m in charge of competition affairs and experiment. And you can contact me: zhongxiaodong@live.cn .I hope be friend with you.</font></p></div>
+
        </li>
-
    </div>
+
      </ul>
   </div>
   </div>
-
</div><br /><br /></br>
+
  <!--the slidershow end-->
 +
  <div class="features">
 +
      <ul class="wrap">
 +
      <h3><b>Features Of Our Project</b></h3><hr>
 +
        <li>
 +
          <b><span class="glyphicon glyphicon-ok-sign"></span> Artificial Organelle(Intracellular Compartment)</b>
 +
          <p>We designed an artificial prokaryotic membranous organelle which is capable of anchoring proteins, opening up new possibilities for intracellular biochemistry reactions.</p>
 +
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Results">Learn more</a>
 +
        </li>
 +
        <li>
 +
          <b><span class="glyphicon glyphicon-ok-sign"></span> RNA Guardian</b>
 +
          <p>We took advantage of the 3D structure of RNA, using ribosomes as a barrier to stabilize RNA.</p>
 +
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Instruction">Learn more</a>
 +
        </li>
 +
        <li>
 +
          <b><span class="glyphicon glyphicon-ok-sign"></span> Microfluidic</b>
 +
          <p>We used Microfluidic Technology to detect the magnetism of our magnetic bacteria, <i>Magnetospirillum Magneticum</i>.</p>
 +
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Learn more</a>
-
<div class="row">
+
        </li>
-
 
+
        <li>
-
  <div class="span9">
+
          <b><span class="glyphicon glyphicon-ok-sign"></span> Preserving <i>mam</i>AB genes</b>
-
  <h3>Sun Mengqi</h3>
+
          <p>We preserved <i>Magnetospirillum Magneticum</i> AMB-1 <i>mam</i>AB genes in <i>E.coli</i>, prevented the genes lose when AMB-1 strain was cultured in high oxygen partial pressure environment.</p>
-
    <div class="row">
+
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Design">Learn more</a>
-
      <div class="span3"><img src="http://oucast.com\igem\img/sunmengqi.jpg" /></div>
+
        </li>
-
      <div class="span6"><p style="font-weight:normal;"><font size="3px">My English name is Faye and I major in Life Sciences. My role in the iGEM team is lab assistance, competition affairs and advertising. I'm interested in Marine Microbiology, Biogeochemical cycles and lab management. I love exploring and I won't mind having a career that keeps me out at sea for most of the year. Besides biology, I enjoy classical literature, DIY, hiking and fantasy.</font></p></div>
+
      </ul>
     </div>
     </div>
-
  </div>
+
<div class="container">
-
</div><br /><br /></br>
+
        <h3><b>Introduction</b></h3><hr>
-
 
+
        <p>Putting biological resources into production has now become a hot topic since the development of technology and the draining of natural resources. For example, research about biofuel and biochemistry is now flourishing. But biological products have drawbacks of being inefficient and not broad-spectrum. Inspired by eukaryotic membranous organelles, we aim to construct a prokaryotic membranous organelle to realize division of work inside the cell and improve the efficiency of production.
 +
How could a membrane be constructed in a Prokaryote? The answer may lie in this species: <i>Magnetosprillum Magneticum</i>, which can form a natural intracellular membrane. But this bacteria is slow-growing and requires demanding culture conditions, so the purpose of our project is to reconstruct the magnetosome membrane in <i><i>E.coli</i></i>, creating better conditions for efficient biological production.</p>
 +
        <p style="text-align:center"><a class="btn btn-large btn-info" href="https://2013.igem.org/Team:OUC-China/Overview">Learn more</a></p>
 +
</div>
 +
<!--footer-->
 +
<footer>
 +
<div class="container">
<div class="row">
<div class="row">
-
 
+
<div class="col-md-1"></div>
-
  <div class="span9">
+
<div class="col-md-6 footerleft">
-
  <h3>Wang Qiu</h3>
+
  <h3 class="footer-title" style="color:#bdc1c5;">About</h3>
-
    <div class="row">
+
  <p>Thanks to:</p>
-
      <div class="span3"><img src="http://oucast.com\igem\img/wangqiu.jpg" /></div>
+
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bootstrap&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Flat-ui&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Unslider</p>
-
      <div class="span6"><p style="font-weight:normal;"><font size="3px">I‘m Wang Qiu,a sophomore student of OUC.I’m majoring in biochemicals and molecular biology.I just feel so luky to join the competition,and I learned a lot！The experience of fighting together must be an unforgettable memory beyond all doubt！</font></p></div>
+
  <p>Designed and built by <a href="http://copypeng.com">@PengYong</a> and <a href="http://www.renren.com/345094399/profile?ref=opensearch_normal#notice">@ZhengYuchen.</a></p>
-
    </div>
+
   <p>Code licensed under Apache License v2.0</p>
-
   </div>
+
</div>
-
</div><br /><br /></br>
+
<div class="col-md-4">
-
 
+
   <div class="footer-banner">
-
<div class="row">
+
    <h3 class="footer-title">Contact US</h3>
-
 
+
     <ul>
-
   <div class="span9">
+
       <li>E-mail:<a href="mailto:oucigem@163.com"> oucigem@163.com</a></li>
-
  <h3>Sun Xue</h3>
+
       <li><a href="http://oucast.com"> Official website</a></li>
-
     <div class="row">
+
      <li><a href="http://www.renren.com/oast"> Find us on Renren</a></li>
-
       <div class="span3"><img src="http://oucast.com\igem\img/sunxue.jpg" /></div>
+
       <li><a href="http://weibo.com/u/2805858363"> Find us on Weibo</a></li>
-
       <div class="span6"><p style="font-weight:normal;"><font size="3px">I’m SUN Xue, a junior majoring in Biochemistry and Molecular Biology. I joined the igem team this year to further my knowledge and lab skills in the field of synthetic and microbiology.I am excited to be in such an amazing journey of life science. I am the vice leader and lab manager of our team to ensure the lab work well.</font> </p></div>
+
       <li><a href="https://www.google.com/maps?q=+36.062884,+120.335542&sll=36.1360706,120.3648376&sspn=0.36606958894334163,0.9386959091014536&t=m&z=16">Find us on Google Map</a></li>
-
    </div>
+
     </ul>
-
  </div>
+
-
</div><br /><br /></br>
+
-
 
+
-
<div class="row">
+
-
 
+
-
  <div class="span9">
+
-
  <h3>Wang Yu</h3>
+
-
    <div class="row">
+
-
       <div class="span3"><img src="http://oucast.com\igem\img/wangyu.jpg" /></div>
+
-
       <div class="span6"><p style="font-weight:normal;"><font size="3px">Hello,I'm Wangyu.Happy to join this wonderful team. I'm responsible for the construction and testing of a tool that can prolong the halflife of a mRNA.I think Our work just like a jounary, during this period, I experience a lot,I find life is the the most fantastic thing in the word,and I'm so pround I can remake it,how imaginable! I'm major in Biochemistry and Molecular Biology, you can get in touch with me by send mail to OUCwangyu@163.com. Welcome any time!</font></p></div>
+
-
     </div>
+
   </div>
   </div>
-
</div><br /><br /></br>
+
</div>
 +
<div class="col-md-1"></div>
 +
</div>
 +
</div>
 +
</footer>
 +
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
 +
<script src="http://unslider.com/unslider.min.js"></script>
 +
<script>
 +
$(function() {
 +
    $('.banner').unslider();
 +
});
 +
</script>
 +
<script>
 +
      if(window.chrome) {
 +
        $('.banner li').css('background-size', '100% 100%');
 +
      }
-
<div class="row">
+
       $('.banner').unslider({
-
 
+
        speed: 500,  
-
  <div class="span9">
+
        delay: 40000,
-
  <h3>Ling Xu</h3>
+
        keys: true,  
-
    <div class="row">
+
        fluid: true,
-
       <div class="span3"><img src="http://oucast.com\igem\img/1.png" /></div>
+
        dots: true
-
      <div class="span6"><p style="font-weight:normal;"><font size="3px">Hi,I am Xu Lin.I’m very glad to be a member of dry lab and work with others.My major work is to analysis the experimental data and model the process of mRNA deradation.Something amazing and interesting is that there is so much uncertainty in a small cell.So revealing the mystery under the life and find some regular patterns is exciting.My major is Marine Resources Development Technology .You can find me called Xu Lin Ouc on facebook. Eager to talk about Synthetic Biology with you!</font></p></div>
+
       });     
-
    </div>
+
-
  </div>
+
-
</div><br /><br /></br>
+
-
 
+
-
<div class="row">
+
-
 
+
-
  <div class="span9">
+
-
  <h3>Qin Kaili</h3>
+
-
    <div class="row">
+
-
      <div class="span3"><img src="http://oucast.com\igem\img/qinkaili.jpg" /></div>
+
-
      <div class="span6"><p style="font-weight:normal;"><font size="3px">Hello everyone! I'm Kaili Qin ,I'm a junior student of Ocean University of China majoring in Marine biological resource and environment. It,s my pleasure to take part in 2013-iGEM. I come here with passion and excitment, to do something different for my college life, and to pursue a same dream with my teammates. I believe where there is a will there is a way. We can accomplish an amazing dream even there might be many difficulties. So, if you really want to do something, regardless how tough it is , just go forward and the difficulties will leave behind of you.</font></p></div>
+
-
    </div>
+
-
  </div>
+
-
</div><br /><br /></br>
+
-
 
+
-
<div class="row">
+
-
 
+
-
  <div class="span9">
+
-
  <h3>Zheng Yuchen</h3>
+
-
    <div class="row">
+
-
      <div class="span3"><img src="http://oucast.com\igem\img/zhengyuchen.jpg" /></div>
+
-
      <div class="span6"><p style="font-weight:normal;"><font size="3px">Hi, I am Zheng Yuchen, a senior student in college of information science and engineering. My major is computer science and technology. It is a challenge and great honor to me to be the designer and wiki programmer in OUC-China team. I have the passion for web development, meanwhile, I am now learning. Although it is not my major, I like molecular biology. I hope I can make my team's overview better. Making a great show about our project is the goal of all members.</font></p></div>
+
-
    </div>
+
-
  </div>
+
-
</div><br /><br /></br>
+
-
  </section>
+
-
 
+
-
+
-
 
+
-
  </div>
+
-
  </div>
+
-
  </div>
+
-
 
+
-
 
+
-
 
+
-
<script src="http://code.jquery.com/jquery.js"></script>
+
-
<script src="http://oucast.com\igem\js\bootstrap.min.js"></script>
+
-
<script src="http://oucast.com\igem\js\ouc2.js"></script>
+
-
<script src="http://oucast.com\igem\js/application.js"></script>
+
-
<script>
+
-
 
+
-
       !function ($) {
+
-
        $(function(){
+
-
          // carousel demo
+
-
          $('#myCarousel').carousel()
+
-
        })
+
-
      }(window.jQuery)
+
     </script>
     </script>
-
<script src="http://oucast.com\igem\js\holder.js"></script>
 
</body>
</body>
</html>
</html>

Latest revision as of 03:38, 28 September 2013

    Features Of Our Project

  • Artificial Organelle(Intracellular Compartment)

    We designed an artificial prokaryotic membranous organelle which is capable of anchoring proteins, opening up new possibilities for intracellular biochemistry reactions.

    Learn more
  • RNA Guardian

    We took advantage of the 3D structure of RNA, using ribosomes as a barrier to stabilize RNA.

    Learn more
  • Microfluidic

    We used Microfluidic Technology to detect the magnetism of our magnetic bacteria, Magnetospirillum Magneticum.

    Learn more
  • Preserving mamAB genes

    We preserved Magnetospirillum Magneticum AMB-1 mamAB genes in E.coli, prevented the genes lose when AMB-1 strain was cultured in high oxygen partial pressure environment.

    Learn more

Introduction

Putting biological resources into production has now become a hot topic since the development of technology and the draining of natural resources. For example, research about biofuel and biochemistry is now flourishing. But biological products have drawbacks of being inefficient and not broad-spectrum. Inspired by eukaryotic membranous organelles, we aim to construct a prokaryotic membranous organelle to realize division of work inside the cell and improve the efficiency of production. How could a membrane be constructed in a Prokaryote? The answer may lie in this species: Magnetosprillum Magneticum, which can form a natural intracellular membrane. But this bacteria is slow-growing and requires demanding culture conditions, so the purpose of our project is to reconstruct the magnetosome membrane in E.coli, creating better conditions for efficient biological production.

Learn more

Retrieved from "http://2013.igem.org/Team:OUC-China"