Difference between revisions of "Team:SZU China/Activities"

 
(4 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
{{Template:SZU_China/Playground/menu}}
 
{{Template:SZU_China/Playground/menu}}
 
<html>
 
<html>
−
<body>
+
<head>
 +
 
 +
<link href="https://2015.igem.org/Template:SZU_China/Playground/Humanpractice/CSS?action=raw&ctype=text/css" rel="stylesheet">
 +
</head>
 +
</html>
 +
<html>
 +
 
 +
 
 +
 
 +
    <body data-spy="scroll" data-target=".navbar" data-offset="50">
 +
      <div id="HpHeading">
 +
            <p id="HumanP">Human practice</p>
 +
            <p id="content">This sample text font color is #3399ff Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
        </div>
 +
        <div id="boody" data-spy="scroll" data-target=".navbar" data-offset="50">
 +
            <nav class="navbar navbar-default" data-spy="affix" data-offset-top="319">
 +
                <div class="navbar-header">
 +
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                    </button>
 +
                </div>
 +
               
 +
                <div>
 +
                    <div id= "center_bar" class="collapse navbar-collapse" id="myNavbar">
 +
                            <ul class="nav navbar-nav">
 +
                                <li><a href="#section1">2011 &nbsp;&nbsp;&nbsp;&nbsp;></a>
 +
                                </li>
 +
                                <li><a href="#section2">2012 &nbsp;&nbsp;&nbsp;&nbsp;></a>
 +
                                </li>
 +
                                <li><a href="#section3">2013 &nbsp;&nbsp;&nbsp;&nbsp;></a>
 +
                                </li>
 +
                                <li><a href="#section41">2014 &nbsp;&nbsp;&nbsp;&nbsp;></a>
 +
                                </li>
 +
                                <li><a href="#section42">2015 &nbsp;&nbsp;&nbsp;</a>
 +
                                </li>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                </div>
 +
   
 +
            </nav>
 +
            <div id="section1" class="container-fluid">
 +
                <h1>Section 1</h1>
 +
               
 +
                <p>Try to scroll this section and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try ection and look at the navigion and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
 +
                <p>Try to scroll this section and look at the nato scroll this section and look at the nato scroll this section and look at the nato scroll this section and look at the nato scroll this section and look at the nato scroll this sectioscroll this section and look at the nato scroll this section and look at the nato scroll this sectioscroll this section and look at the nato scroll this section and look at the nato scroll this sectioscroll this section and look at the nato scroll this section and look at the nato scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
 +
            </div>
 +
            <div id="section2" class="container-fluid">
 +
                <h1>Section 2</h1>
 +
               
 +
                <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
 +
                <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
 +
            </div>
 +
            <div id="section3" class="container-fluid">
 +
                <h1>Section 3</h1>
 +
               
 +
                <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
 +
                <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
 +
            </div>
 +
            <div id="section41" class="container-fluid">
 +
                <h1>Section 4 Submenu 1</h1>
 +
               
 +
                <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
 +
                <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
 +
            </div>
 +
            <div id="section42" class="container-fluid">
 +
                <h1>Section 4 Submenu 2</h1>
 +
               
 +
                <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
 +
                <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
 +
            </div>
 +
        </div>
 +
        <div class="footer">
 +
            <p>Team SZU-China</p>
 +
        </div>
 +
 
 
<script src="https://2015.igem.org/Template:SZU_China/bootstrap/Javascript?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Template:SZU_China/bootstrap/Javascript?action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 11:43, 16 September 2015

Human practice

This sample text font color is #3399ff Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Section 1

Try to scroll this section and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try ection and look at the navigion and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try ection and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

Try to scroll this section and look at the nato scroll this section and look at the nato scroll this section and look at the nato scroll this section and look at the nato scroll this section and look at the nato scroll this sectioscroll this section and look at the nato scroll this section and look at the nato scroll this sectioscroll this section and look at the nato scroll this section and look at the nato scroll this sectioscroll this section and look at the nato scroll this section and look at the nato scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

Section 2

Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

Section 3

Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

Section 4 Submenu 1

Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

Section 4 Submenu 2

Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!

Team SZU-China