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

Line 8: Line 8:
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
 
        /*******
 
        NOTEBOOK
 
        *******/
 
        .notebook h5 {
 
            color: #999;
 
            font-weight: 600;
 
        }
 
        .notebook ul {
 
            list-style: none;
 
            padding:0;
 
            margin:0;
 
        }
 
       
 
        .notebook li {
 
            padding-left: 1em;
 
            text-indent: -.7em;
 
        }
 
       
 
        .notebook .grid-row:after {
 
            padding-bottom: 1em;
 
            margin-bottom: 5em;
 
        }
 
        img.lvlone {
 
            height: 120px;
 
        }
 
       
 
        img.lvltwo {
 
            /*width: 100px;*/
 
            height: 100px;
 
        }
 
       
 
        img.lvlthree {
 
            /*width: 60px;*/
 
            height: 60px;
 
        }
 
       
 
        .notebook li:before {
 
            content:none;
 
        }
 
       
 
       
 
    </style>
 
 
</head>
 
</head>
  
Line 107: Line 64:
 
             <div class=" panel-heading" role="tab" id="heading1"> <!--change x1-->
 
             <div class=" panel-heading" role="tab" id="heading1"> <!--change x1-->
 
                 <h4 class="panel-title">
 
                 <h4 class="panel-title">
                     Week 1 (May 30-June 5)
+
                     Week 1 (May 30-June 5) <!-- TITLE -->
 
                 </h4>
 
                 </h4>
 
             </div>
 
             </div>
 
         </a>
 
         </a>
 +
       
 +
        <!--CONTENT-->
 
         <div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1"> <!-- change x2 -->
 
         <div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1"> <!-- change x2 -->
 
             <div class="panel-body">
 
             <div class="panel-body">
 
                 <h3>Wetlab</h3>
 
                 <h3>Wetlab</h3>
                <!--
 
                <div class="grid-row">
 
                    <div class="col-md-3 col-sm-3 col-xs-12">
 
                        <img class="lvlone" src="https://static.igem.org/mediawiki/2016/c/c7/T--DTU-Denmark--wetlab.png" alt="">
 
                    </div>
 
                    <div class="col-md-9 col-sm-9 col-xs-12">
 
                        <h5>Wetlab</h5>
 
                        <p>Description</p>
 
                    </div>
 
                </div> <!-- /grid-row -->
 
 
                  
 
                  
 
                     <div class="grid-row">
 
                     <div class="grid-row">
Line 248: Line 197:
 
                  
 
                  
 
                 <h3 style="clear:both;">Compute</h3>
 
                 <h3 style="clear:both;">Compute</h3>
                <!--
 
                <div class="grid-row">
 
                    <div class="col-md-3 col-sm-3 col-xs-12">
 
                        <img class="lvlone" src="https://static.igem.org/mediawiki/2016/f/fe/T--DTU-Denmark--compute.png" alt="">
 
                    </div>
 
                    <div class="col-md-9 col-sm-9 col-xs-12">
 
                        <h5>Compute</h5>
 
                        <p>Description</p>
 
                    </div>
 
                </div> <!-- /grid-row -->
 
 
                  
 
                  
 
                     <div class="grid-row">
 
                     <div class="grid-row">
Line 291: Line 230:
 
         <!-- /compute -->
 
         <!-- /compute -->
 
             </div>
 
             </div>
         </div>
+
         </div>      
     </div>
+
     </div> <!--/PANEL-->
    <!--PANEL2-->
+
      
    <div class="panel panel-default">
+
        <a data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2"> <!--change x2-->
+
            <div class="panel-heading" role="tab" id="heading2"> <!--change x1-->
+
                <h4 class="panel-title">
+
                    Week 2
+
                </h4>
+
            </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.
+
                </p>
+
            </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>
 
 
         </div> <!-- /overview-->
 
         </div> <!-- /overview-->
 
          
 
          

Revision as of 20:00, 18 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.


June

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

Someone famous in Source Title

Wetlab

Molecular Toolbox

Description

Pex10

Description

Ura3

Description

pSB1A8YL

Description

Products

Description

Beta-carotene

Description

Proinsuling

Description

HrGFP

Description

Promoter

Description

Substrate

Description

Interlab

Description

Compute

Modeling

Description

Software

Description

Hardware

Description

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

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.

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.

  • 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