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

Line 51: Line 51:
 
             </blockquote>
 
             </blockquote>
 
              
 
              
<div class="panel-group" id="accordion">
+
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        <div class="panel panel-default">
+
 
            <div class="panel-heading">
+
    <div class="panel panel-default col-sm-6">
                <h4 class="panel-title">
+
        <div class="panel-heading" role="tab" id="headingOne">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Collapsible Group 1</a> <!-- href="#collapse1" should match id in <div id="collapse1" class="panel-collapse collapse"> and each new panel should have a new id -->
+
            <h4 class="panel-title text-center">
                </h4>
+
            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
             </div>
+
             Panel 1
             <div id="collapse1" class="panel-collapse collapse"> <!-- Content -->
+
             </a>
                <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+
             </h4>
                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.</div>
+
             </div>
+
 
         </div>
 
         </div>
       
+
         <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
         <div class="panel panel-default">
+
             <div class="panel-body">
            <div class="panel-heading">
+
                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique laoreet dui, id porttitor ipsum convallis vel. Integer turpis nisl, rhoncus sed hendrerit sit amet, adipiscing nec eros. Suspendisse potenti. Nam quis risus libero. Vestibulum et diam nisl, eget feugiat leo.</p>
                <h4 class="panel-title">
+
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Collapsible Group 2</a>
+
                </h4>
+
             </div>
+
            <div id="collapse2" class="panel-collapse collapse">
+
                 <div class="panel-body">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.</div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
       
+
    </div>
        <div class="panel panel-default">
+
 
            <div class="panel-heading">
+
    <div class="panel panel-default col-sm-6">
                <h4 class="panel-title">
+
        <div class="panel-heading" role="tab" id="headingTwo">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Collapsible Group 3</a>
+
            <h4 class="panel-title text-center">
                </h4>
+
                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
            </div>
+
                    Panel 2
            <div id="collapse3" class="panel-collapse collapse">
+
                 </a>
                <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+
             </h4>
                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.</div>
+
             </div>
+
 
         </div>
 
         </div>
         <div class="panel panel-default">
+
         <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
            <div class="panel-heading">
+
             <div class="panel-body">
                <h4 class="panel-title">
+
                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique laoreet dui, id porttitor ipsum convallis vel. Integer turpis nisl, rhoncus sed hendrerit sit amet, adipiscing nec eros. Suspendisse potenti. Nam quis risus libero. Vestibulum et diam nisl, eget feugiat leo.</p>
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse4">Collapsible Group 4</a>
+
                </h4>
+
             </div>
+
            <div id="collapse4" class="panel-collapse collapse">
+
                 <div class="panel-body">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.</div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
       
+
    </div>
 +
 
 +
</div>
  
   
 
  </div>
 
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){

Revision as of 14:18, 16 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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique laoreet dui, id porttitor ipsum convallis vel. Integer turpis nisl, rhoncus sed hendrerit sit amet, adipiscing nec eros. Suspendisse potenti. Nam quis risus libero. Vestibulum et diam nisl, eget feugiat leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique laoreet dui, id porttitor ipsum convallis vel. Integer turpis nisl, rhoncus sed hendrerit sit amet, adipiscing nec eros. Suspendisse potenti. Nam quis risus libero. Vestibulum et diam nisl, eget feugiat leo.

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

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.

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