Difference between revisions of "Team:IIT Kanpur/TestPage"

Line 1: Line 1:
 
{{Template:IIT_Kanpur}}
 
{{Template:IIT_Kanpur}}
 
<html>
 
<html>
−
<style>
 
−
/*main colour*/
 
−
    .navbar-default .navbar-brand,
 
−
    .contents-sidebar .nav>.active>a,
 
−
    .contents-sidebar .nav>.active>a,
 
−
    .contents-sidebar .nav>li>a:hover,
 
−
    .contents-sidebar .nav>li>a:focus,
 
−
    h2,
 
−
    h1,
 
−
    .main-container .section a {
 
−
        color: #1B46DD;
 
−
    }
 
−
    .contents-sidebar .nav>.active>a,
 
−
    .contents-sidebar .nav>li>a:hover,
 
−
    .contents-sidebar .nav>li>a:focus {
 
−
        border-left: 2px solid #1B46DD;
 
−
    }
 
−
    .image.lightbox, #notebook-key-button {
 
−
        background-color: #1B46DD;
 
−
    }
 
−
 
−
    /*complimentary colour*/
 
−
    .navbar-default .navbar-brand:hover,
 
−
    .definition:hover, .definition:focus,
 
−
    ol li::before,
 
−
    .slim ul li:before,
 
−
    .table>thead>tr>th,
 
−
    .algorithm ol li::before,
 
−
    .quote,
 
−
    .quote h3,
 
−
    a,
 
−
    a:visited,
 
−
    a:hover
 
−
    {
 
−
        color:#32C97F;
 
−
    }
 
−
    .definition {
 
−
        border-bottom: 1px dotted #32C97F;
 
−
    }
 
−
    #notebook-key-button.active {
 
−
        background-color: #32C97F;
 
−
    }
 
−
    .popover.right>.arrow::after{
 
−
        border-right-color: #32C97F;
 
−
    }
 
−
    .popover.bottom>.arrow::after {
 
−
        border-bottom-color: #32C97F;
 
−
    }
 
−
    .popover.left>.arrow::after {
 
−
        border-left-color: #32C97F;
 
−
    }
 
−
</style>
 
 
<style>
 
<style>
  
Line 227: Line 175:
  
 
   </body>
 
   </body>
−
<div class="col-md-3 contents-sidebar">
+
<div class="container-fluid page-heading" style="background-image:url(https://static.igem.org/mediawiki/2015/a/ab/Ox_modelling-background.jpg)">
−
                <ul id="sidebar" class="nav nav-stacked affix-top sm-hidden xs-hidden" data-spy="affix">
+
        <h3>Modelling</h3>
−
                    <li>
+
−
                        <a href="#introduction">Introduction</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#characterising-our-cells">Gene expression rates</a>
+
−
                        <ul class="nav nav-stacked">
+
−
                            <li><a href="#characterising-our-cells-arab">Arabinose-induced promoter</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#delivery">Delivery</a>
+
−
                        <ul class="nav nav-stacked">
+
−
                            <li><a href="#delivery-dispersin">Dispersin B</a></li>
+
−
                            <li>
+
−
                                <a href="#delivery-beads">Beads</a>
+
−
                                <ul class="nav nav-stacked">
+
−
                                    <li><a href="#delivery-beads-diffusion">Diffusion</a></li>
+
−
                                    <li><a href="#delivery-beads-mass-exchange">Mass Exchanger</a></li>
+
−
                                </ul>
+
−
                            </li>
+
−
                        </ul>
+
−
                        <a href="#conclusion">Conclusion</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#references">References</a>
+
−
                    </li>
+
−
                </ul>
+
−
            </div>
+
−
        </div>
+
 
     </div>
 
     </div>
−
 
+
     <div class="container-fluid">
−
<div id="people-bg">
+
         <div class="row">
−
  <div id="people-content">
+
            <div class="col-md-9">
−
     <a href="/Team:Lund/Team">
+
                <div class="slim">
−
      <div class="people-big-circle" id="people-circle1">
+
                    <div class="section" id="introduction">
−
         <div class="people-icon" id="people-teamicon"></div>
+
                        <h2>Introduction</h2>
−
        <h2 class="people-circle-title">Team</h2>
+
                        <p>
−
        <p class="people-circle-text">Lorem ipsum dolor sit amet, consectetur
+
                            Mathematical <a class="definition" title="model" data-content="A simplified or idealised description of a system or process, usually mathematical, that can be used to predict how it will behave.">modelling</a> plays a crucial role in Synthetic Biology by acting as a link between the conception and the physical realisation of a biological circuit. Our modelling team has evaluated the effectiveness of initial designs, and has provided insight into how the system can (or must) be improved.
−
        adipiscing elit, sed do eiusmod tempor
+
                        </p>
−
        incididunt ut labore et dolore magna aliqua.</p>
+
−
        <div class="people-arrowicon"></div>
+
−
      </div>
+
−
    </a>
+
−
    <a href="/Team:Lund/Collaborations">
+
−
      <div class="people-big-circle" id="people-circle2">
+
−
        <div class="people-icon" id="people-globeicon"></div>
+
−
        <h2 class="people-circle-title">Collaborations</h2>
+
−
        <p class="people-circle-text">Lorem ipsum dolor sit amet, consectetur
+
−
        adipiscing elit, sed do eiusmod tempor
+
−
        incididunt ut labore et dolore magna aliqua.</p>
+
−
        <div class="people-arrowicon"></div>
+
−
      </div>
+
−
    </a>
+
−
    <a href="/Team:Lund/Attributions">
+
−
      <div class="people-big-circle" id="people-circle3">
+
−
        <div class="people-icon" id="people-haticon"></div>
+
−
        <h2 class="people-circle-title">Attributions</h2>
+
−
        <p class="people-circle-text">Lorem ipsum dolor sit amet, consectetur
+
−
        adipiscing elit, sed do eiusmod tempor
+
−
        incididunt ut labore et dolore magna aliqua.</p>
+
−
        <div class="people-arrowicon"></div>
+
−
      </div>
+
−
    </a>
+
−
    <div class="people-small-circle" id="people-smcircle1"></div>
+
−
    <div class="people-small-circle" id="people-smcircle2"></div>
+
−
    <div class="people-small-circle" id="people-smcircle3"></div>
+
−
    <div class="people-small-circle" id="people-smcircle4"></div>
+
−
    <div class="people-small-circle" id="people-smcircle5"></div>
+
−
    <div class="people-small-circle" id="people-smcircle6"></div>
+
−
    <div class="people-small-circle" id="people-smcircle7"></div>
+
−
    <div class="people-small-circle" id="people-smcircle8"></div>
+
−
    <div class="people-small-circle" id="people-smcircle9"></div>
+
−
  </div>
+
−
</div>
+
−
 
+
 
</html>
 
</html>
 
{{Template:IIT_Kanpur/Footer}}
 
{{Template:IIT_Kanpur/Footer}}

Revision as of 03:24, 15 October 2018

SWASH
Water Pollution

Modelling

Introduction

Mathematical modelling plays a crucial role in Synthetic Biology by acting as a link between the conception and the physical realisation of a biological circuit. Our modelling team has evaluated the effectiveness of initial designs, and has provided insight into how the system can (or must) be improved.