Difference between revisions of "Team:XMU-China/Design"

Line 3: Line 3:
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 
<title>Team:XMU-China/Design - 2018.igem.org</title>
 
<title>Team:XMU-China/Design - 2018.igem.org</title>
<link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/homeCss?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="css/style.css">
 +
<!-- <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/homeCss?action=raw&ctype=text/css"> -->
 
</head>
 
</head>
 
<body>
 
<body>
Line 10: Line 11:
 
<div class="header">
 
<div class="header">
 
<div class="logo">
 
<div class="logo">
<img src="https://static.igem.org/mediawiki/2018/9/94/T--XMU-China--Chineselogo.png">
+
<img src="https://static.igem.org/mediawiki/2018/b/b5/T--XMU-China--singlelogo.png">
 
</div>
 
</div>
<div class="headerpic"></div>
 
 
<div class="clear"></div>
 
<div class="clear"></div>
<div class="per">
+
<div class="nav">
<div class="nav">
+
<div id="Team">
<div class="Team">
+
<div class="nav-word">Team</div>
<div class="nav-word">Team</div>
+
<ul>
<ul>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
</ul>
</ul>
+
</div>
</div>
+
<div id="Other_Works">
<div class="Other_Works">
+
<div class="nav-word">Other Works</div>
<div class="nav-word">Other Works</div>
+
    <ul>
    <ul>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
</ul>
</ul>
+
</div>
</div>
+
<div id="Human_Practice">
<div class="Human_Practice">
+
<div class="nav-word">Human Practice</div>
<div class="nav-word">Human Practice</div>
+
<ul>
<ul>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
</ul>
</ul>
+
</div>
</div>
+
<div id="Model">
<div class="Model">
+
<div class="nav-word">Model</div>
<div class="nav-word">Model</div>
+
<ul>
<ul>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
</ul>
</ul>
+
</div>
</div>
+
<div id="Hardwork">
<div class="Hardwork">
+
<div class="nav-word">Hardwork</div>
<div class="nav-word">Hardwork</div>
+
<ul>
<ul>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
</ul>
</ul>
+
</div>
</div>
+
<div id="Notebook">
<div class="Notebook">
+
<div><div class="nav-word">Notebook</div></div>
<div class="nav-word">Notebook</div>
+
<ul>
<ul>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
<li>二级目录</li>
<li>二级目录</li>
+
</ul>
</ul>
+
</div>
</div>
+
<div id="Project">
<div class="Project">
+
<div class="nav-word">Project</div>
<div class="nav-word">Project</div>
+
<ul>
<ul>
+
<li><span>Description</span></li>
<li><span>Description</span></li>
+
<li><span>Design</span></li>
<li><span>Design</span></li>
+
<li><span>Demonstrate</span></li>
<li><span>Demonstrate</span></li>
+
<li><span>Results</span></li>
<li><span>Results</span></li>
+
<li><span>Applied Design</span></li>
<li><span>Applied Design</span></li>
+
<li><span>Parts</span></li>
<li><span>Parts</span></li>
+
</ul>
</ul>
+
</div>
+
<div><img src="https://static.igem.org/mediawiki/2018/6/6f/T--XMU-China--jiannanlogo.png"></div>
+
    </div>
+
 
</div>
 
</div>
 +
<div id="jiannan"><img src="https://static.igem.org/mediawiki/2018/6/6f/T--XMU-China--jiannanlogo.png">
 +
    </div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 94: Line 92:
 
<br>eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut </p>
 
<br>eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut </p>
 
</div>
 
</div>
<div class="bg">
 
<img src="https://static.igem.org/mediawiki/2018/5/5b/T--XMU-China--homebgpic_plus.png">
 
    </div>
 
 
    <!-- 轮播图预留 -->
 
    <!-- 轮播图预留 -->
    <!-- <div class="turn"></div> -->
+
    <div class="turn_1" id="turn_1">
 +
<div class="banner" id="banner">
 +
<a href="">
 +
<div class="banner-slide slide1 slide-active">
 +
</div>
 +
</a>
 +
<a href="">
 +
<div class="banner-slide slide2"></div>
 +
</a>
 +
<a href="">
 +
<div class="banner-slide slide3"></div>
 +
</a>
 +
</div>
 +
<div class="introduction" id="introduction">
 +
<div class="intro-slide ProjectProcess_1 slide-active" >
 +
<p class="headline">
 +
Project Process 1
 +
</p>
 +
<p class="word">
 +
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
 +
</p>
 +
</div>
 +
<div class="intro-slide ProjectProcess_2">
 +
<p class="headline">
 +
Project Process 2
 +
</p>
 +
<p class="word">
 +
Lorem ipsum dolor sit amet, consectetur adip-isicing elit, sed do eius-mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehen-derit in voluptate velit
 +
</p>
 +
</div>
 +
<div class="intro-slide ProjectProcess_3">
 +
<p class="headline">
 +
Project Process 3
 +
</p>
 +
<p class="word">
 +
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
 +
</div>
 +
</div>
 +
<a href="javascript:void(0)" class="button prev" id="prev"></a>
 +
<a href="javascript:void(0)" class="button next" id="next"></a>
 +
<div class="dots" id="dots">
 +
<span class="active"></span>
 +
<span></span>
 +
<span></span>
 +
</div>
 +
<script src="js/script.js"></script>
 +
<script src="https://2018.igem.org/Team:XMU-China/bannerjs?action=raw&amp;c" type="text/javascript"></script>
 +
