Difference between revisions of "Team:XMU-China"

Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
 +
 
<head>
 
<head>
 
     <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
     <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
Line 31: Line 32:
 
     <meta name="msapplication-tap-highlight" content="no">
 
     <meta name="msapplication-tap-highlight" content="no">
 
     <!-- windows phone 点击无高光 -->
 
     <!-- windows phone 点击无高光 -->
     <title>Team:XMU-China - 2018.igem.org</title>
+
     <title>Team:XMU-China/Design - 2018.igem.org</title>
 +
<!--    <link rel="stylesheet" type="text/css" href="css/cover.css">
 +
    <link rel="stylesheet" type="text/css" href="css/home.css">
 +
    <link rel="stylesheet" type="text/css" href="css/nav.css">
 +
    <link rel="stylesheet" type="text/css" href="css/footer.css">
 +
    <link rel="stylesheet" type="text/css" href="css/homebanner.css">
 +
    <link rel="stylesheet" type="text/css" href="css/nav_mobile.css">
 +
    <link rel="stylesheet" type="text/css" href="css/home_turn.css"> -->
 +
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
 
     <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/cover?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/cover?action=raw&ctype=text/css">
 
     <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/footer?action=raw&ctype=text/css">
Line 39: Line 48:
 
     <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/nav_mobile?action=raw&ctype=text/css">  
 
     <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/nav_mobile?action=raw&ctype=text/css">  
 
     <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/home_turn?action=raw&ctype=text/css">  
 
     <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/home_turn?action=raw&ctype=text/css">  
 +
-->
 
</head>
 
</head>
 +
 
<body>
 
<body>
 
     <!-- 头部 -->
 
     <!-- 头部 -->
        <div id="container">
+
    <div id="container">
 
         <header>
 
         <header>
 
             <div class="wrapper cf">
 
             <div class="wrapper cf">
 
                 <nav id="main-nav">
 
                 <nav id="main-nav">
 
                     <ul class="first-nav">
 
                     <ul class="first-nav">
                         <li>
+
                         <li class="Project">
 
                             <a href="#" target="_blank">Project</a>
 
                             <a href="#" target="_blank">Project</a>
 
                             <ul>
 
                             <ul>
Line 59: Line 70:
 
                     </ul>
 
                     </ul>
 
                     <ul class="second-nav">
 
                     <ul class="second-nav">
                         <li>
+
                         <li class="Hardware">
 
                             <a href="#">Hardware</a>
 
                             <a href="#">Hardware</a>
 
                             <ul>
 
                             <ul>
Line 70: Line 81:
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
                         <li>
+
                         <li class="Model">
 
                             <a href="#">Model</a>
 
                             <a href="#">Model</a>
 
                             <ul>
 
                             <ul>
Line 76: Line 87:
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
                         <li><a href="#">Human Practice</a>
+
                         <li class="Human_Practice">
 +
                            <a href="#">Human Practice</a>
 
                             <ul>
 
                             <ul>
                                 <li><a href="https://2018.igem.org/Team:XMU-China/Human_Practices">Overview</a></li>
+
                                 <li><a href="https://2018.igem.org/Te
 +
                                am:XMU-China/Human_Practices">Overview</a></li>
 
                                 <li><a href="https://2018.igem.org/Team:XMU-China/HP/Silver">Silver</a></li>
 
                                 <li><a href="https://2018.igem.org/Team:XMU-China/HP/Silver">Silver</a></li>
 
                                 <li><a href="https://2018.igem.org/Team:XMU-China/HP/Gold_Integrated">Gold</a></li>
 
                                 <li><a href="https://2018.igem.org/Team:XMU-China/HP/Gold_Integrated">Gold</a></li>
Line 86: Line 99:
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
                         <li><a href="#">Other Works</a>
+
                         <li class="Other_Works">
 +
                            <a href="#">Other Works</a>
 
                             <ul>
 
                             <ul>
 
                                 <li><a href="https://2018.igem.org/Team:XMU-China/InterLab">InterLab</a></li>
 
                                 <li><a href="https://2018.igem.org/Team:XMU-China/InterLab">InterLab</a></li>
Line 94: Line 108:
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
                         <li>
+
                         <li class="Notebook">
 
                             <a href="#">Notebook</a>
 
                             <a href="#">Notebook</a>
 
                             <ul>
 
                             <ul>
