Line 3: | Line 3: | ||
<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_main&action=raw&ctype=text/css" /> | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_main&action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_responsive_menu&action=raw&ctype=text/css" /> | ||
<!--<link rel="stylesheet" href="main.css" />--> | <!--<link rel="stylesheet" href="main.css" />--> | ||
+ | |||
+ | <script src="https://2019.igem.org/Template:SMMU-China/JS_responsive_menu?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2019.igem.org/Template:SMMU-China/JS_modernizr_custom?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2019.igem.org/Template:SMMU-China/JS_modernizr_min?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2019.igem.org/Template:SMMU-China/JS_jquery_min?action=raw&ctype=text/javascript"></script> | ||
+ | <script> | ||
+ | jQuery(function ($) { | ||
+ | var menu = $('.rm-nav').rMenu({ | ||
+ | minWidth: '960px', | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 10: | Line 23: | ||
<div class="big_framework"> | <div class="big_framework"> | ||
− | <div class=" | + | <header> |
− | + | <div class="wrapper"> | |
− | + | <div class="brand"> | |
− | + | <p><a href="#" class="logo">logo</a></p> | |
− | + | </div> | |
− | + | ||
− | + | <div class="rm-container"> | |
− | + | <a class="rm-toggle rm-button rm-nojs" href="#">µ¼º½²Ëµ¥</a> | |
− | + | ||
− | + | <nav class="rm-nav rm-nojs rm-lighten"> | |
− | + | <ul> | |
− | + | <li><a href="#">Ò»¼¶Ä¿Â¼ 1</a> | |
− | + | <ul> | |
− | + | <li><a href="#">jQueryÌØЧ 1</a></li> | |
− | + | <li><a href="#">jQueryÌØЧ 2</a></li> | |
− | + | <li><a href="#">jQueryÌØЧ 3</a> | |
− | + | <ul> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 1</a></li> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 2</a></li> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 3</a></li> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 4</a></li> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 5</a></li> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 6</a></li> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 7</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li><a href="#">jQueryÌØЧ 4</a></li> | |
− | + | <li><a href="#">jQueryÌØЧ 5</a></li> | |
− | + | <li><a href="#">jQueryÌØЧ 6</a> | |
− | + | <ul> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 1</a></li> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 2</a></li> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 3</a></li> | |
− | + | <li><a href="#">ÍøÒ³ÌØЧ 4</a></li> | |
+ | <li><a href="#">ÍøÒ³ÌØЧ 5</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 6</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 7</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">jQueryÌØЧ 7</a></li> | ||
+ | <li><a href="#">jQueryÌØЧ 8</a></li> | ||
+ | <li><a href="#">jQueryÌØЧ 9</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Ò»¼¶Ä¿Â¼ 2</a> | ||
+ | <ul> | ||
+ | <li><a href="#">jQueryÌØЧ 1</a></li> | ||
+ | <li><a href="#">jQueryÌØЧ 2</a></li> | ||
+ | <li><a href="#">jQueryÌØЧ 3</a> | ||
+ | <ul> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 1</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 2</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 3</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 4</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 5</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 6</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 7</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">jQueryÌØЧ 4</a></li> | ||
+ | <li><a href="#">jQueryÌØЧ 5</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Ò»¼¶Ä¿Â¼ 3</a></li> | ||
+ | <li><a href="#">Ò»¼¶Ä¿Â¼ 4</a> | ||
+ | <ul> | ||
+ | <li><a href="#">jQueryÌØЧ 1</a></li> | ||
+ | <li><a href="#">jQueryÌØЧ 2</a></li> | ||
+ | <li><a href="#">jQueryÌØЧ 3</a> | ||
+ | <ul> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 1</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 2</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 3</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Ò»¼¶Ä¿Â¼ 5</a> | ||
+ | <ul> | ||
+ | <li><a href="#">jQueryÌØЧ 1</a></li> | ||
+ | <li><a href="#">jQueryÌØЧ 2</a> | ||
+ | <ul> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 1</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 2</a></li> | ||
+ | <li><a href="#">ÍøÒ³ÌØЧ 3</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
Line 70: | Line 143: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <script>$(function() { $('pre').addClass('prettyprint');})</script> | ||
</html> | </html> |
Revision as of 02:15, 24 July 2019
DEMO PART 1
Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season!
DEMO PART 2
Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season!
DEMO PART 3
Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season!
DEMO PART 4
Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season!