Difference between revisions of "Team:Imperial College/Mechanisms"

Line 4: Line 4:
 
<style>
 
<style>
 
</style>
 
</style>
 
 
<body>
 
<body>
 
  <div class="container">           
 
  <div class="container">           
Line 10: Line 9:
 
       <div class="titleimg">
 
       <div class="titleimg">
 
<br/>
 
<br/>
                <h1>Mechanisms</h1>
+
            <h1>Mechanism</h1>
                <br/>
+
                <br/>
+
    <img src="" alt="" width="22%"; >
  <img src="" alt="" width="28%"; >
+
  </div>
        </div>
+
<h3>level of understanding</h3>
            <div class="accordion">
+
   
                    <div class="pathway">
+
        <button class="collapsible">Beginner</button>
                            <h3>Mechanism</h3>
+
        <div class="drop">
                        <h3>Level of understanding of Synthetic Biology:</h3>
+
                <p2>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.</p2>
                            <button class="collapsible" type="button">Beginners</button>
+
              </div>
                        <div class="panel">
+
              <button class="collapsible">Intermediate</button>
                          <p2>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.</p2>
+
              <div class="drop">
                        </div>
+
                    <p2>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.</p2>
                            <button class="collapsible">Intermediates</button>
+
                  </div>
                        <div class="panel">
+
    <button class="collapsible">Advance</button>
                            <h3></h3>
+
              <div class="drop">
                            <p2>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.</p2>
+
                    <p2>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.</p2>
                    </div>
+
                  </div>
                            <button class="collapsible">Experts</button>
+
 
                        <div class="panel">
+
                            <p2>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.</p2>
+
                        </div>
+
 
<script>
 
<script>
  
Line 49: Line 45:
 
     }
 
     }
  
 
+
 
 
</script>
 
</script>
       
+
 
 +
 
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Imperial_College/Templates/Footer}}
 
{{:Team:Imperial_College/Templates/Footer}}

Revision as of 12:21, 14 October 2018


Mechanism

level of understanding

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.
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.
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.