Difference between revisions of "Team:KU Leuven/Research/Methods"

Line 270: Line 270:
 
</ul>
 
</ul>
  
<ul id="accordion">
 
    <li>
 
        <h2>Title One</h2>
 
        <div class="content">
 
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
 
        </div>
 
    </li>
 
    <li>
 
        <h2>Title Two</h2>
 
        <div class="content">
 
            Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
 
        </div>
 
    </li>
 
    <li>
 
        <h2>Title Three</h2>
 
        <div class="content">
 
            Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 
            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.
 
        </div>
 
    </li>
 
    <li>
 
        <h2>Title Four</h2>
 
        <div class="content">
 
            Consequat. 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.
 
        </div>
 
    </li>
 
</ul>
 
  
<div class="container">
+
<div class="accordion">
   <h1 class="heading-primary">CSS Responsive Animated Accordion</h1>
+
   <dl>
  <div class="accordion">
+
     <dt><a class="accordionTitle" href="#">First Accordion heading</a></dt>
     <dl>
+
    <dd class="accordionItem accordionItemCollapsed">
      <dt>
+
      <p>First Accordion Content</p>
                <a href="#accordion1" aria-expanded="false" aria-controls="accordion1" class="accordion-title accordionTitle js-accordionTrigger">First Accordion heading</a>
+
    </dd>
              </dt>
+
    <dt><a href="#" class="accordionTitle">Second Accordion heading</a></dt>
      <dd class="accordion-content accordionItem is-collapsed" id="accordion1" aria-hidden="true">
+
    <dd class="accordionItem accordionItemCollapsed">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu interdum diam. Donec interdum porttitor risus non bibendum. Maecenas sollicitudin eros in quam imperdiet placerat. Cras justo purus, rhoncus nec lobortis ut, iaculis vel ipsum.
+
      <p>Second Accordion Content</p>
          Donec dignissim arcu nec elit faucibus condimentum. Donec facilisis consectetur enim sit amet varius. Pellentesque justo dui, sodales quis luctus a, iaculis eget mauris. </p>
+
    </dd>
        <p>Aliquam dapibus, ante quis fringilla feugiat, mauris risus condimentum massa, at elementum libero quam ac ligula. Pellentesque at rhoncus dolor. Duis porttitor nibh ut lobortis aliquam. Nullam eu dolor venenatis mauris placerat tristique eget
+
    <dt><a href="#" class="accordionTitle">Third Accordion heading</a></dt>
          id dolor. Quisque blandit adipiscing erat vitae dapibus. Nulla aliquam magna nec elementum tincidunt.</p>
+
    <dd class="accordionItem accordionItemCollapsed">
      </dd>
+
      <p>Third Accordion Content</p>
      <dt>
+
    </dd>
                <a href="#accordion2" aria-expanded="false" aria-controls="accordion2" class="accordion-title accordionTitle js-accordionTrigger">
+
  </dl>
                  Second Accordion heading</a>
+
              </dt>
+
      <dd class="accordion-content accordionItem is-collapsed" id="accordion2" aria-hidden="true">
+
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu interdum diam. Donec interdum porttitor risus non bibendum. Maecenas sollicitudin eros in quam imperdiet placerat. Cras justo purus, rhoncus nec lobortis ut, iaculis vel ipsum.
+
          Donec dignissim arcu nec elit faucibus condimentum. Donec facilisis consectetur enim sit amet varius. Pellentesque justo dui, sodales quis luctus a, iaculis eget mauris. </p>
+
        <p>Aliquam dapibus, ante quis fringilla feugiat, mauris risus condimentum massa, at elementum libero quam ac ligula. Pellentesque at rhoncus dolor. Duis porttitor nibh ut lobortis aliquam. Nullam eu dolor venenatis mauris placerat tristique eget
+
          id dolor. Quisque blandit adipiscing erat vitae dapibus. Nulla aliquam magna nec elementum tincidunt.</p>
+
      </dd>
+
      <dt>
+
                <a href="#accordion3" aria-expanded="false" aria-controls="accordion3" class="accordion-title accordionTitle js-accordionTrigger">
+
                  Third Accordion heading
+
                </a>
+
              </dt>
+
      <dd class="accordion-content accordionItem is-collapsed" id="accordion3" aria-hidden="true">
+
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu interdum diam. Donec interdum porttitor risus non bibendum. Maecenas sollicitudin eros in quam imperdiet placerat. Cras justo purus, rhoncus nec lobortis ut, iaculis vel ipsum.
+
          Donec dignissim arcu nec elit faucibus condimentum. Donec facilisis consectetur enim sit amet varius. Pellentesque justo dui, sodales quis luctus a, iaculis eget mauris. </p>
+
        <p>Aliquam dapibus, ante quis fringilla feugiat, mauris risus condimentum massa, at elementum libero quam ac ligula. Pellentesque at rhoncus dolor. Duis porttitor nibh ut lobortis aliquam. Nullam eu dolor venenatis mauris placerat tristique eget
+
          id dolor. Quisque blandit adipiscing erat vitae dapibus. Nulla aliquam magna nec elementum tincidunt.</p>
+
      </dd>
+
    </dl>
+
  </div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
 
  
  

Revision as of 18:20, 6 September 2015

Methods

  • P1 transduction


  • Gibson Assembly


  • Miniprep


  • Gel purification


  • Chemocompetent cells


  • Electrocompetent cells


  • Transformation

First Accordion heading

First Accordion Content

Second Accordion heading

Second Accordion Content

Third Accordion heading

Third Accordion Content