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

Line 2: Line 2:
 
{{Template:SZU_China/Playground/menu}}
 
{{Template:SZU_China/Playground/menu}}
 
<html>
 
<html>
−
<body style="margin:0;">
+
<head>
 +
 
 +
<link href="https://2015.igem.org/Template:SZU_China/Playground/Parts/CSS?action=raw&ctype=text/css" rel="stylesheet">
 +
</head>
 +
</html>
 +
<html>
 +
 
 +
 
 +
 
 +
    <body data-spy="scroll" data-target=".navbar" data-offset="50">
 +
        <nav class="navbar navbar-default">
 +
            <div class="container-fluid">
 +
                <!-- Brand and toggle get grouped for better mobile display -->
 +
                <div class="navbar-header">
 +
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                       
 +
                    </button> <a class="navbar-brand" href="#">Brand</a>
 +
                   
 +
                </div>
 +
                <!-- Collect the nav links, forms, and other content for toggling -->
 +
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li class="active"><a href="#">Home <span class="sr-only">(current)</span></a>
 +
                        </li>
 +
                        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
 +
                           
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Our project</a>
 +
                                </li>
 +
                                <li><a href="#">Result</a>
 +
                                </li>
 +
                                <li><a href="#">Problem</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
 +
                           
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Our parts</a>
 +
                                </li>
 +
                                <li><a href="#">Improved parts</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li><a href="#">Human practice</a>
 +
                        </li>
 +
                        <li><a href="#">Notebook</a>
 +
                        </li>
 +
                        <li><a href="#">Attributions</a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
                <!-- /.navbar-collapse -->
 +
            </div>
 +
            <!-- /.container-fluid -->
 +
        </nav>
 +
        <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>

Revision as of 10:39, 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