Line 101: Line 115:
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
                         <li>
+
                         <li class="Team">
 
                             <a href="#">Team</a>
 
                             <a href="#">Team</a>
 
                             <ul>
 
                             <ul>
Line 115: Line 129:
 
         </header>
 
         </header>
 
     </div>
 
     </div>
     <script src="https://2018.igem.org/Team:XMU-China/js/jquery-1.11.0.min?action=raw&ctype=text/javascript"></script>
+
     <script src="js/jquery-1.11.0.min.js"></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>
 
 
     <div class="header">
 
     <div class="header">
 
         <div class="logo">
 
         <div class="logo">
Line 123: Line 136:
 
             <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>
Line 169: Line 182:
 
                 </div>
 
                 </div>
 
                 <div id="Hardwork">
 
                 <div id="Hardwork">
                     <div class="nav-word">Hardwork</div>
+
                     <div class="nav-word">Hardware</div>
 
                     <ul>
 
                     <ul>
 
                         <li><a href="https://2018.igem.org/Team:XMU-China/Hardware">Overview</a></li>
 
                         <li><a href="https://2018.igem.org/Team:XMU-China/Hardware">Overview</a></li>
Line 195: Line 208:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
    </div>
 
    <div class="clear"></div>
 
    <!-- 正文 -->
 
    <div class="main">
 
        <div class="bg_white"></div>
 
        <div class="main_top">
 
            <div>Project of XMU</div>
 
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut </p>
 
 
         </div>
 
         </div>
         <div class="js-silder">
+
         <div class="clear"></div>
            <div class="silder-scroll">
+
        <!-- 正文 -->
                <div class="silder-main">
+
        <div class="main">
                    <div class="silder-main-img">
+
            <div class="bg_white"></div>
                        <img src="https://static.igem.org/mediawiki/2018/6/65/T--XMU-China--bannerbg1.png">
+
            <div class="main_top">
 +
                <div>Project of XMU</div>
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod tempor incididunt ut labore et dolore magna aliqua. Ut </p>
 +
            </div>
 +
            <div class="js-silder">
 +
                <div class="silder-scroll">
 +
                    <div class="silder-main">
 +
                        <div class="silder-main-img">
 +
                            <img src="https://static.igem.org/mediawiki/2018/6/65/T--XMU-China--bannerbg1.png">
 
                     </div>
 
                     </div>
                    <div class="silder-main-img">
+
                            <div class="silder-main-img">
                        <img src="https://static.igem.org/mediawiki/2018/8/8b/T--XMU-China--bannerbg2.png">
+
                                <img src="https://static.igem.org/mediawiki/2018/8/8b/T--XMU-China--bannerbg2.png">
 
                     </div>
 
                     </div>
                    <div class="silder-main-img">
+
                                <div class="silder-main-img">
                        <img src="https://static.igem.org/mediawiki/2018/b/b7/T--XMU-China--bannerbg3.png">
+
                                    <img src="https://static.igem.org/mediawiki/2018/b/b7/T--XMU-China--bannerbg3.png">
 
                     </div>
 
                     </div>
                </div>
+
                                </div>
            </div>
+
                            </div>
        </div>
+
        <script src="https://2018.igem.org/Team:XMU-China/js/homebanner?action=raw&ctype=text/javascript"></script>
+
        <script>
+
        $(function() {
+
            $(".js-silder").silder({
+
                auto: true, //自动播放,传入任何可以转化为true的值都会自动轮播
+
                speed: 20, //轮播图运动速度
+
                sideCtrl: true, //是否需要侧边控制按钮
+
                bottomCtrl: true, //是否需要底部控制按钮
+
                defaultView: 0, //默认显示的索引
+
                interval: 3000, //自动轮播的时间,以毫秒为单位,默认3000毫秒
+
                activeClass: "active", //小的控制按钮激活的样式,不包括作用两边,默认active
+
            });
+
        });
+
        </script>
+
        <div class="clear"></div>
+
        <div class="main_middle">
+
            <div>
+
                <div>Our Project</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
+
                </p>
+
            </div>
+
        </div>
+
        <div class="htmleaf-container">
+
            <div class="htmleaf-content">
+
                <section class="examples">
