Difference between revisions of "Team:EPF Lausanne/Notebook/Protocols"

Line 128: Line 128:
 
     </div>
 
     </div>
  
−
     <div class="first-section">
+
     <div class="container">
 
         <div class="row">
 
         <div class="row">
−
             <div class="col-md-3" id="leftCol">
+
             <nav class="col-sm-3" id="myScrollspy">
−
                <div class="whitebg box">
+
              <ul class="nav nav-pills nav-stacked">
−
                    <nav id="affix-nav" class="sidebar hidden-sm hidden-xs">
+
                <li class="active"><a href="#section1">Section 1</a></li>
−
                        <ul class="nav sidenav box" data-spy="affix" data-offset-top="200" data-offset-bottom="600">
+
                <li><a href="#section2">Section 2</a></li>
−
                            <li>
+
                <li><a href="#section3">Section 3</a></li>
−
                                <a href="#Prot1">Protocol 1</a>
+
                <li class="dropdown">
−
                                <ul class="nav">
+
                  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a>
−
                                  <li class=""><a href="#">- Sub 1</a></li>
+
                  <ul class="dropdown-menu">
−
                                  <li class=""><a href="#">- Sub 2</a></li>
+
                    <li><a href="#section41">Section 4-1</a></li>
−
                                </ul>
+
                    <li><a href="#section42">Section 4-2</a></li>                    
−
                            </li>
+
                  </ul>
−
                            <li><a href="#Prot2">Protocol 2</a></li>
+
                </li>
−
                            <li><a href="#Prot3">Protocol 3</a></li>
+
              </ul>
−
                            <li><a href="#Prot4">Protocol 4</a></li>
+
             </nav>
−
                            <li><a href="#Prot5">Protocol 5</a></li>
+
             <div class="col-sm-9">
−
                            <li><a href="#Prot6">Protocol 6</a></li>
+
              <div id="section1">  
−
                            <li><a href="#Prot7">Protocol 7</a></li>
+
                <h1>Section 1</h1>
−
                            <li><a href="#Prot8">Protocol 8</a></li>
+
                <p>Try to scroll this section and look at the navigation list while scrolling!</p>
−
                            <li><a href="#Prot9">Protocol 9</a></li>
+
              </div>
−
                            <li><a href="#Prot10">Protocol 10</a></li>
+
              <div id="section2">  
−
                        </ul>
+
                <h1>Section 2</h1>
−
                    </nav>
+
                <p>Try to scroll this section and look at the navigation list while scrolling!</p>
−
                </div>
+
              </div>      
−
             </div>
+
              <div id="section3">        
−
             <div class="col-md-9">
+
                <h1>Section 3</h1>
−
                <div id="Prot1" class="well">
+
                <p>Try to scroll this section and look at the navigation list while scrolling!</p>
−
                    <h3>Protocol #1</h3>
+
              </div>
−
                    <p>Materials</p>
+
              <div id="section41">        
−
                    <ul>
+
                <h1>Section 4-1</h1>
−
                        <li>First item</li>
+
                 <p>Try to scroll this section and look at the navigation list while scrolling!</p>
−
                        <li>Second one</li>
+
              </div>    
−
                    </ul>
+
              <div id="section42">        
−
                    <p>Procedure</p>
+
                 <h1>Section 4-2</h1>
−
                    <ol>
+
                 <p>Try to scroll this section and look at the navigation list while scrolling!</p>
−
                        <li>Take the first item</li>
+
              </div>
−
                        <li>Put it in the second</li>
+
−
                        <li>Voilà</li>
+
−
                    </ol>
+
−
                </div>
+
−
 
+
−
                <div id="Prot2" class="well">
+
−
                    <h3>Protocol #2</h3>
+
−
                    <p>Materials</p>
+
−
                    <ul>
+
−
                        <li>First item</li>
+
−
                        <li>Second one</li>
+
−
                    </ul>
+
−
                    <p>Procedure</p>
+
−
                    <ol>
+
−
                        <li>Take the first item</li>
+
−
                        <li>Put it in the second</li>
+
−
                        <li>Voilà</li>
+
−
                    </ol>
+
−
                </div>
+
−
 
+
−
                <div id="Prot3" class="well">
+
−
                    <h3>Protocol #3</h3>
+
−
                    <p>Materials</p>
+
−
                    <ul>
+
−
                        <li>First item</li>
+
−
                        <li>Second one</li>
+
−
                    </ul>
