Team:XMU-China/Notebook1

From 2013.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 15: Line 15:
<body>
<body>
-
<div id="wrapper3" style="position: relative;margin-left: 0px;left:1%">
+
<div id="wrapper3" style="position: relative;margin-left: 0px;left:1%;top:20px">
<style>
<style>
#wrapper2 {background:#fccccc}
#wrapper2 {background:#fccccc}
</style>
</style>
<div id="separator">
<div id="separator">
-
          
+
         <style>
 +
#separator{border-bottom:none;margin-left: -22px;}
 +
</style>
<div class="center-block">
<div class="center-block">
-
<a name="Abstract"></a>
+
<a name="Wetlab_Journal" href="https://2013.igem.org/Team:XMU-China/wetlab_journal">
-
<h3>Abstract</h3>
+
<h3>Wetlab Journal</h3></a>
       <span></span>
       <span></span>
</div>
</div>
Line 30: Line 32:
<!-- START CONTENT -->
<!-- START CONTENT -->
<div class="center-block-page clearfix">
<div class="center-block-page clearfix">
-
+
<div class="img-border">
-
<p style="font-size:20px;line-height:30px">
+
<a href="https://2013.igem.org/Team:XMU-China/wetlab_journal"><img src="https://static.igem.org/mediawiki/2013/e/ed/XMU-China_journal.png" width =385px height=300px class="border alignleft" alt="" /></a>
-
We coded two softwares by MATLAB related our experiment.<br /><br />
+
</div>
-
First one is Gene OS, the model of oscillation which simulates our circuit and compares various results with different initial conditions. This gave us a deeper understanding about the mechanism.<br /><br />
+
-
The other one is ImageMe which offers batch processing function and reduces much of time in analyzing the microfluidic images.
+
-
</p>
+
<div class="clear"></div>
<div class="clear"></div>
    <div class="clear"></div>   
    <div class="clear"></div>   
Line 46: Line 45:
<!-- END WRAPPER -->
<!-- END WRAPPER -->
-
<div id="wrapper3" style="position: absolute;margin-top: 40px;top: 62px;left: 35%;">
+
<div id="wrapper3" style="position: absolute;margin-top: 40px;top: 82px;left: 35%;">
<style>
<style>
-
#wrapper2 {background:#fccccc}
+
#wrapper2 {background:#99ffcc}
</style>
</style>
<div id="separator">
<div id="separator">
          
          
<div class="center-block">
<div class="center-block">
-
<a name="Abstract"></a>
+
<a name="Protocol" href="https://2013.igem.org/Team:XMU-China/Protocol">
-
<h3>Abstract</h3>
+
<h3>Protocol</h3></a>
-
      <span></span>
+
</div>
</div>
</div>
</div>
Line 61: Line 59:
<!-- START CONTENT -->
<!-- START CONTENT -->
<div class="center-block-page clearfix">
<div class="center-block-page clearfix">
-
+
<div class="img-border">
-
<p style="font-size:20px;line-height:30px">
+
<a href="https://2013.igem.org/Team:XMU-China/Protocol"><img src="https://static.igem.org/mediawiki/2013/c/c3/Xmu-protocol-1.png" width =385px height=300px class="border alignleft" alt="" /></a>
-
We coded two softwares by MATLAB related our experiment.<br /><br />
+
</div>
-
First one is Gene OS, the model of oscillation which simulates our circuit and compares various results with different initial conditions. This gave us a deeper understanding about the mechanism.<br /><br />
+
-
The other one is ImageMe which offers batch processing function and reduces much of time in analyzing the microfluidic images.
+
-
</p>
+
<div class="clear"></div>
<div class="clear"></div>
    <div class="clear"></div>   
    <div class="clear"></div>   
Line 78: Line 73:
-
<div id="wrapper3" style="position: absolute;margin-top: 40px;top: 62px;left: 69%;">
+
<div id="wrapper3" style="position: absolute;margin-top: 40px;top: 82px;left: 69%;">
<style>
<style>
-
#wrapper2 {background:#fccccc}
+
#wrapper2 {background:#ffcc99}
</style>
</style>
<div id="separator">
<div id="separator">
          
          
<div class="center-block">
<div class="center-block">
-
<a name="Abstract"></a>
+
 
-
<h3>Abstract</h3>
+
<a name="Calendar" href="https://2013.igem.org/Team:XMU-China/Calendar">
 +
<h3>Calendar</h3></a>
       <span></span>
       <span></span>
