Team:OUC-China

From 2014.igem.org

(Difference between revisions)

Latest revision as of 03:59, 18 October 2014

HOME

@@ Line 8: / Line 8: @@
 <script src="https://2014.igem.org/Team:OUC-China/js/unslider.js?action=raw&ctype=text/javascript"></script>
 <style type="text/css">
+a:hover { text-decoration: none !important; }
 @charset "utf-8";
 /* CSS Document */
@@ Line 444: / Line 445: @@
          if ($('.firstHeading')) $('.firstHeading').remove();
      </script>
-<img class="logo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png" style="left:10px" />
+<a href="https://igem.org/Main_Page"><img class="logo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png" style="left:10px" /></a>
 <img class="logo" style="right:10px;animation: CircleLogo 20s linear infinite;-webkit-animation: CircleLogo 20s linear infinite;-moz-animation: CircleLogo 20s linear infinite;-ms-animation: CircleLogo 20s linear infinite" src="https://static.igem.org/mediawiki/2014/0/00/OUC_China_Content_Team.png" />
      <header>
@@ Line 460: / Line 461: @@
              <li><div><div></div></div></li>
          </ul>
-         <ul style="margin-top:-295px">
+         <ul style="margin-top:-325px">
              <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
              <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
@@ Line 467: / Line 468: @@
              <li><a href="https://2014.igem.org/Team:OUC-China/Project_Future">Future</a></li>
              <li><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></li>
+            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Policy_Practise">Policy&Practice</a></li>
              <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">PROJECT</a></li>
              <li><div><div></div></div></li>
@@ Line 472: / Line 474: @@
          <ul style="margin-top:-90px">
              <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Biobrick</a></li>
-             <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achievment">Achievment</a></li>
+             <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achievment">Achievement</a></li>
              <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">JUDGING</a></li>
              <li><div><div></div></div></li>
          </ul>
-         <ul style="margin-top:-130px">
+         <ul style="margin-top:-100px">
-             <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Bio Safety</a></li>
+             <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Biosafety</a></li>
-            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_Safety">Lab Safety</a></li>
+             <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_safety">Labsafety</a></li>
-             <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Policy_Practise">Policy&Practise</a></li>
              <li style="border-bottom-left-radius:5px;border-bottom-right-radius:5px"><a style="font-size:22px">SAFETY</a></li>
              <li><div><div></div></div></li>
@@ Line 502: / Line 503: @@
 <div id="slider">
          <ul>
-             <li><h1 style="margin:200px">Coming soon...</h1></li>
+             <li>
-             <li><h1 style="margin:200px;color:#ffffff">Coming soon...</h1></li>
+                <img src="https://static.igem.org/mediawiki/2014/4/42/OUC-China_Index_Slide2.png" style="width: 80%;margin:80px auto;display:block;position:inherit">
+            </li>
+            <li>
+<img src="https://static.igem.org/mediawiki/2014/5/5a/OUC-China_Index_Slide3.png" style="width:80%;position:inherit;margin:80px auto;display:block;" />
+<div style="width:5px;height:100%;position:relative;background-color:#ffffff;margin-left:49%;transform: rotate(10deg);-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);margin-top:-600px;"></div>
+            </li>
+             <li>
+<img src="https://static.igem.org/mediawiki/2014/5/58/OUC-China_Index_Slide4.png" style="width:80%;margin:80px auto;display:block;position:inherit" />
+            </li>
+            <li>
+<img src="https://static.igem.org/mediawiki/2014/2/2f/OUC-China_Index_Slide5.png" style="width:80%;margin:80px auto;display:block;position:inherit" />
+            </li>
          </ul>
      </div>
