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

Line 10: Line 10:
 
<body>
 
<body>
 
<!-- 头部 -->
 
<!-- 头部 -->
 +
<div id="container">
 +
        <header>
 +
            <div class="wrapper cf">
 +
                <nav id="main-nav">
 +
                    <ul class="first-nav">
 +
                        <li>
 +
                            <a href="#" target="_blank">Project</a>
 +
                            <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>
 +
                        <li><a href="#">nav-word</a></li>
 +
                    </ul>
 +
                </nav>
 +
                <a class="toggle"><span></span></a>
 +
            </div>
 +
        </header>
 +
    </div>
 +
    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
 +
    <script type="text/javascript" src="js/hc-mobile-nav.js"></script>
 +
<script type="text/javascript" src="js/hc-mobile-button.js"></script>
 
<div class="header">
 
<div class="header">
 
<div class="logo">
 
<div class="logo">
Line 129: Line 162:
 
</p>
 
</p>
 
<p class="word">
 
<p class="word">
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+
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>
 
</div>
 
</div>
 
</div>
<a href="javascript:void(0)" class="button prev" id="prev"></a>
+
<a href="javascript:void(0)" class="button prev" id="prev"><div></div></a>
<a href="javascript:void(0)" class="button next" id="next"></a>
+
<a href="javascript:void(0)" class="button next" id="next"><div></div></a>
 
<div class="dots" id="dots">
 
<div class="dots" id="dots">
 
<span class="active"></span>
 
<span class="active"></span>
Line 144: Line 177:
 
    <div class="main_middle"><div>
 
    <div class="main_middle"><div>
 
    <div>Our Project</div>
 
    <div>Our Project</div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore <br>magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo- <br>do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolo
+
    <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>
 
    </p></div>
 
    </div>
 
    </div>

Revision as of 07:54, 18 September 2018

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

Project of XMU

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

Project Process 1

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."

Project Process 2

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

Project Process 3

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."

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