+
                    <div class="js_simple">
+
                        <div class="js_frame">
+
                            <ul class="js_slides">
+
                                <li></li>
+
                            </ul>
+
 
                         </div>
 
                         </div>
                    </div>
+
                        <script src="js/homebanner.js"></script>
                    <div class="slider js_variablewidth variablewidth">
+
                        <script src="https://2018.igem.org/Team:XMU-China/js/homebanner?action=raw&ctype=text/javascript"></script>
                         <div class="frame js_frame">
+
                         <script>
                             <ul class="slides js_slides">
+
                        $(function() {
                                 <li class="js_slide" style="width: 220px;"></li>
+
                             $(".js-silder").silder({
                                 <li class="js_slide" style="width: 220px;"></li>
+
                                 auto: true, //自动播放,传入任何可以转化为true的值都会自动轮播
                                 <li class="js_slide" style="width: 220px;"></li>
+
                                 speed: 20, //轮播图运动速度
                                 <li class="js_slide" style="width: 220px;"></li>
+
                                 sideCtrl: true, //是否需要侧边控制按钮
                                 <li class="js_slide" style="width: 220px;"></li>
+
                                 bottomCtrl: true, //是否需要底部控制按钮
                                <li class="js_slide" style="width: 220px;"></li>
+
                                 defaultView: 0, //默认显示的索引
                                <li class="js_slide" style="width: 220px;"></li>
+
                                interval: 3000, //自动轮播的时间,以毫秒为单位,默认3000毫秒
                                 <li class="js_slide" style="width: 220px;"></li>
+
                                activeClass: "active", //小的控制按钮激活的样式,不包括作用两边,默认active
                                 <li class="js_slide" style="width: 220px;"></li>
+
                            });
                             </ul>
+
                        });
 +
                        </script>
 +
                        <div class="clear"></div>
 +
                        <div class="main_middle">
 +
                            <div>
 +
                                 <div>Our Project</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
 +
                                </p>
 +
                             </div>
 
                         </div>
 
                         </div>
                         <span class="js_prev prev">
+
                         <div class="htmleaf-container">
                    <svg width="50" height="50" viewBox="0 0 501.5 501.5">
+
                            <div class="htmleaf-content">
                        <g>
+
                                <section class="examples">
                            <path fill="#fff" d="M302.67 90.877l55.77 55.508L254.575 250.75 358.44 355.116l-55.77 55.506L143.56 250.75z"/>
+
                                    <div class="js_simple">
                        </g>
+
                                        <div class="js_frame">
                    </svg>
+
                                            <ul class="js_slides">
                </span>
+
                                                <li></li>
                        <span class="js_next next">
+
                                            </ul>
                    <svg width="50" height="50" viewBox="0 0 501.5 501.5">
+
                                        </div>
                        <g>
+
                                    </div>
                            <path fill="#fff" d="M199.33 410.622l-55.77-55.508L247.425 250.75 143.56 146.384l55.77-55.507L358.44 250.75z"/>
+
                                    <div class="slider js_variablewidth variablewidth">
                        </g>
+
                                        <div class="frame js_frame">
                    </svg>
+
                                            <ul class="slides js_slides">
                </span>
+
                                                <li class="js_slide" style="width: 220px;"></li>
                    </div>
+
                                                <li class="js_slide" style="width: 220px;"></li>
                </section>
+
                                                <li class="js_slide" style="width: 220px;"></li>
            </div>
+
                                                <li class="js_slide" style="width: 220px;"></li>
        </div>
+
                                                <li class="js_slide" style="width: 220px;"></li>
        <script src="https://2018.igem.org/Team:XMU-China/js/lory?action=raw&ctype=text/javascript"></script>
+
                                                <li class="js_slide" style="width: 220px;"></li>
        <div class="clear"></div>
+
                                                <li class="js_slide" style="width: 220px;"></li>
        <img class="bg_bottom" src="https://static.igem.org/mediawiki/2018/2/23/T--XMU-China--bg_bottom.png">
