Difference between revisions of "Team:UCopenhagen/Experiments"

Line 1: Line 1:
 +
<!--{{IGEM_TopBar}}-->
 +
{{UCopenhagen/Header3}}
 +
{{UCopenhagen}}{{UCopenhagen/CSS_protocols_temp}}{{UCopenhagen/java_protocols_temp}}
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
−
  <meta charset="UTF-8">
+
<meta charset="UTF-8">
−
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<title>CSS Animated Accordion</title>
−
  <meta http-equiv="X-UA-Compatib1e" content="ie=edge">
+
<link rel="stylesheet" href="styles.css">
−
  <tit1e>Accordion</tit1e>
+
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
−
  <link rel="stylesheet" href="style.css">
+
<script>
−
  <script scr="main.js" defer></script>
+
$(document).ready(function(){
 +
$(".accordion_header").click(function(){
 +
  $(".accordion_header").removeClass("active");
 +
  $(this).addClass("active");
 +
});
 +
});
 +
</script>
 
</head>
 
</head>
 
<body>
 
<body>
−
  <h1>PROTOCOLS</h1>
 
  
−
  <div class="accordion">
+
<div class="wrapper">
−
    <div class="accordion-item">
+
  <div class="accordion_wrap accordion_1">
−
      <div class="accordion-item-header">
+
    <div class="accordion_header">
−
        PROTOCOL_1
+
       Protocol 1
−
       </div>
+
−
      <div class="accordion-item-body">
+
−
        <div class="accordion-item-body-content">
+
−
          PROTOCOL_1 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. 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>
+
−
      </div>
+
 
     </div>
 
     </div>
−
     <div class="accordion-item">
+
     <div class="accordion_body">
−
       <div class="accordion-item-header">
+
       <p><p><strong>Reagents required:</strong></p>
−
        PROTOCOL_2
+
<ul>
−
      </div>
+
<li>Competent cells</li>
−
      <div class="accordion-item-body">
+
<li>Vector containing DNA</li>
−
        <div class="accordion-item-body-content">
+
</ul>
−
          PROTOCOL_2
+
<p><strong>Procedure:</strong></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. 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.
+
<ul>
−
        </div>
+
<li>Add 1% volume of the vector to competent cells.</li>
−
      </div>
+
<li>Mix by gently flicking the tube. Vortex will prevent transformation.</li>
 +
<li>Incubate the cells on ice for 30-60 minutes.</li>
 +
<li>Water bath at 42℃ for 45 seconds.</li>
 +
<li>Again incubate on ice for 3-5 minutes.</li>
 +
<li>Add 950 &mu;L of LB and place them in shaking incubator at 37℃ for 1 hour.</li>
 +
<li>Centrifuge at 13000 RPM for 1 minute.</li>
 +
<li>Discard the supernatant slowly, leaving behind 50 &mu;L-100 &mu;L in the tube.</li>
 +
<li>Resuspend the pellet using a pipette and spread on to an appropriate selection plate and incubate overnight at 37℃.</li>
 +
</ul></p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
−
</body>
+
  <div class="accordion_wrap accordion_2">
 +
    <div class="accordion_header">
 +
      Protocol 2
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
  <div class="accordion_wrap accordion_3">
 +
    <div class="accordion_header">
 +
      Protocol 3
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
  <div class="accordion_wrap accordion_4">
 +
    <div class="accordion_header">
 +
      Protocol 4
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
  <div class="accordion_wrap accordion_5">
 +
    <div class="accordion_header">
 +
      Protocol 5
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_5">
 +
    <div class="accordion_header">
 +
      Protocol 6
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_6">
 +
    <div class="accordion_header">
 +
      Protocol 7
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_7">
 +
    <div class="accordion_header">
 +
      Protocol 8
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_8">
 +
    <div class="accordion_header">
 +
      Protocol 9
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_9">
 +
    <div class="accordion_header">
 +
      Protocol 10
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_10">
 +
    <div class="accordion_header">
 +
      Protocol 11
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_11">
 +
    <div class="accordion_header">
 +
      Protocol 12
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_12">
 +
    <div class="accordion_header">
 +
      Protocol 13
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_13">
 +
    <div class="accordion_header">
 +
      Protocol 14
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_14">
 +
    <div class="accordion_header">
 +
      Protocol 15
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_15">
 +
    <div class="accordion_header">
 +
      Protocol 16
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_16">
 +
    <div class="accordion_header">
 +
      Protocol 17
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_17">
 +
    <div class="accordion_header">
 +
      Protocol 18
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_18">
 +
    <div class="accordion_header">
 +
      Protocol 19
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_19">
 +
    <div class="accordion_header">
 +
      Protocol 20
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
<div class="accordion_wrap accordion_20">
 +
    <div class="accordion_header">
 +
      Protocol 21
 +
    </div>
 +
    <div class="accordion_body">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!</p>
 +
    </div>
 +
  </div>
 +
</div>
 +
 
 +
</body>
 
</html>
 
</html>
 +
{{UCopenhagen/Footer_2}}

Revision as of 15:36, 18 October 2020

Description Design Implementation Poster
Engineering Success Modeling/Simulation Parts Overview Results Protocols Notebook Safety
Integrated Human Practices Entrepreneurship Education
Collaborations Partnership Our Contribution
Judging Form Medals
Team Members Attributions Sponsors
<!DOCTYPE html> CSS Animated Accordion
Protocol 1

Reagents required:

  • Competent cells
  • Vector containing DNA

Procedure:

  • Add 1% volume of the vector to competent cells.
  • Mix by gently flicking the tube. Vortex will prevent transformation.
  • Incubate the cells on ice for 30-60 minutes.
  • Water bath at 42℃ for 45 seconds.
  • Again incubate on ice for 3-5 minutes.
  • Add 950 μL of LB and place them in shaking incubator at 37℃ for 1 hour.
  • Centrifuge at 13000 RPM for 1 minute.
  • Discard the supernatant slowly, leaving behind 50 μL-100 μL in the tube.
  • Resuspend the pellet using a pipette and spread on to an appropriate selection plate and incubate overnight at 37℃.

Protocol 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 7

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 8

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 9

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 10

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 11

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 13

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 14

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 15

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 16

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 17

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 18

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 19

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 20

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

Protocol 21

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus culpa ducimus amet unde consequatur ullam ipsum repellendus eligendi quo nisi!

About us

We are 9 undergrad and grad students representing University

of Denmark. With out project CIDOSIS, we aim to improve

the lifes of people with Chronic Inflammatory Diseases

Quick links!

Address

University of Copenhagen

Thorvaldsensvej 40, Frederiksberg C

Denmark

  • © 2020 | UCPH iGEM team.