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

(Prototype team page)
 
Line 1: Line 1:
−
{{XMU-China}}
+
<!DOCTYPE html>
−
<html>
+
<html lang="en">
−
 
+
<head>
−
<div class="column two_thirds_size" >
+
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
−
 
+
    <title>team</title>
−
<h1>Team</h1>
+
    <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/cover?action=raw&ctype=text/css">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/footer?action=raw&ctype=text/css">
−
 
+
    <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/teambanner?action=raw&ctype=text/css">
−
 
+
    <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/info?action=raw&ctype=text/css">
−
<h3>What should this page contain?</h3>
+
    <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/nav?action=raw&ctype=text/css">
−
<ul>
+
</head>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<body>
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
<header></header>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
    <div id="toptop"></div>
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
    <div class="header">
−
</ul>
+
        <div class="logo">
−
</div>
+
            <img src="https://static.igem.org/mediawiki/2018/b/b5/T--XMU-China--singlelogo.png">
−
 
+
        </div>
−
 
+
        <div class="clear"></div>
−
 
+
        <div class="nav">
−
<div class="column third_size" >
+
            <div id="Team">
−
<div class="highlight decoration_A_full">
+
                <div class="nav-word">Team</div>
−
<h3>Inspiration</h3>
+
                <ul>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
                    <li>二级目录</li>
−
Here are a few examples:</p>
+
                    <li>二级目录</li>
−
<ul>
+
                    <li>二级目录</li>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
                    <li>二级目录</li>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
                </ul>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
            </div>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
            <div id="Other_Works">
−
</ul>
+
                <div class="nav-word">Other Works</div>
−
</div>
+
                <ul>
−
</div>
+
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                </ul>
 +
            </div>
 +
            <div id="Human_Practice">
 +
                <div class="nav-word">Human Practice</div>
 +
                <ul>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                </ul>
 +
            </div>
 +
            <div id="Model">
 +
                <div class="nav-word">Model</div>
 +
                <ul>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                </ul>
 +
            </div>
 +
            <div id="Hardwork">
 +
                <div class="nav-word">Hardwork</div>
 +
                <ul>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                </ul>
 +
            </div>
 +
            <div id="Notebook">
 +
                <div><div class="nav-word">Notebook</div></div>
 +
                <ul>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                    <li>二级目录</li>
 +
                </ul>
 +
            </div>
 +
            <div id="Project">
 +
                <div class="nav-word">Project</div>
 +
                <ul>
 +
                    <li><span>Description</span></li>
 +
                    <li><span>Design</span></li>
 +
                    <li><span>Demonstrate</span></li>
 +
                    <li><span>Results</span></li>
 +
                    <li><span>Applied Design</span></li>
 +
                    <li><span>Parts</span></li>
 +
                </ul>
 +
            </div>
 +
            <div id="jiannan"><img src="https://static.igem.org/mediawiki/2018/6/6f/T--XMU-China--jiannanlogo.png">
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <section class="pc-banner">
 +
        <div class="swiper-container">
 +
            <div class="swiper-wrapper">
 +
                <div class="swiper-slide swiper-slide-center none-effect">
 +
                    <a href="#">
 +
                        <img src="img/banner001.jpg">
 +
                    </a>
 +
                    <div class="layer-mask"></div>
 +
                </div>
 +
                <div class="swiper-slide">
 +
                    <a href="#">
 +
                        <img src="img/banner002.jpg">
 +
                    </a>
 +
                    <div class="layer-mask"></div>
 +
                </div>
 +
                <div class="swiper-slide">
 +
                    <a href="#">
 +
                        <img src="img/banner003.jpg">
 +
                    </a>
 +
                    <div class="layer-mask"></div>
 +
                </div>
 +
            </div>
 +
