(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
− | |||
+ | {{:Team:Imperial_College/Templates/NavBar}} | ||
+ | <html> | ||
+ | <head> | ||
+ | <script> | ||
+ | </script> | ||
+ | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </style> | ||
− | + | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="container"> | ||
+ | <div class="content"> | ||
+ | <div class="titleimg"> | ||
+ | <h1>Modelling</h1> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/59/T--Imperial_College--modelling.png" alt="" width="24%"; > | ||
+ | </div> | ||
− | <div class=" | + | <div class="what"> |
− | < | + | <h3>What is Modelling?</h3> |
− | + | <p2>Constructing and manipulating abstract (mathematical and/or graphical) representations of economic, engineering, manufacturing, social, and other types of situations and natural phenomenon, simulated with the help of a computer system. Also called computer simulation. | |
− | < | + | </p2> |
+ | <br/> | ||
+ | <br/> | ||
+ | </div> | ||
+ | <div class="why"> | ||
+ | <h3>Why is Modelling important in biological studies?</h3> | ||
+ | <p2>Computer modeling simulates the interaction among many different variables to provide scientists with a general idea of how a biological system may work.</p2> | ||
+ | </div> | ||
+ | |||
+ | <div class="accordion"> | ||
+ | <h3>Our Computer Models</h3> | ||
+ | |||
+ | <button class="collapsible" type="button">Electrochemical Model</button> | ||
+ | <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> | ||
</div> | </div> | ||
− | < | + | <button class="collapsible">Biological Model</button> |
− | + | <div class="drop"> | |
− | <div class=" | + | <h4>1 state patterning</h4> |
− | < | + | <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> |
− | < | + | <h4>2 state patterning</h4> |
− | + | <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> | |
− | < | + | <h4>3 state patterning</h4> |
− | + | <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">Integrated Model</button> | |
− | < | + | <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> | |
− | + | </div> | |
− | < | + | <button class="collapsible">Pixcell Modelling Guide</button> |
− | + | <div class="drop"> | |
− | < | + | <iframe src="Modelling_Guide.pdf"></iframe> |
− | + | ||
− | </ | + | |
− | + | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <script> | ||
+ | var coll = document.getElementsByClassName("collapsible"); | ||
+ | var i; | ||
+ | |||
+ | for (i = 0; i < coll.length; i++) { | ||
+ | coll[i].addEventListener("click", function() { | ||
+ | this.classList.toggle("active"); | ||
+ | var drop = this.nextElementSibling; | ||
+ | if (drop.style.display === "block") { | ||
+ | drop.style.display = "none"; | ||
+ | } else { | ||
+ | drop.style.display = "block"; | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | + | </body> | |
</html> | </html> | ||
+ | |||
+ | {{:Team:Imperial_College/Templates/Footer}} |
Revision as of 14:36, 11 October 2018
Modelling
What is Modelling?
Why is Modelling important in biological studies?
Our Computer Models
1 state patterning
2 state patterning
3 state patterning