Difference between revisions of "Team:EPF Lausanne/Notebook/Protocols"
Line 349: | Line 349: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="first-section" id="mycontentcon"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-3"> | ||
+ | <div class="list-group navbar" id="sidebar"> | ||
+ | <ul class="nav" id="mynav" data-spy="affix" data-offset-top="280"> | ||
+ | <li><a href="#c1" class="list-group-item"> | ||
+ | Content 1 | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> <a href="#c2" class="list-group-item" contenteditable="false">Content 2 | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> <a href="#c3" class="list-group-item" contenteditable="false">Content 3 | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> <a href="#c4" class="list-group-item" contenteditable="false">Content 4 | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> <a href="#c5" class="list-group-item" contenteditable="false">Content 5 | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-9" id="mycontent"> | ||
+ | <div id="c1"> | ||
+ | <h2 class="">Content 1</h2> | ||
+ | At Bootply we attempt to build simple Bootstrap templates that utilize | ||
+ | the code Bootstap CSS without a lot of customization. Tia cor magni dolores | ||
+ | eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui | ||
+ | dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia | ||
+ | non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam | ||
+ | quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem | ||
+ | ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? | ||
+ | <hr class="col-md-12"> | ||
+ | </div> | ||
+ | <div id="c2"> | ||
+ | <h2>Content 2</h2> | ||
+ | Rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto | ||
+ | beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas | ||
+ | sit aspernatur aut odit aut fugit, sed quia cor magni dolores eos qui ratione | ||
+ | voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum | ||
+ | quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam | ||
+ | eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. | ||
+ | Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit | ||
+ | laboriosam, nisi ut | ||
+ | <hr class="col-md-12"> | ||
+ | </div> <div id="c3"> | ||
+ | <h2 class="">Content 3</h2> | ||
+ | Rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto | ||
+ | beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas | ||
+ | sit aspernatur aut odit aut fugit, sed quia cor magni dolores eos qui ratione | ||
+ | voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum | ||
+ | quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam | ||
+ | eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. | ||
+ | Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit | ||
+ | laboriosam, nisi ut | ||
+ | <hr class="col-md-12"> | ||
+ | </div><div id="c4"> | ||
+ | <h2 class="">Content 4</h2> | ||
+ | Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium | ||
+ | doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore | ||
+ | veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim | ||
+ | ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia | ||
+ | cor magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro | ||
+ | quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci | ||
+ | velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore | ||
+ | magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum | ||
+ | exercitationem ullam corporis suscipit laboriosam, nisi ut | ||
+ | </div><div id="c5" style="min-height:500px;"> | ||
+ | <h2 class="">Content 5</h2> | ||
+ | Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium | ||
+ | doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore | ||
+ | veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim | ||
+ | ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia | ||
+ | cor magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro | ||
+ | quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci | ||
+ | velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore | ||
+ | magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum | ||
+ | exercitationem ullam corporis suscipit laboriosam, nisi ut | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
Revision as of 12:13, 21 July 2015
Protocols
Protocol #1
Materials
- First item
- Second one
Procedure
- Take the first item
- Put it in the second
- Voilà
Protocol #2
Materials
- First item
- Second one
Procedure
- Take the first item
- Put it in the second
- Voilà
Protocol #3
Materials
- First item
- Second one
Procedure
- Take the first item
- Put it in the second
- Voilà
Protocol #4
Materials
- First item
- Second one
Procedure
- Take the first item
- Put it in the second
- Voilà
Protocol #5
Materials
- First item
- Second one
Procedure
- Take the first item
- Put it in the second
- Voilà
Protocol #6
Materials
- First item
- Second one
Procedure
- Take the first item
- Put it in the second
- Voilà
Protocol #7
Materials
- First item
- Second one
Procedure
- Take the first item
- Put it in the second
- Voilà
Protocol #8
Materials
- First item
- Second one
Procedure
- Take the first item
- Put it in the second
- Voilà
Protocol #9
Materials
- First item
- Second one
Procedure
- Take the first item
- Put it in the second
- Voilà
Protocol #10
Materials
- First item
- Second one
Procedure
- Take the first item
- Put it in the second
- Voilà