<!--            <div class="button">
 +
                <div class="swiper-button-prev"></div>
 +
                <div class="swiper-button-next"></div>
 +
            </div> -->
 +
        </div>
 +
    </section>
 +
    <!-- banner -->
 +
    <script type="text/javascript" src="js/teambanner.js"></script>
 +
    <div class="clear"></div>
 +
    <div class="main">
 +
        <div id="pi">
 +
            <div class="line"></div>
 +
            <div class="main_headline"><span>PI</span></div>
 +
            <div class="pi">
 +
            <span class="pic"><img src="3x/PI.png"></span>
 +
            <span class="word">George's research interests lie in how bacteria sense and integrate environmental information. His group focuses on understanding in a quantitative manner how multiple, homologous pathways operate in individual cells. George has been mentoring Oxford</span>
 +
        </div>
 +
        <div class="clear_wipe_phone"></div>
 +
            <div class="pi">
 +
            <span class="pic"><img src="3x/PI.png"></span>
 +
            <span class="word">George's research interests lie in how bacteria sense and integrate environmental information. His group focuses on understanding in a quantitative manner how multiple, homologous pathways operate in individual cells. George has been mentoring Oxford</span>
 +
        </div>
 +
        </div>
 +
        <div id="Student_Leaders">
 +
            <div class="line"></div>
 +
            <div class="main_headline"><span>Student Leaders</span></div>
 +
            <div class="info">
 +
<img src="3x/liang.png" />
 +
<a class="cover">
 +
<img src="3x/PI.png">
 +
<span class="info_word">George's research interests lie in how bacteria sense and integrate environmental information. His group focuses on understanding in a quantitative manner how multiple, homologous pathways operate in individual cells. George has been mentoring Oxford</span>
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/shang.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/hu.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
            <div class="clear"></div>
 +
        </div>
 +
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
 +
<script type="text/javascript" src="js/info.js"></script>
 +
        <div id="Members">
 +
            <div class="line"></div>
 +
            <div class="main_headline"><span>Members</span></div>
 +
            <div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<img src="3x/PI.png">
 +
<span class="info_word">George's research interests lie in how bacteria sense and integrate environmental information. His group focuses on understanding in a quantitative manner how multiple, homologous pathways operate in individual cells. George has been mentoring Oxford</span>
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
            <div class="clear_wipe_1080"></div>
 +
            <div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
            <div class="clear_wipe_1080"></div>
 +
            <div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
            <div class="clear_wipe_1080"></div>
 +
        </div>
 +
        <div id="Instructor">
 +
            <div class="line"></div>
 +
            <div class="main_headline"><span>Instructor</span></div>
 +
            <div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
            <div class="clear_wipe_1080"></div>
 +
        </div>
 +
        <div id="Advisors">
 +
            <div class="line"></div>
 +
            <div class="main_headline"><span>Advisors</span></div>
 +
            <div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
<div class="info">
 +
<img src="3x/chen.png" />
 +
<a class="cover">
 +
<strong>陈煜成</strong><br/>
 +
<span>即</span><br/>查看详情
 +
</a>
 +
</div>
 +
            <div class="clear_wipe_1080"></div>
 +
        </div>
 +
    </div>
 +
    <!-- return -->
 +
    <div class="clear"></div>
 +
    <button class="material-scrolltop" type="button"></button>
 +
<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
 +
<script src="src/material-scrolltop.js"></script>
 +
    <div class="footer">
 +
        <div class="footer_top">
 +
            <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>
 +
</body>  
 
</html>
 
</html>

Revision as of 04:19, 24 August 2018

<!DOCTYPE html> team

Team
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Other Works
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Human Practice
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Model
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Hardwork
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Notebook
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Project
  • Description
  • Design
  • Demonstrate
  • Results
  • Applied Design
  • Parts
PI
George's research interests lie in how bacteria sense and integrate environmental information. His group focuses on understanding in a quantitative manner how multiple, homologous pathways operate in individual cells. George has been mentoring Oxford
George's research interests lie in how bacteria sense and integrate environmental information. His group focuses on understanding in a quantitative manner how multiple, homologous pathways operate in individual cells. George has been mentoring Oxford
  • Home
  • Basic Part
  • About us
  • Composite Part
  • Attribution
  • Design
  • Modeling
  • Engagemen
  • Biosafety
  • Contribution
  • Collaboration
  • Protocols
  • Notebook
  • Description
  • Experiment