+
−
                    <p>Procedure</p>
+
−
                    <ol>
+
−
                        <li>Take the first item</li>
+
−
                        <li>Put it in the second</li>
+
−
                        <li>Voilà</li>
+
−
                    </ol>
+
−
                </div>
+
−
 
+
−
                <div id="Prot4" class="well">
+
−
                    <h3>Protocol #4</h3>
+
−
                    <p>Materials</p>
+
−
                    <ul>
+
−
                        <li>First item</li>
+
−
                        <li>Second one</li>
+
−
                    </ul>
+
−
                    <p>Procedure</p>
+
−
                    <ol>
+
−
                        <li>Take the first item</li>
+
−
                        <li>Put it in the second</li>
+
−
                        <li>Voilà</li>
+
−
                    </ol>
+
−
                 </div>
+
−
 
+
−
                <div id="Prot5" class="well">
+
−
                    <h3>Protocol #5</h3>
+
−
                    <p>Materials</p>
+
−
                    <ul>
+
−
                        <li>First item</li>
+
−
                        <li>Second one</li>
+
−
                    </ul>
+
−
                    <p>Procedure</p>
+
−
                    <ol>
+
−
                        <li>Take the first item</li>
+
−
                        <li>Put it in the second</li>
+
−
                        <li>Voilà</li>
+
−
                    </ol>
+
−
                </div>
+
−
 
+
−
                <div id="Prot6" class="well">
+
−
                    <h3>Protocol #6</h3>
+
−
                    <p>Materials</p>
+
−
                    <ul>
+
−
                        <li>First item</li>
+
−
                        <li>Second one</li>
+
−
                    </ul>
+
−
                    <p>Procedure</p>
+
−
                    <ol>
+
−
                        <li>Take the first item</li>
+
−
                        <li>Put it in the second</li>
+
−
                        <li>Voilà</li>
+
−
                    </ol>
+
−
                </div>
+
−
 
+
−
                <div id="Prot7" class="well">
+
−
                    <h3>Protocol #7</h3>
+
−
                    <p>Materials</p>
+
−
                    <ul>
+
−
                        <li>First item</li>
+
−
                        <li>Second one</li>
+
−
                    </ul>
+
−
                    <p>Procedure</p>
+
−
                    <ol>
+
−
                        <li>Take the first item</li>
+
−
                        <li>Put it in the second</li>
+
−
                        <li>Voilà</li>
+
−
                    </ol>
+
−
                 </div>
+
−
 
+
−
                <div id="Prot8" class="well">
+
−
                    <h3>Protocol #8</h3>
+
−
                    <p>Materials</p>
+
−
                    <ul>
+
−
                        <li>First item</li>
+
−
                        <li>Second one</li>
+
−
                    </ul>
+
−
                    <p>Procedure</p>
+
−
                    <ol>
+
−
                        <li>Take the first item</li>
+
−
                        <li>Put it in the second</li>
+
−
                        <li>Voilà</li>
+
−
                    </ol>
+
−
                 </div>
+
−
 
+
−
                <div id="Prot9" class="well">
+
−
                    <h3>Protocol #9</h3>
+
−
                    <p>Materials</p>
+
−
                    <ul>
+
−
                        <li>First item</li>
+
−
                        <li>Second one</li>
+
−
                    </ul>
+
−
                    <p>Procedure</p>
+
−
                    <ol>
+
−
                        <li>Take the first item</li>
+
−
                        <li>Put it in the second</li>
+
−
                        <li>Voilà</li>
+
−
                    </ol>
+
−
                </div>
+
−
 
+
−
                <div id="Prot10" class="well">
+
−
                    <h3>Protocol #10</h3>
+
−
                    <p>Materials</p>
+
−
                    <ul>
+
−
                        <li>First item</li>
+
−
                        <li>Second one</li>
+
−
                    </ul>
+
−
                    <p>Procedure</p>
+
−
                    <ol>
+
−
                        <li>Take the first item</li>
+
−
                        <li>Put it in the second</li>
+
−
                        <li>Voilà</li>
+
−
                    </ol>
+
−
                </div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
    </div>
  
 
     <div class="fourth-section">
 
     <div class="fourth-section">

Revision as of 11:36, 21 July 2015

Protocols

Section 1

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

Section 2

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

Section 3

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

Section 4-1

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

Section 4-2

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

Still under construction

Route Cantonale Lausanne, Suisse

About us Team of a dozen biotechnology students that will attempt to change the world