</div>
</div>
Line 94: Line 90:
<div class="center-block-page clearfix">
<div class="center-block-page clearfix">
-
<p style="font-size:20px;line-height:30px">
+
<div class="img-border">
-
We coded two softwares by MATLAB related our experiment.<br /><br />
+
<a href="https://2013.igem.org/Team:XMU-China/Calendar"><img src="https://static.igem.org/mediawiki/2013/6/6d/Xmu-Calender.jpg" width =385px height=300px class="border alignleft" alt="" /></a>
-
First one is Gene OS, the model of oscillation which simulates our circuit and compares various results with different initial conditions. This gave us a deeper understanding about the mechanism.<br /><br />
+
</div>
-
The other one is ImageMe which offers batch processing function and reduces much of time in analyzing the microfluidic images.
+
-
</p>
+
<div class="clear"></div>
<div class="clear"></div>
    <div class="clear"></div>   
    <div class="clear"></div>   
Line 116: Line 110:
  <div class="clear"></div>   
  <div class="clear"></div>   
<div id="home_s4"><center>
<div id="home_s4"><center>
-
<img src="https://static.igem.org/mediawiki/2013/c/cb/Xmusoftware_sponsor1.png" width="120px" height="120px">
+
<img src="https://static.igem.org/mediawiki/2013/c/cb/Xmusoftware_sponsor1.png" width="80px" height="80px">
-
<img src="https://static.igem.org/mediawiki/2013/1/18/Xmusoftware_sponsor2.png" width="120px" height="120px">
+
<img src="https://static.igem.org/mediawiki/2013/1/18/Xmusoftware_sponsor2.png" width="80px" height="80px">
-
<img src="https://static.igem.org/mediawiki/2013/7/7f/Xmusoftware_sponsor3.png" width="120px" height="120px">
+
<img src="https://static.igem.org/mediawiki/2013/6/6f/Xmu-Bg_header_mwlogo_notag.jpg" height="60px">
-
<img src="https://static.igem.org/mediawiki/2013/6/6c/Xmusoftware_sponsor4.png" width="120px" height="120px">
+
<img src="https://static.igem.org/mediawiki/2013/e/ed/Xmu-evernote.jpg" height="60px">
-
<img src="https://static.igem.org/mediawiki/2013/6/66/Xmusoftware_sponsor5.png" width="120px" height="120px">
+
-
<img src="https://static.igem.org/mediawiki/2013/7/77/Xmusoftware_sponsor6.png" width="120px" height="120px">
+
</center></div>
</center></div>
<div id="footer-menu">
<div id="footer-menu">
Line 131: Line 123:
<li><a href="https://2013.igem.org/Team:XMU-China/Notebook">Notebook</a></li>
<li><a href="https://2013.igem.org/Team:XMU-China/Notebook">Notebook</a></li>
                 <li><a href="https://2013.igem.org/Team:XMU-China/Software">Software</a></li>
                 <li><a href="https://2013.igem.org/Team:XMU-China/Software">Software</a></li>
-
<li><a href="https://2013.igem.org/Team:XMU-China/Human Practice">Human Practice</a></li>
+
<li><a href="https://2013.igem.org/Team:XMU-China/Human_Practice">Outreach</a></li>
<li><a href="https://2013.igem.org/Team:XMU-China/Safety">Safety</a></li>
<li><a href="https://2013.igem.org/Team:XMU-China/Safety">Safety</a></li>
 +
                <li style="margin-left: 450px"><a href="https://2013.igem.org/Team:XMU-China/Team1#Attribution">Contact us</a></li>
</ul>
</ul>
-
<div class="copyright">&copy; Copyright &copy; 2013.XMU-China iGEM All rights reserved.</div>
+
<div class="copyright" style="margin-right: -150px">&copy; Copyright 2013.XMU-China iGEM All rights reserved.</div>
</div><!-- .center-block -->
</div><!-- .center-block -->
</div><!-- #footer-menu -->
</div><!-- #footer-menu -->
Line 142: Line 135:
.center-block-page {width:400px}
.center-block-page {width:400px}
#wrapper3 {width:400px}
#wrapper3 {width:400px}
-
 
+
body {height: 800px}
 +
/* global setting*/
 +
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
 +
#content{
 +
    background-color:#c2edf4;
 +
    border:none;
 +
    width:1340px;
 +
    height:auto;
 +
    marign:0 auto;
 +
    padding:0 0 0 0;
 +
    top:0px;
 +
    }
 +
#bodyContent{
 +
    background-color:#c2edf4;}
</style>
</style>
</html>
</html>

Latest revision as of 12:03, 28 October 2013

LinkUp - Multipurpose HTML Template