Difference between revisions of "Team:SMMU-China"

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_background"></div>
+
<header>
<div class="header">
+
<div class="wrapper">
<div class="header_title">SMMU-China</div>
+
<div class="brand">
<nav>
+
<p><a href="#" class="logo">logo</a></p>
    <h2>Main 3</h2>
+
</div>
      <input id="toggle" type="checkbox" checked>
+
 
  <ul>
+
<div class="rm-container">
    <li><a href="#">Section 01</a></li>
+
<a class="rm-toggle rm-button rm-nojs" href="#">µ¼º½²Ëµ¥</a>
    <li><a href="#">Section 02</a></li>
+
 
    <li><a href="#">Section 03</a></li>
+
<nav class="rm-nav rm-nojs rm-lighten">
    <li><a href="#">Section 04</a></li>
+
<ul>
  </ul>
+
<li><a href="#">Ò»¼¶Ä¿Â¼ 1</a>
</nav>
+
<ul>
<nav>
+
<li><a href="#">jQueryÌØЧ 1</a></li>
    <h2>Main 2</h2>
+
<li><a href="#">jQueryÌØЧ 2</a></li>
      <input id="toggle" type="checkbox" checked>
+
<li><a href="#">jQueryÌØЧ 3</a>
  <ul>
+
<ul>
    <li><a href="#">Section 01</a></li>
+
<li><a href="#">ÍøÒ³ÌØЧ 1</a></li>
    <li><a href="#">Section 02</a></li>
+
<li><a href="#">ÍøÒ³ÌØЧ 2</a></li>
    <li><a href="#">Section 03</a></li>
+
<li><a href="#">ÍøÒ³ÌØЧ 3</a></li>
    <li><a href="#">Section 04</a></li>
+
<li><a href="#">ÍøÒ³ÌØЧ 4</a></li>
  </ul>
+
<li><a href="#">ÍøÒ³ÌØЧ 5</a></li>
</nav>
+
<li><a href="#">ÍøÒ³ÌØЧ 6</a></li>
<nav>
+
<li><a href="#">ÍøÒ³ÌØЧ 7</a></li>
    <h2>Main 1</h2>
+
</ul>
      <input id="toggle" type="checkbox" checked>
+
</li>
  <ul>
+
<li><a href="#">jQueryÌØЧ 4</a></li>
    <li><a href="#">Section 01</a></li>
+
<li><a href="#">jQueryÌØЧ 5</a></li>
    <li><a href="#">Section 02</a></li>
+
<li><a href="#">jQueryÌØЧ 6</a>
    <li><a href="#">Section 03</a></li>
+
<ul>
    <li><a href="#">Section 04</a></li>
+
<li><a href="#">ÍøÒ³ÌØЧ 1</a></li>
  </ul>
+
<li><a href="#">ÍøÒ³ÌØЧ 2</a></li>
</nav>
+
<li><a href="#">ÍøÒ³ÌØЧ 3</a></li>
</div>
+
<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!