Difference between revisions of "Team:DTU-Denmark/substrate"

Line 2: Line 2:
  
 
<html lang="en">
 
<html lang="en">
−
<head>
+
  <head>
 
     <!-- Edited by Isabella 7-9-16 14:30 in sidebar - remove xs-hidden from sidebar -->
 
     <!-- Edited by Isabella 7-9-16 14:30 in sidebar - remove xs-hidden from sidebar -->
 
     <!-- Edited by Isabella 26-9-16-14:22 fix white space above picture, do not edit the spaces between things this create unintentional space-->
 
     <!-- Edited by Isabella 26-9-16-14:22 fix white space above picture, do not edit the spaces between things this create unintentional space-->
Line 11: Line 11:
 
     <style type="text/css">
 
     <style type="text/css">
  
−
            span {
+
      span {
−
                border-color: "white";
+
      border-color: "white";
−
            }
+
      }
 
     </style>
 
     </style>
  
−
</head>
+
  </head>
  
  
−
<!-- BODY -->
+
  <!-- BODY -->
−
<body data-spy="scroll" data-target="#scrollspy" data-offset="90">
+
  <body data-spy="scroll" data-target="#scrollspy" data-offset="90">
−
<div class="MYbody">
+
    <div class="MYbody">
  
−
<div class="masthead">
+
      <div class="masthead">
−
    <div class="container-fluid">
+
        <div class="container-fluid">
−
        <div class="row">
+
          <div class="row">
 
             <div class="col-md-12 thumbnail" style="background-image:url(https://static.igem.org/mediawiki/2016/c/c2/T--DTU-Denmark--Lab-header.jpg)"> <!-- EDIT style url (this should lead to an image) -->
 
             <div class="col-md-12 thumbnail" style="background-image:url(https://static.igem.org/mediawiki/2016/c/c2/T--DTU-Denmark--Lab-header.jpg)"> <!-- EDIT style url (this should lead to an image) -->
  
−
                <div class="caption">
+
              <div class="caption">
−
                    <div class="col-md-5 col-sm-5 col-xs-12 title"> <!-- the approximate max number of characters ~ 400 --> <!-- EDIT -->
+
                <div class="col-md-5 col-sm-5 col-xs-12 title"> <!-- the approximate max number of characters ~ 400 --> <!-- EDIT -->
−
                        <h1>Title<p class="lead">leader under the title, short introduction. Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his.</p></h1>
+
                  <h1>Title<p class="lead">leader under the title, short introduction. Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his.</p></h1>
−
                    </div>
+
−
                    <div class="col-md-2 col-sm-2 hidden-xs space"></div>
+
−
                    <div class="col-md-5 col-sm-5 hidden-xs intro"> <!-- will be hidden on phones, duplicate the text to blockquote down below first section header, to show it there, when it dissapear-->
+
−
                        <blockquote class="blockquote-reverse"> <!-- EDIT -->
+
−
                            <p>Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+
−
                            <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
+
−
                        </blockquote>     
+
−
                    </div>
+
 
                 </div>
 
                 </div>
 +
                <div class="col-md-2 col-sm-2 hidden-xs space"></div>
 +
                <div class="col-md-5 col-sm-5 hidden-xs intro"> <!-- will be hidden on phones, duplicate the text to blockquote down below first section header, to show it there, when it dissapear-->
 +
                  <blockquote class="blockquote-reverse"> <!-- EDIT -->
 +
                    <p>Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 +
                    <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
 +
                  </blockquote>     
 +
                </div>
 +
              </div>
 
             </div>
 
             </div>
−
        </div> <!-- /row -->
+
          </div> <!-- /row -->
−
        <div class="border"></div>
+
          <div class="border"></div>
−
    </div>
+
        </div>
−
</div> <!-- /masthead-->
+
      </div> <!-- /masthead-->
  
−
<br>
+
      <br>
−
<!-- Content -->
+
      <!-- Content -->
−
<div class="container">
+
      <div class="container">
−
<div class="row"> <!--Must sorround both content and sidebar-->
+
        <div class="row"> <!--Must sorround both content and sidebar-->
−
    <div class="col-md-9 col-sm-10 colLeft"> <!-- LEFT -->
+
          <div class="col-md-9 col-sm-10 colLeft"> <!-- LEFT -->
−
        <div><a class="anchor" id="section-1"></a>
+
 
−
        <h2 class="h2">Section 1</h2>
+
            <div><a class="anchor" id="section-1"></a>
−
           
+
              <h2 class="h2">Section 1</h2>
−
            <blockquote class="visible-xs"> <!-- quote from masterhead duplicate -->
+
 
 +
              <blockquote class="visible-xs"> <!-- quote from masterhead duplicate -->
 
                 <p>Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
                 <p>Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 
                 <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
 
                 <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
