Cyclohexane (Talk | contribs) |
|||
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 http-equiv="X-UA-Compatible" content="IE=edge"> | |
− | + | <!--ie使用edge渲染模式--> | |
+ | <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport"> | ||
+ | <meta name="renderer" content="webkit"> | ||
+ | <!--360渲染模式--> | ||
+ | <meta name="format-detection" content="telephone=notelphone=no, email=no" /> | ||
+ | <meta name="description" content="" /> | ||
+ | <meta name="keywords" content="" /> | ||
+ | <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> | ||
+ | <meta name="apple-touch-fullscreen" content="yes" /> | ||
+ | <!-- 是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏 --> | ||
+ | <meta name="apple-mobile-web-app-status-bar-style" content="black" /> | ||
+ | <!-- 设置苹果工具栏颜色:默认值为 default,可以定为 black和 black-translucent--> | ||
+ | <meta http-equiv="Cache-Control" content="no-siteapp" /> | ||
+ | <!-- 不让百度转码 --> | ||
+ | <meta name="HandheldFriendly" content="true"> | ||
+ | <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --> | ||
+ | <meta name="MobileOptimized" content="320"> | ||
+ | <!-- 微软的老式浏览器 --> | ||
+ | <meta name="screen-orientation" content="portrait"> | ||
+ | <!-- uc强制竖屏 --> | ||
+ | <meta name="x5-orientation" content="portrait"> | ||
+ | <!-- QQ强制竖屏 --> | ||
+ | <meta name="browsermode" content="application"> | ||
+ | <!-- UC应用模式 --> | ||
+ | <meta name="x5-page-mode" content="app"> | ||
+ | <!-- QQ应用模式 --> | ||
+ | <meta name="msapplication-tap-highlight" content="no"> | ||
+ | <!-- windows phone 点击无高光 --> | ||
+ | <title>Team:XMU-China - 2018.igem.org</title> | ||
+ | <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/home?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/nav?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/homebanner?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"> | ||
</head> | </head> | ||
− | <div class=" | + | <body> |
− | < | + | <!-- 头部 --> |
− | < | + | <div id="container"> |
− | < | + | <header> |
− | <p> | + | <div class="wrapper cf"> |
− | <p> | + | <nav id="main-nav"> |
− | < | + | <ul class="first-nav"> |
− | <p> | + | <li> |
− | <p> | + | <a href="#" target="_blank">Project</a> |
− | </div> | + | <ul> |
+ | <li><a href="#">Description</a></li> | ||
+ | <li><a href="#">Design</a></li> | ||
+ | <li><a href="#">Demonstrate</a></li> | ||
+ | <li><a href="#">Results</a></li> | ||
+ | <li><a href="#">Applied Design</a></li> | ||
+ | <li><a href="#">Parts</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <ul class="second-nav"> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | <li><a href="#">Hardwork</a></li> | ||
+ | <li><a href="#">Model</a></li> | ||
+ | <li><a href="#">Human Practice</a></li> | ||
+ | <li><a href="#">Other Works</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <a class="toggle"><span></span></a> | ||
+ | </div> | ||
+ | </header> | ||
+ | </div> | ||
+ | <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-button?action=raw&ctype=text/javascript"></script> | ||
+ | <div class="header"> | ||
+ | <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/3/35/T--XMU-China--iGEM_logo.png"> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | <div class="nav"> | ||
+ | <div id="Team"> | ||
+ | <div class="nav-word">Team</div> | ||
+ | <ul> | ||
+ | <li>二级目录</li> | ||
+ | <li>二级目录</li> | ||
+ | <li>二级目录</li> | ||
+ | <li>二级目录</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="Other_Works"> | ||
+ | <div class="nav-word">Other Works</div> | ||
+ | <ul> | ||
+ | <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> | ||
+ | <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 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 class="silder-main-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/8b/T--XMU-China--bannerbg2.png"> | ||
+ | </div> | ||
+ | <div class="silder-main-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b7/T--XMU-China--bannerbg3.png"> | ||
+ | </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 class="slider js_variablewidth variablewidth"> | ||
+ | <div class="frame js_frame"> | ||
+ | <ul class="slides js_slides"> | ||
+ | <li class="js_slide" style="width: 220px;"></li> | ||
+ | <li class="js_slide" style="width: 220px;"></li> | ||
+ | <li class="js_slide" style="width: 220px;"></li> | ||
+ | <li class="js_slide" style="width: 220px;"></li> | ||
+ | <li class="js_slide" style="width: 220px;"></li> | ||
+ | <li class="js_slide" style="width: 220px;"></li> | ||
+ | <li class="js_slide" style="width: 220px;"></li> | ||
+ | <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="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 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 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> | ||
+ | </body> | ||
+ | |||
</html> | </html> |
Revision as of 10:03, 22 September 2018
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