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

Line 51: Line 51:
 
             </blockquote>
 
             </blockquote>
 
              
 
              
 +
<div class="container">
 +
  <h2>Accordion Example</h2>
 +
  <p><strong>Note:</strong> The <strong>data-parent</strong> attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.</p>
 +
    <div class="panel-group" id="accordion">
 +
        <div class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <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>
 +
            </div>
 +
            <div id="collapse1" class="panel-collapse collapse"> <!-- Content -->
 +
                <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 class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <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 class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Collapsible Group 3</a>
 +
                </h4>
 +
            </div>
 +
            <div id="collapse3" 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 class="panel panel-default">
 +
            <div class="panel-heading">
 +
                <h4 class="panel-title">
 +
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse4">Collapsible Group 1</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>
 +
 
             <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.

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

Accordion Example

Note: The data-parent attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.

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.

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