Team:XMU-China

From 2013.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE HTML>
+
<html>
-
<html lang=“en” >
+
<head>
-
<style type="text/css">
+
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
    <link href="https://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*/
/* hiding the top section*/
-
body{position:absolute; top:0px; width:100%; height:1380px;}
+
body{position:absolute; top:0px; width:100%; height:px;background-color:#c2edf4;}
#top-section{
#top-section{
   height:0px;
   height:0px;
Line 10: Line 14:
     margin:0 auto;
     margin:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
-
     background-color:transparent;
+
     background-color:#c2edf4;
     overflow:hide;
     overflow:hide;
Line 23: Line 27:
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
#content{
#content{
-
     background-color:transparent;
+
     background-color:#c2edf4;
     border:none;
     border:none;
     width:1340px;
     width:1340px;
-
    height:700px;
 
     marign:0 auto;
     marign:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
-
     top:-40px;
+
     top:0px;
     }
     }
#bodyContent{
#bodyContent{
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
   
 
     }
     }
siteSub{
siteSub{
Line 49: Line 51:
#catlinks{display:none;}
#catlinks{display:none;}
/*end of hiding the footer book*/
/*end of hiding the footer book*/
 +
 +
</style>
-
<head>
 
-
<META http-equiv="Conten-Type" content="textml;charset=UTF-8">
 
-
<title>Document name goes here</title>
 
</head>
</head>
-
<style type="text/css">
 
-
body {background-image:url(https://static.igem.org/mediawiki/2013/5/59/Xmu_background.jpg);}
 
-
</style>
 
-
 
<body>
<body>
-
<div><img src="https://static.igem.org/mediawiki/2013/9/93/Xmu-One.jpg" width="1340" height="1310"  
+
    <!-- 代码 开始 -->
-
border="0" usemap="#planetmap"
+
    <div id="banner" style="margin-top: -20px">
-
alt="Planets" />
+
        <ul id="banner_img">
-
 
+
            <li class="item1">
-
<map name="planetmap" id="planetmap">
+
                <div class="wrapper">
-
 
+
                    <div class="ad_txt">
-
<area
+
                        <h2>A Synbio Oscillation <br/>Signal Converter</h2>
-
shape="circle"
+
                        <p>
-
coords="1030,118,80"
+
                            Welcome to XMU-China team!<br />
-
href ="https://2013.igem.org/Main_Page"
+
                            Let's show you our works now.<br />
-
target ="_blank"
+
                            <br />
-
alt="iGEM" />
+
                           
-
</div>
+
                        </p>
 +
                    </div>
 +
                    <div class="ad_img">
 +
                        <img src="https://static.igem.org/mediawiki/2013/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="https://2013.igem.org/Team:XMU-China/Team1" >Read more&gt;</a>
 +
                    </div>
 +
                    <div class="ad_img">
 +
                        <a href="https://2013.igem.org/Team:XMU-China/Team1" ><img src="https://static.igem.org/mediawiki/2013/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="https://2013.igem.org/Team:XMU-China/Background">Read more&gt;</a>
 +
                    </div>
 +
                    <div class="ad_img">
 +
                        <a href="https://2013.igem.org/Team:XMU-China/Background"><img src="https://static.igem.org/mediawiki/2013/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="https://2013.igem.org/Team:XMU-China/Software">Read more&gt;</a>
 +
                    </div>
 +
                    <div class="ad_img">
 +
                        <img src="https://static.igem.org/mediawiki/2013/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="https://2013.igem.org/Team:XMU-China/Notebook">Read more&gt;</a>
 +
                    </div>
 +
                    <div class="ad_img">
 +
                        <a href="https://2013.igem.org/Team:XMU-China/Notebook"><img src="https://static.igem.org/mediawiki/2013/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="https://2013.igem.org/Team:XMU-China/Human_Practice">Read more&gt;</a>
 +
                    </div>
 +
                    <div class="ad_img">
 +
                        <a href="https://2013.igem.org/Team:XMU-China/Human_Practice"><img src="https://static.igem.org/mediawiki/2013/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="https://2013.igem.org/Team:XMU-China/Safety">Read more&gt;</a>
 +
                    </div>
 +
                    <div class="ad_img">
 +
                        <a href="https://2013.igem.org/Team:XMU-China/Safety"><img src="https://static.igem.org/mediawiki/2013/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="https://2013.igem.org" style="width: 200px">Go to the official website&gt;</a>
 +
                    </div>
 +
                    <div class="ad_img">
 +
                        <a href="https://2013.igem.org"><img src="https://static.igem.org/mediawiki/2013/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="https://2013.igem.org/Team:XMU-China/Home1_js?action=raw&ctype=text/javascript"></script>
</body>
</body>
-
 
-
/-- a map of visitors --/
 
-
<a href="http://www2.clustrmaps.com/counter/maps.php?url=https://2013.igem.org/Team:XMU-China" id="clustrMapsLink"><img src="http://www2.clustrmaps.com/counter/index2.php?url=https://2013.igem.org/Team:XMU-China" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" />
 
-
</a>
 
-
<script type="text/javascript">
 
-
function cantload() {
 
-
img = document.getElementById("clustrMapsImg");
 
-
img.onerror = null;
 
-
img.src = "http://clustrmaps.com/images/clustrmaps-back-soon.jpg";
 
-
document.getElementById("clustrMapsLink").href = "http://clustrmaps.com";
 
-
}
 
-
img = document.getElementById("clustrMapsImg");
 
-
img.onerror = cantload;
 
-
</script>
 
-
/-- map end --/
 
-
 
-
 
-
</style>
 
-
 
-
 
-
 
</html>
</html>

Latest revision as of 03:11, 29 October 2013