</div>
 +
    <div class="clear"></div>
 
    <div class="main_middle"><div>
 
    <div class="main_middle"><div>
 
    <div>Our Project</div>
 
    <div>Our Project</div>
 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore <br>magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo- <br>do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolo
 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore <br>magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo- <br>do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolo
 
    </p></div>
 
    </p></div>
 +
    </div>
 +
    <div class="bg">
 +
<img src="https://static.igem.org/mediawiki/2018/5/5b/T--XMU-China--homebgpic_plus.png">
 
    </div>
 
    </div>
 
<!-- 轮播图预留2 -->
 
<!-- 轮播图预留2 -->
Line 108: Line 154:
 
</div>
 
</div>
 
<!-- 底部 -->
 
<!-- 底部 -->
<div class="footer">
+
<div class="footer">
<div class="footer_top">
+
<div class="footer_top">
<img src="https://static.igem.org/mediawiki/2018/3/3d/T--XMU-China--xmu_is_different.png">
+
<img src="https://static.igem.org/mediawiki/2018/3/3d/T--XMU-China--xmu_is_different.png">
<ul>
+
<li>Home</li>
+
<li>Basic Part</li>
+
<li>About us</li>
+
<li>Composite Part</li>
+
<li>Attribution</li>
+
</ul>
+
<ul>
+
<li>Design</li>
+
<li>Modeling</li>
+
<li>Engagemen</li>
+
<li>Biosafety</li>
+
<li>Contribution</li>
+
</ul>
+
<ul>
+
<li>Collaboration</li>
+
<li>Protocols</li>
+
<li>Notebook</li>
+
<li>Description</li>
+
<li>Experiment</li>
+
</ul>
+
</div>
+
<div class="clear"></div>
+
<div class="footer_line"></div>
+
<div class="footer_bottom">
+
<div class="footer_bottom_1">
+
<img class="footer_bottom_1_pic1" src="https://static.igem.org/mediawiki/2018/c/cb/T--XMU-China--logo.png">
+
<img class="footer_bottom_1_pic2" src="https://static.igem.org/mediawiki/2018/9/94/T--XMU-China--Chineselogo.png">
+
</div>
+
<div class="clear"></div>
+
<div class="footer_bottom_2">
+
<p id="Contact_us">Contact Us</p>
+
 
<ul>
 
<ul>
<li><img src="https://static.igem.org/mediawiki/2018/b/b0/T--XMU-China--facebook.png"></li>
+
<li>Home</li>
<li><img src="https://static.igem.org/mediawiki/2018/9/94/T--XMU-China--twiiter.png"></li>
+
<li>Basic Part</li>
<li><img src="https://static.igem.org/mediawiki/2018/4/4a/T--XMU-China--mail.png"></li>
+
<li>About us</li>
 +
<li>Composite Part</li>
 +
<li>Attribution</li>
 +
</ul>
 +
<ul>
 +
<li>Design</li>
 +
<li>Modeling</li>
 +
<li>Engagemen</li>
 +
<li>Biosafety</li>
 +
<li>Contribution</li>
 +
</ul>
 +
<ul>
 +
<li>Collaboration</li>
 +
<li>Protocols</li>
 +
<li>Notebook</li>
 +
<li>Description</li>
 +
<li>Experiment</li>
 
</ul>
 
</ul>
<div class="position">
 
<img id="logo_position" src="https://static.igem.org/mediawiki/2018/1/1b/T--XMU-China--position.png">
 
<div id="footer_bottom_word">
 
<p>Xiamen University, Fujian, China </p>
 
<p>No. 422, Siming South Road, Xiamen, Fujian, P. R. China 361005</p>
 
    </div></div>
 
 
</div>
 
</div>
 +
<div class="clear"></div>
 +
<div class="footer_line"></div>
 +
<div class="footer_bottom">
 +
<div class="footer_bottom_1">
 +
<img class="footer_bottom_1_pic1" src="https://static.igem.org/mediawiki/2018/c/cb/T--XMU-China--logo.png">
 +
<img class="footer_bottom_1_pic2" src="https://static.igem.org/mediawiki/2018/9/94/T--XMU-China--Chineselogo.png">
 +
</div>
 +
<div class="clear"></div>
 +
<div class="footer_bottom_2">
 +
<p id="Contact_us">Contact Us</p>
 +
<ul>
 +
<li><img src="https://static.igem.org/mediawiki/2018/b/b0/T--XMU-China--facebook.png"></li>
 +
<li><img src="https://static.igem.org/mediawiki/2018/9/94/T--XMU-China--twiiter.png"></li>
 +
<li><img src="https://static.igem.org/mediawiki/2018/4/4a/T--XMU-China--mail.png"></li>
 +
</ul>
 +
<div class="footer_position">
 +
<img id="logo_position" src="https://static.igem.org/mediawiki/2018/1/1b/T--XMU-China--position.png">
 +
<div id="footer_bottom_word">
 +
<p>Xiamen University, Fujian, China </p>
 +
<p>No. 422, Siming South Road, Xiamen, Fujian, P. R. China 361005</p>
 +
    </div>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 12:33, 6 August 2018

Team:XMU-China/Design - 2018.igem.org

Project of XMU

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut

Project Process 1

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Project Process 2

Lorem ipsum dolor sit amet, consectetur adip-isicing elit, sed do eius-mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehen-derit in voluptate velit

Project Process 3

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Our Project

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo-
do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolo