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

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">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <!--ie使用edge渲染模式-->
 
     <!--ie使用edge渲染模式-->
Line 30: Line 30:
 
     <!-- QQ应用模式 -->
 
     <!-- QQ应用模式 -->
 
     <meta name="msapplication-tap-highlight" content="no">
 
     <meta name="msapplication-tap-highlight" content="no">
−
<title>Team:XMU-China/Design - 2018.igem.org</title>
+
    <!-- windows phone 点击无高光 -->
−
<link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/cover?action=raw&ctype=text/css">
+
    <title>Team:XMU-China/Design - 2018.igem.org</title>
−
<link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/footer?action=raw&ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="css/cover.css">
−
<link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/home?action=raw&ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="css/home.css">
−
<link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/nav?action=raw&ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="css/nav.css">
−
<link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/nav_mobile?action=raw&ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="css/footer.css">
−
<link rel="stylesheet" href="https://2018.igem.org/Team:XMU-China/css/homebanner?action=raw&ctype=text/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 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>
 
<body>
 
<body>
Line 61: Line 70:
 
                         <li><a href="#">Hardwork</a></li>
 
                         <li><a href="#">Hardwork</a></li>
 
                         <li><a href="#">Model</a></li>
 
                         <li><a href="#">Model</a></li>
−
                         <li><a href="#">Human_Practice</a></li>
+
                         <li><a href="#">Human Practice</a></li>
−
                         <li><a href="#">Other_Works</a></li>
+
                         <li><a href="#">Other Works</a></li>
−
                        <li><a href="#">nav-word</a></li>
+
 
                     </ul>
 
                     </ul>
 
                 </nav>
 
                 </nav>
Line 74: Line 82:
 
     <script src="js/hc-mobile-button.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">
Line 157: Line 165:
 
     <!-- 正文 -->
 
     <!-- 正文 -->
 
     <div class="main">
 
     <div class="main">
 +
        <div class="bg_white"></div>
 
         <div class="main_top">
 
         <div class="main_top">
 
             <div>Project of XMU</div>
 
             <div>Project of XMU</div>
Line 162: Line 171:
 
                 <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>
−
        <!-- turn_banner -->
 
 
         <div class="js-silder">
 
         <div class="js-silder">
 
             <div class="silder-scroll">
 
             <div class="silder-scroll">
Line 201: Line 209:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="bg">
+
         <div class="htmleaf-container">
−
             <img src="https://static.igem.org/mediawiki/2018/5/5b/T--XMU-China--homebgpic_plus.png">
+
             <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>
 
         </div>
−
         <!-- 轮播图预留2 -->
+
         <script>
−
         <!-- <div class="turn2"></div> -->
+
        hljs.initHighlightingOnLoad();
 +
         </script>
 +
        <script src="js/lory.min.js"></script>
 +
        <script src="https://2018.igem.org/Team:XMU-China/js/lory.min?action=raw&ctype=text/javascript"></script>
 +
        <script>
 +
        <script>
 +
        'use strict';
 +
        document.addEventListener('DOMContentLoaded', function() {
 +
            var variableWidth = document.querySelector('.js_variablewidth');
 +
            lory(variableWidth, {
 +
                rewind: true
 +
            });
 +
        });
 +
        </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>
 
     <!-- 底部 -->
 
     <!-- 底部 -->
Line 259: Line 321:
 
     </div>
 
     </div>
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 07:25, 20 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