−
            </blockquote>
+
              </blockquote>
−
           
+
−
<!--panel-->
+
  
−
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
+
              <p>
−
    <!--Requirements for new sections
+
                The dimorphic, non-conventional yeast Yarrowia lipolytica, belonging to the Ascomyceta phylum, was first isolated in 1960s from lipid-rich materials, hence the name “lipolytica”. The organism was classified and reclassified a number of times, first as <i>Candida lipolytica</i>, then <i>Endomycopsis lipolytica</i>, <i>Saccharomycopsis lipolytica</i> and finally <i>Yarrowia lipolytica</i><sup><a href="#references">1</a></sup>. The figure shows <i>Y. lipolytica</i> cells under a microscope. The magnification factor is 100x.
−
    Change:
+
              </p>
−
    <div class="panel-heading" role="tab" id="heading1"> - change number for heading1
+
             
−
    <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" aria-controls="collapse1">Collapsible Group 1</a> - change number for collapse1 (two times in this row)
+
              <figure class="figure">
−
    <div id="collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1"> - change number of both collapse1 and heading1 in this line
+
                  <img id="Y.lMicro" class="enlarge img-responsive figure-img substrate" src="https://static.igem.org/mediawiki/2016/5/57/T--DTU-Denmark--micro-Y.lip.png" alt="DESCRIPTION">
−
    All the numbers should match - all lines that need to be changed are marked
+
                <figcaption class="figure-caption">This figure shows <i>Y.lipolytica</i> in plactonic growth with 100x magnification</figcaption>
−
    -->
+
                </figure>
−
   
+
 
−
    <!--PANEL1-->
+
                <!-- The Modal with same picture-->
−
    <div class="panel panel-default">
+
                <div id="Y.lMicroModal" class="modal">
−
        <a data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1"> <!--change x2-->
+
                  <span class="close Y.lMicro">×</span>
−
             <div class="panel-heading" role="tab" id="heading1"> <!--change x1-->
+
                  <img class="modal-content" id="Y.lMicro">
−
                 <h4 class="panel-title">
+
                  <div class="caption">DESCRIPTION</div>
−
                    Collapsible Group 1
+
                </div>
−
                 </h4>
+
             
 +
             
 +
            </div> <!-- /overview-->
 +
 
 +
             <div><a class="anchor" id="section-2"></a>
 +
              <h2 class="h2">Section 2</h2>
 +
 
 +
 
 +
              <p>
 +
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 +
              </p>
 +
              <h3 class="h3">Section 2.1</h3>
 +
              <p>
 +
                Try out MathJax
 +
                $$ a_w^\rho \quad \quad $$ <br>
 +
 
 +
                When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
 +
                $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
 +
                Paragraph
 +
              </p><p>
 +
              Paragraph
 +
              </p>
 +
              <h3 class="h3">Section 2.2</h3>
 +
              <p>
 +
                 Paragraph
 +
              </p><p>
 +
              Paragraph
 +
              </p>
 +
              <h3 class="h3">Section 2.3</h3>
 +
              <p>
 +
                 Paragraph
 +
              </p><p>
 +
              Paragraph
 +
              </p>
 
             </div>
 
             </div>
−
        </a>
+
 
−
        <div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1"> <!-- change x2 -->
+
            <div><a class="anchor" id="section-3"></a>
−
            <div class="panel-body">
+
              <h2 class="h2">Section 3</h2>
−
                <p>
+
              <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.
+
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
−
                    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.
+
              </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.
+
 
−
                    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.
+
−
                    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.
+
−
                    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.
+
−
                   
+
−
                </p>
+
 
             </div>
 
             </div>
−
        </div>
+
 
−
    </div>
+
            <div><a class="anchor" id="section-4"></a>
−
    <!--PANEL2-->
+
              <h2 class="h2">Section 4</h2>
−
    <div class="panel panel-default">
+
              <p>
−
        <a data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2"> <!--change x2-->
+
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
−
            <div class="panel-heading" role="tab" id="heading2"> <!--change x1-->
+
              </p>
−
                <h4 class="panel-title">
+
−
                    Collapsible Group 1
+
−
                </h4>
+
 
             </div>
 
             </div>
−
        </a>
 
−
        <div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2"> <!-- change x2 -->
 
−
            <div class="panel-body">
 
−
                <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.
 
−
                    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.
 
−
                    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.
 
−
                   
 
−
                </p>
 
−
            </div>
 
−
        </div>
 
−
    </div>
 
−
   
 
−
</div>
 
  
−
<!--/panel-->
+
            <div><a class="anchor" id="section-5"></a>
−
            <p>
