Difference between revisions of "Team:WashU StLouis/Experiments"
m |
m |
||
| Line 1: | Line 1: | ||
{{WashU_StLouis}} | {{WashU_StLouis}} | ||
| + | |||
| + | |||
| + | |||
<html> | <html> | ||
| + | <style> | ||
| + | .left-protocol { | ||
| + | width: 50vw; | ||
| + | float: left; | ||
| + | } | ||
| + | .right-protocol { | ||
| + | width: 50vw; | ||
| + | float: right; | ||
| + | } | ||
| + | |||
| + | </style> | ||
<div class="column full_size"> | <div class="column full_size"> | ||
| − | < | + | <h1> Protocols </h1> |
| + | </br> | ||
| − | <p> | + | <h3> Lorem Ipsum </h3> |
| + | <p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> | ||
| + | </br> | ||
| − | |||
| − | <button class="protocol-accordion"> | + | <div class="left-protocol"> |
| + | |||
| + | <h3>Moon Lab</h3> | ||
| + | |||
| + | <button class="protocol-accordion" >Cloning Protocol 1</button> | ||
| + | <div class="protocol-panel" > | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| + | <ul> | ||
| + | <li> step 1 </li> | ||
| + | <li> step 2 </li> | ||
| + | <li> step 3 </li> | ||
| + | </div> | ||
| + | |||
| + | <button class="protocol-accordion" >Cloning Protocol 2</button> | ||
| + | <div class="protocol-panel" > | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| + | <ul> | ||
| + | <li> step 1 </li> | ||
| + | <li> step 2 </li> | ||
| + | <li> step 3 </li> | ||
| + | </div> | ||
| + | |||
| + | <button class="protocol-accordion" >Cloning Protocol 3</button> | ||
| + | <div class="protocol-panel" > | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| + | <ul> | ||
| + | <li> step 1 </li> | ||
| + | <li> step 2 </li> | ||
| + | <li> step 3 </li> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="right-protocol"> | ||
| + | |||
| + | <h3>Zhang Lab</h3> | ||
| + | |||
| + | <button class="protocol-accordion" >Cloning Protocol 1</button> | ||
| + | <div class="protocol-panel" > | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| + | <ul> | ||
| + | <li> step 1 </li> | ||
| + | <li> step 2 </li> | ||
| + | <li> step 3 </li> | ||
| + | </div> | ||
| + | |||
| + | <button class="protocol-accordion">Cloning Protocol 2</button> | ||
| + | <div class="protocol-panel" > | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| + | <ul> | ||
| + | <li> step 1 </li> | ||
| + | <li> step 2 </li> | ||
| + | <li> step 3 </li> | ||
| + | </div> | ||
| + | |||
| + | <button class="protocol-accordion" >Cloning Protocol 3</button> | ||
| + | <div class="protocol-panel" > | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| + | <ul> | ||
| + | <li> step 1 </li> | ||
| + | <li> step 2 </li> | ||
| + | <li> step 3 </li> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </br> | ||
| + | <div class="column full_size"> | ||
| + | |||
| + | <h3> Lorem Ipsum </h3> | ||
| + | <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> | ||
| + | </br> | ||
| + | |||
| + | <button class="protocol-accordion">Other Protocol 1</button> | ||
<div class="protocol-panel"> | <div class="protocol-panel"> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| Line 21: | Line 108: | ||
</div> | </div> | ||
| − | <button class="protocol-accordion"> | + | <button class="protocol-accordion">Other Protocol 2</button> |
<div class="protocol-panel"> | <div class="protocol-panel"> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| Line 30: | Line 117: | ||
</div> | </div> | ||
| − | <button class="protocol-accordion"> | + | <button class="protocol-accordion">Other Protocol 3</button> |
<div class="protocol-panel"> | <div class="protocol-panel"> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| Line 39: | Line 126: | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | <button class="protocol-accordion"> | + | <button class="protocol-accordion">Other Protocol 4</button> |
<div class="protocol-panel"> | <div class="protocol-panel"> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| Line 52: | Line 136: | ||
</div> | </div> | ||
| − | <button class="protocol-accordion"> | + | <button class="protocol-accordion">Other Protocol 5</button> |
<div class="protocol-panel"> | <div class="protocol-panel"> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| Line 61: | Line 145: | ||
</div> | </div> | ||
| − | <button class="protocol-accordion"> | + | <button class="protocol-accordion">Other Protocol 6</button> |
<div class="protocol-panel"> | <div class="protocol-panel"> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
| Line 69: | Line 153: | ||
<li> step 3 </li> | <li> step 3 </li> | ||
</div> | </div> | ||
| + | |||
| + | |||
| + | |||
</div> | </div> | ||
Revision as of 12:53, 12 September 2016
Protocols
Lorem Ipsum
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Moon Lab
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Zhang Lab
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- step 1
- step 2
- step 3