+
                                                <li class="js_slide" style="width: 220px;"></li>
 +
                                                <li class="js_slide" style="width: 220px;"></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                        <span class="js_prev prev">
 +
                            <svg width="50" height="50" viewBox="0 0 501.5 501.5">
 +
                                <g>
 +
                                    <path fill="#fff" d="M302.67 90.877l55.77 55.508L254.575 250.75 358.44 355.116l-55.77 55.506L143.56 250.75z"/>
 +
                                </g>
 +
                            </svg>
 +
                        </span>
 +
                                        <span class="js_next next">
 +
                        <svg width="50" height="50" viewBox="0 0 501.5 501.5">
 +
                            <g>
 +
                                <path fill="#fff" d="M199.33 410.622l-55.77-55.508L247.425 250.75 143.56 146.384l55.77-55.507L358.44 250.75z"/>
 +
                            </g>
 +
                        </svg>
 +
                        </span>
 +
                                    </div>
 +
                                </section>
 +
                            </div>
 +
                        </div>
 +
                        <script src="js/lory.js"></script>
 +
                        <script src="https://2018.igem.org/Team:XMU-China/js/lory?action=raw&ctype=text/javascript"></script>
 +
                        <div class="clear"></div>
 +
                        <img class="bg_bottom" src="https://static.igem.org/mediawiki/2018/2/23/T--XMU-China--bg_bottom.png">
 
     </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>
+
                                <ul>
                <li>Home</li>
+
                                    <li>Home</li>
                <li>Basic Part</li>
+
                                    <li>Basic Part</li>
                <li>About us</li>
+
                                    <li>About us</li>
                <li>Composite Part</li>
+
                                    <li>Composite Part</li>
                <li>Attribution</li>
+
                                    <li>Attribution</li>
            </ul>
+
                                </ul>
            <ul>
+
                                <ul>
                <li>Design</li>
+
                                    <li>Design</li>
                <li>Modeling</li>
+
                                    <li>Modeling</li>
                <li>Engagemen</li>
+
                                    <li>Engagemen</li>
                <li>Biosafety</li>
+
                                    <li>Biosafety</li>
                <li>Contribution</li>
+
                                    <li>Contribution</li>
            </ul>
+
                                </ul>
            <ul>
+
                                <ul>
                <li>Collaboration</li>
+
                                    <li>Collaboration</li>
                <li>Protocols</li>
+
                                    <li>Protocols</li>
                <li>Notebook</li>
+
                                    <li>Notebook</li>
                <li>Description</li>
+
                                    <li>Description</li>
                <li>Experiment</li>
+
                                    <li>Experiment</li>
            </ul>
+
                                </ul>
        </div>
+
                            </div>
        <div class="clear"></div>
+
                            <div class="clear"></div>
        <div class="footer_line"></div>
+
                            <div class="footer_line"></div>
        <div class="footer_bottom">
+
                            <div class="footer_bottom">
            <div class="footer_bottom_1">
+
                                <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_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">
+
                                    <img class="footer_bottom_1_pic2" src="https://static.igem.org/mediawiki/2018/9/94/T--XMU-China--Chineselogo.png">
 
             </div>
 
             </div>
            <div class="clear"></div>
+
                                    <div class="clear"></div>
            <div class="footer_bottom_2">
+
                                    <div class="footer_bottom_2">
                <p id="Contact_us">Contact Us</p>
+
                                        <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><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/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>
+
                                            <li><img src="https://static.igem.org/mediawiki/2018/4/4a/T--XMU-China--mail.png"></li>
                </ul>
+
                                        </ul>
                <div class="footer_position">
+
                                        <div class="footer_position">
                    <img id="logo_position" src="https://static.igem.org/mediawiki/2018/1/1b/T--XMU-China--position.png">
+
                                            <img id="logo_position" src="https://static.igem.org/mediawiki/2018/1/1b/T--XMU-China--position.png">
                    <div id="footer_bottom_word">
+
                                            <div id="footer_bottom_word">
                        <p>Xiamen University, Fujian, China </p>
+
                                                <p>Xiamen University, Fujian, China </p>
                        <p>No. 422, Siming South Road, Xiamen, Fujian, P. R. China 361005</p>
+
                                                <p>No. 422, Siming South Road, Xiamen, Fujian, P. R. China 361005</p>
                    </div>
+
                                            </div>
                </div>
+
                                        </div>
            </div>
+
                                    </div>
        </div>
+
                                </div>
    </div>
+
                            </div>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 15:46, 10 October 2018

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

Project of XMU

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed doeiusmod 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