+
              <h2 class="h2">Section 5</h2>
 +
              <p>
 
                 Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
                 Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
−
            </p>
+
              </p>
−
        </div> <!-- /overview-->
+
−
       
+
−
        <div><a class="anchor" id="section-2"></a>
+
−
        <h2 class="h2">Section 2</h2>
+
  
−
            <div class = "col-md-6">
+
              <div class = "col-md-6">
 
                 <figure class="figure">
 
                 <figure class="figure">
 
                   <img id="GGy" class="enlarge img-responsive figure-img substrate" src="https://static.igem.org/mediawiki/2016/2/23/T--DTU-Denmark--Gr%C3%B8nninggaard_waste_y.lip.png" alt="DESCRIPTION">
 
                   <img id="GGy" class="enlarge img-responsive figure-img substrate" src="https://static.igem.org/mediawiki/2016/2/23/T--DTU-Denmark--Gr%C3%B8nninggaard_waste_y.lip.png" alt="DESCRIPTION">
 
                   <figcaption class="figure-caption">A caption for the above image.</figcaption>
 
                   <figcaption class="figure-caption">A caption for the above image.</figcaption>
 
                 </figure>
 
                 </figure>
−
            </div>
+
 
−
            <div class = "col-md-6">
+
  
 
                 <!-- The Modal with same picture-->
 
                 <!-- The Modal with same picture-->
 
                 <div id="GGyModal" class="modal">
 
                 <div id="GGyModal" class="modal">
−
                    <span class="close GGy">×</span>
+
                  <span class="close GGy">×</span>
−
                    <img class="modal-content" id="GGyImg">
+
                  <img class="modal-content" id="GGyImg">
−
                    <div class="caption">DESCRIPTION</div>
+
                  <div class="caption">DESCRIPTION</div>
 
                 </div>
 
                 </div>
 +
 +
              </div>
 +
              <div class = "col-md-6">
 +
 
                 <figure class="figure">
 
                 <figure class="figure">
 
                   <img id="GGy" class="enlarge img-responsive figure-img substrate" src="https://static.igem.org/mediawiki/2016/a/ac/T--DTU-Denmark--Gr%C3%B8nninggaard_waste_S.cer.png" alt="DESCRIPTION">
 
                   <img id="GGy" class="enlarge img-responsive figure-img substrate" src="https://static.igem.org/mediawiki/2016/a/ac/T--DTU-Denmark--Gr%C3%B8nninggaard_waste_S.cer.png" alt="DESCRIPTION">
Line 155: Line 157:
 
                 <!-- The Modal with same picture-->
 
                 <!-- The Modal with same picture-->
 
                 <div id="GGyModal" class="modal">
 
                 <div id="GGyModal" class="modal">
−
                    <span class="close GGy">×</span>
+
                  <span class="close GGy">×</span>
−
                    <img class="modal-content" id="GGyImg">
+
                  <img class="modal-content" id="GGyImg">
−
                    <div class="caption">DESCRIPTION</div>
+
                  <div class="caption">DESCRIPTION</div>
 
                 </div>
 
                 </div>
−
            </div>
+
              </div>
−
            <p>
+
−
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
+
−
            </p>
+
−
            <h3 class="h3">Section 2.1</h3>
+
−
                <p>
+
−
Try out MathJax
+
−
                $$ a_w^\rho \quad \quad $$ <br>
+
  
−
                When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
 
−
                $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
 
−
                    Paragraph
 
−
                </p><p>
 
−
                    Paragraph
 
−
                </p>
 
−
            <h3 class="h3">Section 2.2</h3>
 
−
                <p>
 
−
                    Paragraph
 
−
                </p><p>
 
−
                    Paragraph
 
−
                </p>
 
−
            <h3 class="h3">Section 2.3</h3>
 
−
                <p>
 
−
                    Paragraph
 
−
                </p><p>
 
−
                    Paragraph
 
−
                </p>
 
−
        </div>
 
−
       
 
−
        <div><a class="anchor" id="section-3"></a>
 
−
        <h2 class="h2">Section 3</h2>
 
−
            <p>
 
−
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
−
            </p>
 
  
−
        </div>
+
            </div>
  
−
        <div><a class="anchor" id="section-4"></a>
+
            <div><a class="anchor" id="section-6"></a>
−
        <h2 class="h2">Section 4</h2>
+
              <h2 class="h2">Section 6</h2>
−
            <p>
+
              <p>
 
                 Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
                 Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
−
            </p>
+
              </p>
−
        </div>
+
            </div>
  
−
        <div><a class="anchor" id="section-5"></a>
+
            <div><a class="anchor" id="section-7"></a>
−
        <h2 class="h2">Section 5</h2>
+
              <h2 class="h2">Section 7</h2>
