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

Line 39: Line 39:
 
</head>
 
</head>
 
<body>
 
<body>
−
<!-- 头部 -->
+
    <!-- 头部 -->
−
<div id="container">
+
    <div id="container">
 
         <header>
 
         <header>
 
             <div class="wrapper cf">
 
             <div class="wrapper cf">
Line 70: Line 70:
 
         </header>
 
         </header>
 
     </div>
 
     </div>
 +
    <script src="js/jquery-1.11.0.min.js"></script>
 +
    <script src="js/hc-mobile-nav.js"></script>
 +
    <script src="js/hc-mobile-button.js"></script>
 
     <script src="https://2018.igem.org/Team:XMU-China/js/jquery-1.11.0.min?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2018.igem.org/Team:XMU-China/js/jquery-1.11.0.min?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2018.igem.org/Team:XMU-China/js/hc-mobile-nav?action=raw&ctype=text/javascript" ></script>
 
     <script src="https://2018.igem.org/Team:XMU-China/js/hc-mobile-nav?action=raw&ctype=text/javascript" ></script>
 
<script src="https://2018.igem.org/Team:XMU-China/js/hc-mobile-button?action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Team:XMU-China/js/hc-mobile-button?action=raw&ctype=text/javascript"></script>
−
<div class="header">
+
    <div class="header">
−
<div class="logo">
+
        <div class="logo">
−
<img src="https://static.igem.org/mediawiki/2018/b/b5/T--XMU-China--singlelogo.png">
+
            <img src="https://static.igem.org/mediawiki/2018/b/b5/T--XMU-China--singlelogo.png">
−
<img src="https://static.igem.org/mediawiki/2018/3/35/T--XMU-China--iGEM_logo.png">
+
            <img src="https://static.igem.org/mediawiki/2018/3/35/T--XMU-China--iGEM_logo.png">
−
</div>
+
        </div>
−
<div class="clear"></div>
+
        <div class="clear"></div>
−
<div class="nav">
+
        <div class="nav">
−
<div id="Team">
+
            <div id="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 id="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 id="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 id="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 id="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 id="Notebook">
−
<div><div class="nav-word">Notebook</div></div>
+
                <div>
−
<ul>
+
                    <div class="nav-word">Notebook</div>
−
<li>二级目录</li>
+
                </div>
−
<li>二级目录</li>
+
                <ul>
−
<li>二级目录</li>
+
                    <li>二级目录</li>
−
<li>二级目录</li>
+
                    <li>二级目录</li>
−
</ul>
+
                    <li>二级目录</li>
−
</div>
+
                    <li>二级目录</li>
−
<div id="Project">
+
                </ul>
−
<div class="nav-word">Project</div>
+
            </div>
−
<ul>
+
            <div id="Project">
−
<li><span>Description</span></li>
+
                <div class="nav-word">Project</div>
−
<li><span>Design</span></li>
+
                <ul>
−
<li><span>Demonstrate</span></li>
+
                    <li><span>Description</span></li>
−
<li><span>Results</span></li>
+
                    <li><span>Design</span></li>
−
<li><span>Applied Design</span></li>
+
                    <li><span>Demonstrate</span></li>
−
<li><span>Parts</span></li>
+
                    <li><span>Results</span></li>
−
</ul>
+
                    <li><span>Applied Design</span></li>
−
</div>
+
                    <li><span>Parts</span></li>
−
<div id="jiannan"><img src="https://static.igem.org/mediawiki/2018/6/6f/T--XMU-China--jiannanlogo.png">
+
                </ul>
−
    </div>
+
            </div>
−
</div>
+
            <div id="jiannan"><img src="https://static.igem.org/mediawiki/2018/6/6f/T--XMU-China--jiannanlogo.png">
−
</div>
+
            </div>
−
<div class="clear"></div>
+
        </div>
−
<!-- 正文 -->
+
    </div>
−
<div class="main">
+
    <div class="clear"></div>
−
<div class="main_top">
+
    <!-- 正文 -->
−
<div>Project of XMU</div>
+
    <div class="main">
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+
        <div class="main_top">
−
<br>eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut </p>
+
            <div>Project of XMU</div>
−
</div>
+
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
−
    <!-- 轮播图预留 -->
+
                <br>eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut </p>