@@ Line 509: / Line 521: @@
      $('#slider').unslider({
          speed: 500,
-         delay: 4000,
+         delay: 3000,
          keys: true,
          dots: true,
@@ Line 517: / Line 529: @@
 <div class = "main">
    <div class = "part1">
+<h2 class="text-primary" style="width: 960px;margin:0 auto;padding-top:10px;">Introduction</h2>
+<p style="width: 960px;margin:0 auto;font-size: 19px;padding-top:12px;">Current researches usually transfer exogenous DNA into prokaryotic cells and eukaryotic cells, while OUC-China iGEM team has designed an innovative method to carry exogenous DNA from prokaryote to eukaryota more efficiently. Eventually we have applied the method to studies of the model organism, zebrafish. <br />
+We have constructed the fusion protein that can bind and protect plasmids, with the ability of helping plasmids transfect into eukaryotic cells in high efficiency.</p>
+<a href="https://2014.igem.org/Team:OUC-China/Project" class="btn btn-primary btn-lg" style="display:block;margin:40px auto;width:200px;position:relative;color: #ffffff;">Learn More</a>
      <div class = "waveUp"></div>
      <div class = "waveDown"></div>
@@ Line 523: / Line 539: @@
      <ul style="width:1350px; margin:auto; position:relative;">
        <li style = "top:85px;left:145px;-webkit-animation-duration: 0.3s;"> <img src="https://static.igem.org/mediawiki/2014/4/45/OUC-China_1.png"/> <img id = "lGear" src="https://static.igem.org/mediawiki/2014/d/d0/LGear.png" style="top:59px;left:131px;display:none;"/> <img src="https://static.igem.org/mediawiki/2014/f/f5/OUC-China_BGear.png" style="top:75px;left:25px;"/>
-         <p style="top: 210px; left: 70px;"><a href="https://2014.igem.org/Team:OUC-China/Project_Design#Double_Plamisd">the double plasmid system</a></p>
+         <p style="top: 200px; left: 70px;"><a href="https://2014.igem.org/Team:OUC-China/Project_Design#Double_Plamisd">The Double Plasmid System</a></p>
        </li>
        <li style = "top:30px;left:520px;-webkit-animation-duration: 0.33s;"><img src="https://static.igem.org/mediawiki/2014/6/61/OUC-China2.png"/> <img src="https://static.igem.org/mediawiki/2014/9/91/OUC-China_Circle.png" style="top: 69px; left: 38px;"> <img id = "lGear2" src="https://static.igem.org/mediawiki/2014/d/d0/LGear.png" style="top: 34px; left: 179px;">
@@ Line 529: / Line 545: @@
        </li>
        <li style = "top:80px;left:930px;-webkit-animation-duration: 0.35s;"><img src="https://static.igem.org/mediawiki/2014/9/93/OUC-China_3.png"/> <img id = "express" src="https://static.igem.org/mediawiki/2014/b/b6/OUC-China_Expression.png" style="top: 201px; left: 88px;display:none;"> <img src="https://static.igem.org/mediawiki/2014/5/52/OUC-China_Model.png" style="top: 42px; left: 79px;">
-         <p style="top: 246px; left: 67px;"><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">modeling</a></p>
+         <p style="top: 246px; left: 67px;"><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></p>
        </li>
        <li style = "top:450px;left:190px; -webkit-animation-duration: 0.18s;-webkit-animation-iteration-count: 10;"><img src="https://static.igem.org/mediawiki/2014/5/50/OUC-China_4.png"/> <img id = "peiYang" src="https://static.igem.org/mediawiki/2014/c/c5/PeiYang.png" style="top: 55px; left:80px;">
@@ Line 535: / Line 551: @@
        </li>
        <li style = "top:414px;left:530px;-webkit-animation-duration: 0.37s;"><img src="https://static.igem.org/mediawiki/2014/e/e2/OUC-China_5.png"/> <img id = "safety" src="https://static.igem.org/mediawiki/2014/3/3b/OUC-China_Blue.png" style="top: 97px; left: 92px;">
-         <p style="top: 267px; left: 74px;"><a href="https://2014.igem.org/Team:OUC-China/Safety">safety</a></p>
+         <p style="top: 267px; left: 74px;"><a href="https://2014.igem.org/Team:OUC-China/Safety">Safety</a></p>
        </li>
        <li style = "top:450px;left:920px; -webkit-animation-duration: 0.18s;-webkit-animation-iteration-count: 10;"><img src="https://static.igem.org/mediawiki/2014/8/8a/OUC-China_6.png"/> <img id = "lamp" src="https://static.igem.org/mediawiki/2014/8/80/OUC-China_lamp.png" style="top: 53px; left: 85px;">
-         <p style="top: 231px; left: 69px;"><a href="https://2014.igem.org/Team:OUC-China/Safety_Policy_Practise">policy&practise </a></p>
+         <p style="top: 231px; left: 69px;"><a href="https://2014.igem.org/Team:OUC-China/Project_Policy_Practise">Policy&Practise </a></p>
        </li>
      </ul>
@@ Line 589: / Line 605: @@
    </script>
 </div>
 <div class = "footer">
+  <style>
+    .footer > div { width: 418px; margin: 0 auto; padding-top: 50px; }
+    .footer > div > img { float: left; height: 100px; display: inline-block; position: relative; margin-left: 6px; margin-right: 6px; }
+    .footer > p { text-align: center; color: #ffffff }
+    .footer > p > a { color: #ffffff; }
+  </style>
+  <div>
+    <img src="https://static.igem.org/mediawiki/2014/a/ad/OUC-China_Index_OrgLogo.png" />
+    <img src="https://static.igem.org/mediawiki/2014/e/ec/OUC-China_Index_OrgTitle.jpg" />
+    <img src="https://static.igem.org/mediawiki/2014/9/96/OUC-China_Foot_ouclogo.png" />
+    <div style="clear:both"></div>
+  </div>
+  <p>contact us: <a href="mailto:oucigem@163.com">oucigem@163.com</a></p>
 </div>
 <img class="anchor" onclick="document.documentElement.scrollTop = document.body.scrollTop = 0;" src="https://static.igem.org/mediawiki/2014/b/b6/ToTop.png"/>
 </html>