Line 1: | Line 1: | ||
− | {{DTU-Denmark}} | + | {{Team:DTU-Denmark/header.html}} <!-- DON'T TOUCH!!! --> |
− | <html> | + | <html lang="en"> |
+ | <head> | ||
+ | <!-- 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 --> | ||
+ | <title>Bootstrap Example</title> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | </head> | ||
− | <div class=" | + | <!-- BODY --> |
+ | <body data-spy="scroll" data-target="#scrollspy" data-offset="90"> | ||
+ | <div class="MYbody"> | ||
− | < | + | <div class="masthead"> |
+ | <div class="container-fluid"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 thumbnail" style="background-image:url(https://www.spring-green.com/wp-content/uploads/2015/12/Tree-that-needs-pruning1.jpg)"> <!-- EDIT style url (this should lead to an image) --> | ||
− | </div> | + | <div class="caption"> |
+ | <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> | ||
+ | </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> <!-- /row --> | ||
+ | <div class="border"></div> | ||
+ | </div> | ||
+ | </div> <!-- /masthead--> | ||
− | <div class=" | + | <br> |
− | <h5>What should this page have?</h5> | + | <!-- Content --> |
− | <ul> | + | <div class="container"> |
− | <li>Chronological notes of what your team is doing.</li> | + | <div class="row"> <!--Must sorround both content and sidebar--> |
− | <li> Brief descriptions of daily important events.</li> | + | <div class="col-md-9 col-sm-10 colLeft"> <!-- LEFT --> |
− | <li>Pictures of your progress. </li> | + | <div><a class="anchor" id="section-1"></a> |
− | <li>Mention who participated in what task.</li> | + | <h2 class="h2">Section 1</h2> |
− | </ul> | + | |
+ | <blockquote class="visible-xs"> <!-- quote from masterhead duplicate --> | ||
+ | <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> | ||
+ | <h3>iGEM info</h3> | ||
+ | <p> Document the dates you worked on your project.</p> | ||
+ | <h5>What should this page have?</h5> | ||
+ | <ul> | ||
+ | <li>Chronological notes of what your team is doing.</li> | ||
+ | <li> Brief descriptions of daily important events.</li> | ||
+ | <li>Pictures of your progress. </li> | ||
+ | <li>Mention who participated in what task.</li> | ||
+ | </ul> | ||
− | </ | + | <h5>Inspiration</h5> |
+ | <p>You can see what others teams have done to organize their notes:</p> | ||
− | <div class=" | + | <ul> |
− | < | + | <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li> |
− | <p> | + | <li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li> |
+ | <li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | <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><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> | ||
+ | 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> |
+ | <h2 class="h2">Section 4</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><a class="anchor" id="section-5"></a> | ||
+ | <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. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div><a class="anchor" id="section-6"></a> | ||
+ | <h2 class="h2">Section 6</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><a class="anchor" id="section-7"></a> | ||
+ | <h2 class="h2">Sponsors</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> <!-- /LEFT --> | ||
+ | |||
+ | <!-- RIGHT--> | ||
+ | <div class="col-md-3 col-sm-2 colRight" id="scrollspy"> | ||
+ | <ul class="nav" id="sidebar"> | ||
+ | <li><a href="#section-1">Section 1</a></li> | ||
+ | <li><a href="#section-2">Section 2</a></li> | ||
+ | <li><a href="#section-3">Section 3</a></li> | ||
+ | <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> <!-- /CONTENT--> | ||
+ | </div> <!-- /BODY--> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | <!--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> | ||
</html> | </html> | ||
+ | |||
+ | <!-- DON'T TOUCH!!! --> | ||
+ | {{Team:DTU-Denmark/footer}} |
Revision as of 16:09, 3 October 2016
Section 1
Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
iGEM info
Document the dates you worked on your project.
What should this page have?
- Chronological notes of what your team is doing.
- Brief descriptions of daily important events.
- Pictures of your progress.
- Mention who participated in what task.
Inspiration
You can see what others teams have done to organize their notes:
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
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.