−
            <p>
+
              <p>
 
                 Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 
                 Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
−
            </p>
+
              </p>
−
        </div>
+
            </div>
  
−
        <div><a class="anchor" id="section-6"></a>
+
            <!-- Reference section -->
−
        <h2 class="h2">Section 6</h2>
+
            <div id="ref_sec"><a class="anchor" id="references"></a>
−
            <p>
+
              <h2 class="h2">References</h2>
−
                 Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
+
              <ol>
−
            </p>
+
                 <li> Barth and Gaillardin, 1996</li>
−
        </div>
+
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
              </ol>
 +
            </div>
  
−
        <div><a class="anchor" id="section-7"></a>
+
          </div> <!-- /LEFT -->
−
        <h2 class="h2">Section 7</h2>
+
 
−
            <p>
+
          <!-- RIGHT-->
−
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
+
          <div class="col-md-3 col-sm-2 colRight" id="scrollspy">  
−
            </p>
+
            <ul class="nav" id="sidebar">
−
        </div>
+
              <li><a href="#section-1">Section 1</a></li>
−
    </div> <!-- /LEFT -->
+
              <li><a href="#section-2">Section 2</a></li>
−
   
+
              <li><a href="#section-3">Section 3</a></li>
−
    <!-- RIGHT-->
+
              <li><a href="#section-4">Section 4</a></li>
−
    <div class="col-md-3 col-sm-2 colRight" id="scrollspy">  
+
              <li><a href="#section-5">Section 5</a></li>
−
        <ul class="nav" id="sidebar">
+
              <li><a href="#section-6">Section 6</a></li>
−
            <li><a href="#section-1">Section 1</a></li>
+
              <li><a href="#section-7">Section 7</a></li>
−
            <li><a href="#section-2">Section 2</a></li>
+
            </ul>
−
            <li><a href="#section-3">Section 3</a></li>
+
          </div> <!-- /RIGHT -->
−
            <li><a href="#section-4">Section 4</a></li>
+
−
            <li><a href="#section-5">Section 5</a></li>
+
−
            <li><a href="#section-6">Section 6</a></li>
+
−
            <li><a href="#section-7">Section 7</a></li>
+
−
        </ul>
+
−
    </div> <!-- /RIGHT -->
+
  
−
</div> <!-- /.row -->
+
        </div> <!-- /.row -->
−
</div> <!-- /CONTENT-->     
+
      </div> <!-- /CONTENT-->     
−
</div> <!-- /BODY-->
+
    </div> <!-- /BODY-->
  
−
</body>
+
  </body>
  
−
<!--script for functionality of sidebar, DON'T TOUCH!!! -->
+
  <!--script for functionality of sidebar, DON'T TOUCH!!! -->
−
<script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/sidebar-js?action=raw&ctype=text/javascript"></script>
+
  <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/sidebar-js?action=raw&ctype=text/javascript"></script>
 
</html>
 
</html>
  
 
<!-- DON'T TOUCH!!! -->
 
<!-- DON'T TOUCH!!! -->
 
{{Team:DTU-Denmark/footer}}
 
{{Team:DTU-Denmark/footer}}

Revision as of 09:07, 19 October 2016

New HTML template for the wiki




Bootstrap Example

Title

leader under the title, short introduction. Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his.


Section 1

Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

The dimorphic, non-conventional yeast Yarrowia lipolytica, belonging to the Ascomyceta phylum, was first isolated in 1960s from lipid-rich materials, hence the name “lipolytica”. The organism was classified and reclassified a number of times, first as Candida lipolytica, then Endomycopsis lipolytica, Saccharomycopsis lipolytica and finally Yarrowia lipolytica1. The figure shows Y. lipolytica cells under a microscope. The magnification factor is 100x.

DESCRIPTION
This figure shows Y.lipolytica in plactonic growth with 100x magnification

Section 2

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Section 2.1

Try out MathJax $$ a_w^\rho \quad \quad $$
When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$ Paragraph

Paragraph

Section 2.2

Paragraph

Paragraph

Section 2.3

Paragraph

Paragraph

Section 3

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Section 4

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Section 5

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

DESCRIPTION
A caption for the above image.
DESCRIPTION
A caption for the above image.

Section 6

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Section 7

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

References

  1. Barth and Gaillardin, 1996

  • FIND US AT:
Facebook Twitter
  • DTU BIOBUILDERS
  • DENMARK
  • DTU - SØLTOFTS PLADS, BYGN. 221/002
  • 2800 KGS. LYNGBY

  • E-mail:
  • dtu-biobuilders-2016@googlegroups.com
  • MAIN SPONSORS:
Lundbeck fundation DTU blue dot Lundbeck fundation Lundbeck fundation