−
    <div class="turn_1" id="turn_1">
+
        </div>
−
<div class="banner" id="banner">
+
        <!-- turn_banner -->
−
<a href="">
+
        <div class="js-silder">
−
<div class="banner-slide slide1 slide-active">
+
            <div class="silder-scroll">
−
</div>
+
                <div class="silder-main">
−
</a>
+
                    <div class="silder-main-img">
−
<a href="">
+
                        <img src="https://static.igem.org/mediawiki/2018/6/65/T--XMU-China--bannerbg1.png">
−
<div class="banner-slide slide2"></div>
+
                    </div>
−
</a>
+
                    <div class="silder-main-img">
−
<a href="">
+
                        <img src="https://static.igem.org/mediawiki/2018/8/8b/T--XMU-China--bannerbg2.png">
−
<div class="banner-slide slide3"></div>
+
                    </div>
−
</a>
+
                    <div class="silder-main-img">
−
</div>
+
                        <img src="https://static.igem.org/mediawiki/2018/b/b7/T--XMU-China--bannerbg3.png">
−
<div class="introduction" id="introduction">
+
                    </div>
−
<div class="intro-slide ProjectProcess_1 slide-active" >
+
                </div>
−
<p class="headline">
+
            </div>
−
Project Process 1
+
        </div>
−
</p>
+
        <script src="js/homebanner.js"></script>
−
<p class="word">
+
        <script src="https://2018.igem.org/Team:XMU-China/js/homebanner?action=raw&ctype=text/javascript"></script>
−
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."
+
        <script>
−
</p>
+
        $(function() {
−
</div>
+
            $(".js-silder").silder({
−
<div class="intro-slide ProjectProcess_2">
+
                auto: true, //自动播放，传入任何可以转化为true的值都会自动轮播
−
<p class="headline">
+
                speed: 20, //轮播图运动速度
−
Project Process 2
+
                sideCtrl: true, //是否需要侧边控制按钮
−
</p>
+
                bottomCtrl: true, //是否需要底部控制按钮
−
<p class="word">
+
                defaultView: 0, //默认显示的索引
−
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
+
                interval: 3000, //自动轮播的时间，以毫秒为单位，默认3000毫秒
−
</p>
+
                activeClass: "active", //小的控制按钮激活的样式，不包括作用两边，默认active
−
</div>
+
            });
−
<div class="intro-slide ProjectProcess_3">
+
        });
−
<p class="headline">
+
        </script>
−
Project Process 3
+
        <div class="clear"></div>
−
</p>
+
        <div class="main_middle">
−
<p class="word">
+
            <div>
−
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. sunt in culpa qui officia deserunt mollit anim id est laborum."
+
                <div>Our Project</div>
−
</div>
+
                <p>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
−
</div>
+
                </p>
−
<a href="javascript:void(0)" class="button prev" id="prev"><div></div></a>
+
            </div>
−
<a href="javascript:void(0)" class="button next" id="next"><div></div></a>
+
        </div>
−
<div class="dots" id="dots">
+
        <div class="bg">
−
<span class="active"></span>
+
            <img src="https://static.igem.org/mediawiki/2018/5/5b/T--XMU-China--homebgpic_plus.png">
−
<span></span>
+
        </div>
−
<span></span>
+
        <!-- 轮播图预留2 -->
−
</div>
+
        <!-- <div class="turn2"></div> -->
−
<script src="https://2018.igem.org/Team:XMU-China/js/homebanner?action=raw&ctype=text/javascript"></script>
+
    </div>
−
</div>
+
    <!-- 底部 -->
−
    <div class="clear"></div>
+
    <div class="footer">
−
    <div class="main_middle"><div>
+
        <div class="footer_top">
−
    <div>Our Project</div>
+
            <img src="https://static.igem.org/mediawiki/2018/3/3d/T--XMU-China--xmu_is_different.png">
−
    <p>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
+
            <ul>
−
    </p></div>
+
                <li>Home</li>
−
    </div>
+
                <li>Basic Part</li>
−
    <div class="bg">
+
                <li>About us</li>
−
<img src="https://static.igem.org/mediawiki/2018/5/5b/T--XMU-China--homebgpic_plus.png">
+
                <li>Composite Part</li>
−
    </div>
