XMU Biomod

From OpenWetWare
Jump to navigationJump to search

<html> <head>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link href="http://2013.igem.org/Team:XMU-China/Home_CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
   <script src="http://d.lanrentuku.com/down/js/jiaodiantu-971/js/jquery.plugin.min.js" type="text/javascript"></script>
   <script src="http://d.lanrentuku.com/down/js/jiaodiantu-971/js/jquery-1.9.1.min.js" type="text/javascript"></script>

<style> /* hiding the top section*/ body{position:absolute; top:0px; width:100%; height:px;background-color:#c2edf4;}

  1. top-section{
  height:0px;
   border:none;
   width:980px;
   margin:0 auto;
   padding:0 0 0 0;
   background-color:#c2edf4;
   overflow:hide;

}

  1. p-logo{display:none;}
  2. search-controls{display:none;}
  3. top{display:none;}

.firstHeading{display:none;} /* end of hiding the top section*/

/* global setting*/

  1. globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
  2. content{
   background-color:#c2edf4;
   border:none;
   width:1340px;
   marign:0 auto;
   padding:0 0 0 0;
   top:0px;
   }
  1. bodyContent{
   background-color:transparent;
   border:none;
   }

siteSub{

   display:none;
   border:none;
   }

contentSub{

   display:none;
   }

/* end of global setting*/

/*hiding the footer-box*/

  1. footer-box{display:none;}
  2. catlinks{display:none;}

/*end of hiding the footer book*/

</style>


</head> <body>

   <!-- 代码 开始 -->
   <div id="banner" style="margin-top: -20px">
       <ul id="banner_img">
           <li class="item1">
               <div class="wrapper">
                   <div class="ad_txt">
                       <h2>A Synbio Oscillation <br/>Signal Converter</h2>
                       <p>
                           Welcome to XMU-China team!<br />
                           Let's show you our works now.<br />
                           <br />
                           
                       </p>
                   </div>
                   <div class="ad_img">
                       <img src="http://2013.igem.org/wiki/images/d/da/XMU-China_NEW_Home.png" width="950" height="400" style="margin: -300px; margin-top: -40px;"/>
                   </div>
               </div>
           </li>
           <li class="item2">
               <div class="wrapper">
                   <div class="ad_txt">
                       <h2>Our Team</h2>
                       <p>
                           12 members pulling together make all the difference.<br />
                           Every day is full of smile and confidence.<br />
                           Every day is a new day!
                       </p>
                       <a href="http://2013.igem.org/Team:XMU-China/Team1" >Read more&gt;</a>
                   </div>
                   <div class="ad_img">
                       <a href="http://2013.igem.org/Team:XMU-China/Team1" ><img src="http://2013.igem.org/wiki/images/5/5c/XMU-China_NEW_team2-1.png" width="580" height="350"  /></a>
                   </div>
               </div>
           </li>
           <li class="item3">
               <div class="wrapper">
                   <div class="ad_txt">
                       <h2>Our Project</h2>
                       <p>
                            It's an story about how oscillation bacteria<br />formed their own glee: synchronized oscillation.<br/>
                            Our wiki followed every effort they made<br/> and would give you the most detailed report.
                           
                       </p>
                       <a href="http://2013.igem.org/Team:XMU-China/Background">Read more&gt;</a>
                   </div>
                   <div class="ad_img">
                       <a href="http://2013.igem.org/Team:XMU-China/Background"><img src="http://2013.igem.org/wiki/images/e/eb/XMU-China_NEW_Project.png" width="530" height="404" style="margin-left: 40px"/></a>
                   </div>
               </div>
           </li>
           <li class="item4">
               <div class="wrapper">
                   <div class="ad_txt">
                       <h2>Our Modeling & Software</h2>
                       <p>
                           We modeled our oscillation circuit perfectly.<br />
                           We coded two software in MATLAB:<br />
                           Gene OS & ImageMe
                       </p>
                       <a href="http://2013.igem.org/Team:XMU-China/Software">Read more&gt;</a>
                   </div>
                   <div class="ad_img">
                       <img src="http://2013.igem.org/wiki/images/d/da/XMU-China_NEW_modeling.png" width="506" height="404" style="margin-left: 30px; margin-top: -10px;"/>
                   </div>
               </div>
           </li>
           <li class="item5">
               <div class="wrapper">
                   <div class="ad_txt">
                       <h2>Our Notebook</h2>
                       <p>
                           Here recorded our wetlab journal using E'Note.<br />
                           You can also scan the events on our calendar.
                           
                       </p>
                       <a href="http://2013.igem.org/Team:XMU-China/Notebook">Read more&gt;</a>
                   </div>
                   <div class="ad_img">
                       <a href="http://2013.igem.org/Team:XMU-China/Notebook"><img src="http://2013.igem.org/wiki/images/5/5e/XMU-China_NEW_Notebook.png" width="506" height="404" style="margin-top: -30px"/></a>
                   </div>
               </div>
           </li>
           <li class="item6">
               <div class="wrapper">
                   <div class="ad_txt">
                       <h2>Our Outreach</h2>
                       <p>
                           This year we joined in quite a lot activities.<br />
                           Especially Human practice, it is really funny & lively.
                           
                           
                       </p>
                       <a href="http://2013.igem.org/Team:XMU-China/Human_Practice">Read more&gt;</a>
                   </div>
                   <div class="ad_img">
                       <a href="http://2013.igem.org/Team:XMU-China/Human_Practice"><img src="http://2013.igem.org/wiki/images/1/1d/XMU-China_NEW_Outreach.png" width="600" height="404" style="margin-left: -30px"/></a>
                   </div>
               </div>
           </li>
           <li class="item7">
               <div class="wrapper">
                   <div class="ad_txt">
                       <h2>Safety</h2>
                       <p>
                           Safety is the most important thing in the wetlab.<br />
                           Our team has done a series of work to meet the requirement.<br />
                           Also we applied a novel approach to consider the safety through the society.
                       </p>
                       <a href="http://2013.igem.org/Team:XMU-China/Safety">Read more&gt;</a>
                   </div>
                   <div class="ad_img">
                       <a href="http://2013.igem.org/Team:XMU-China/Safety"><img src="http://2013.igem.org/wiki/images/7/7e/XMU-China_NEW_Safety.png" width="500" height="450" style="margin-left: 80px; margin-top:-20px;"/></a>
                   </div>
               </div>
           </li>
           <li class="item8">
               <div class="wrapper">
                   <div class="ad_txt">
                       <h2>Let's iGEM!</h2>
                       <p>
                           Here iGEMers find their enjoyment and success.<br />
                           iGEM left us hole year's wonderful memory.<br />
                           iGEMers, let's iGEM!!
                       </p>
                       <a href="http://2013.igem.org" style="width: 200px">Go to the official website&gt;</a>
                   </div>
                   <div class="ad_img">
                       <a href="http://2013.igem.org"><img src="http://2013.igem.org/wiki/images/0/06/XMU-China_NEW_iGEM.png" width="506" height="440" style="margin-top: -20px"/></a>
                   </div>
               </div>
           </li>
       </ul>
       <div id="banner_ctr">
           <div id="drag_ctr"></div>
           <ul>
               <li class="first-item">XMU-China</li>
               <li>A synbio oscillation signal converter</li>
               <li>Our Team</li>
               <li>Our Project</li>
               <li>Our Modeling & Software</li>
               <li>Our Notebook</li>
               <li>Our outreach</li>
               <li>Safety</li>
               <li>Let's iGEM</li>
               <li class="last-item">iGEM</li>
           </ul>
           <div id="drag_arrow"></div>
<div id="drag_arrow1"></div>
       </div>
   </div>
   <script type="text/javascript" src="http://2013.igem.org/Team:XMU-China/Home1_js?action=raw&ctype=text/javascript"></script>

</body> </html>