+
                <li>Attribution</li>
−
<!-- 轮播图预留2 -->
+
            </ul>
−
<!-- <div class="turn2"></div> -->
+
            <ul>
−
</div>
+
                <li>Design</li>
−
<!-- 底部 -->
+
                <li>Modeling</li>
−
<div class="footer">
+
                <li>Engagemen</li>
−
<div class="footer_top">
+
                <li>Biosafety</li>
−
<img src="https://static.igem.org/mediawiki/2018/3/3d/T--XMU-China--xmu_is_different.png">
+
                <li>Contribution</li>
−
<ul>
+
            </ul>
−
<li>Home</li>
+
            <ul>
−
<li>Basic Part</li>
+
                <li>Collaboration</li>
−
<li>About us</li>
+
                <li>Protocols</li>
−
<li>Composite Part</li>
+
                <li>Notebook</li>
−
<li>Attribution</li>
+
                <li>Description</li>
−
</ul>
+
                <li>Experiment</li>
−
<ul>
+
            </ul>
−
<li>Design</li>
+
        </div>
−
<li>Modeling</li>
+
        <div class="clear"></div>
−
<li>Engagemen</li>
+
        <div class="footer_line"></div>
−
<li>Biosafety</li>
+
        <div class="footer_bottom">
−
<li>Contribution</li>
+
            <div class="footer_bottom_1">
−
</ul>
+
                <img class="footer_bottom_1_pic1" src="https://static.igem.org/mediawiki/2018/c/cb/T--XMU-China--logo.png">
−
<ul>
+
                <img class="footer_bottom_1_pic2" src="https://static.igem.org/mediawiki/2018/9/94/T--XMU-China--Chineselogo.png">
−
<li>Collaboration</li>
+
            </div>
−
<li>Protocols</li>
+
            <div class="clear"></div>
−
<li>Notebook</li>
+
            <div class="footer_bottom_2">
−
<li>Description</li>
+
                <p id="Contact_us">Contact Us</p>
−
<li>Experiment</li>
+
                <ul>
−
</ul>
+
                    <li><img src="https://static.igem.org/mediawiki/2018/b/b0/T--XMU-China--facebook.png"></li>
−
</div>
+
                    <li><img src="https://static.igem.org/mediawiki/2018/9/94/T--XMU-China--twiiter.png"></li>
−
<div class="clear"></div>
+
                    <li><img src="https://static.igem.org/mediawiki/2018/4/4a/T--XMU-China--mail.png"></li>
−
<div class="footer_line"></div>
+
                </ul>
−
<div class="footer_bottom">
+
                <div class="footer_position">
−
<div class="footer_bottom_1">
+
                    <img id="logo_position" src="https://static.igem.org/mediawiki/2018/1/1b/T--XMU-China--position.png">
−
<img class="footer_bottom_1_pic1" src="https://static.igem.org/mediawiki/2018/c/cb/T--XMU-China--logo.png">
+
                    <div id="footer_bottom_word">
−
<img class="footer_bottom_1_pic2" src="https://static.igem.org/mediawiki/2018/9/94/T--XMU-China--Chineselogo.png">
+
                        <p>Xiamen University, Fujian, China </p>
−
</div>
+
                        <p>No. 422, Siming South Road, Xiamen, Fujian, P. R. China 361005</p>
−
<div class="clear"></div>
+
                    </div>
−
<div class="footer_bottom_2">
+
                </div>
−
<p id="Contact_us">Contact Us</p>
+
            </div>
−
<ul>
+
        </div>
−
<li><img src="https://static.igem.org/mediawiki/2018/b/b0/T--XMU-China--facebook.png"></li>
+
    </div>
−
<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>
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 09:50, 18 September 2018

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

Team
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Other Works
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Human Practice
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Model
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Hardwork
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Notebook
  • 二级目录
  • 二级目录
  • 二级目录
  • 二级目录
Project
  • Description
  • Design
  • Demonstrate
  • Results
  • Applied Design
  • Parts
Project of XMU

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

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

  • Home
  • Basic Part
  • About us
  • Composite Part
  • Attribution
  • Design
  • Modeling
  • Engagemen
  • Biosafety
  • Contribution
  • Collaboration
  • Protocols
  • Notebook
  • Description
  • Experiment

Contact Us