Line 3: | Line 3: | ||
<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 26-9-16-14:22 fix white space above picture, do not edit the spaces between things this create unintentional space--> | ||
<title>Bootstrap Example</title> | <title>Bootstrap Example</title> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
Line 16: | Line 18: | ||
<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:// | + | <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 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> | + | <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> | ||
<div class="col-md-2 col-sm-2 hidden-xs space"></div> | <div class="col-md-2 col-sm-2 hidden-xs space"></div> | ||
Line 49: | Line 51: | ||
</blockquote> | </blockquote> | ||
− | <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> |
− | + | 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> <!-- /overview--> | ||
<div><a class="anchor" id="section-2"></a> | <div><a class="anchor" id="section-2"></a> | ||
− | <h2 class="h2"> | + | <h2 class="h2">Parts list</h2> |
− | + | ||
− | <p> | + | <div class="grid-row"> |
− | + | <div class="col-md-3 col-sm-3 col-xs-12"> | |
− | + | <a href="#link_to_biobrick">BBa_K2117000</a> | |
− | + | </div> | |
− | + | <div class="col-md-9 col-sm-9 col-xs-12"> | |
− | + | <p>Description of biobrick</p> | |
− | + | </div> | |
− | + | </div> <!-- /grid-row --> | |
− | + | ||
− | + | <div class="grid-row"> | |
− | + | <div class="col-md-3 col-sm-3 col-xs-12"> | |
− | + | <a href="#link_to_biobrick">BBa_K2117001</a> | |
− | + | </div> | |
− | + | <div class="col-md-9 col-sm-9 col-xs-12"> | |
− | + | <p>Description of biobrick</p> | |
− | + | </div> | |
+ | </div> <!-- /grid-row --> | ||
+ | |||
+ | <div class="grid-row"> | ||
+ | <div class="col-md-3 col-sm-3 col-xs-12"> | ||
+ | <a href="#link_to_biobrick">BBa_K2117002</a> | ||
+ | </div> | ||
+ | <div class="col-md-9 col-sm-9 col-xs-12"> | ||
+ | <p>Description of biobrick</p> | ||
+ | </div> | ||
+ | </div> <!-- /grid-row --> | ||
+ | |||
+ | <div class="grid-row"> | ||
+ | <div class="col-md-3 col-sm-3 col-xs-12"> | ||
+ | <a href="#link_to_biobrick">BBa_K2117003</a> | ||
+ | </div> | ||
+ | <div class="col-md-9 col-sm-9 col-xs-12"> | ||
+ | <p>Description of biobrick</p> | ||
+ | </div> | ||
+ | </div> <!-- /grid-row --> | ||
+ | |||
+ | <div class="grid-row"> | ||
+ | <div class="col-md-3 col-sm-3 col-xs-12"> | ||
+ | <a href="#link_to_biobrick">BBa_K2117004</a> | ||
+ | </div> | ||
+ | <div class="col-md-9 col-sm-9 col-xs-12"> | ||
+ | <p>Description of biobrick</p> | ||
+ | </div> | ||
+ | </div> <!-- /grid-row --> | ||
+ | |||
+ | <div class="grid-row"> | ||
+ | <div class="col-md-3 col-sm-3 col-xs-12"> | ||
+ | <a href="#link_to_biobrick">BBa_K2117005</a> | ||
+ | </div> | ||
+ | <div class="col-md-9 col-sm-9 col-xs-12"> | ||
+ | <p>Description of biobrick</p> | ||
+ | </div> | ||
+ | </div> <!-- /grid-row --> | ||
+ | |||
+ | <div class="grid-row"> | ||
+ | <div class="col-md-3 col-sm-3 col-xs-12"> | ||
+ | <a href="#link_to_biobrick">BBa_K2117009</a> | ||
+ | </div> | ||
+ | <div class="col-md-9 col-sm-9 col-xs-12"> | ||
+ | <p>Description of biobrick</p> | ||
+ | </div> | ||
+ | </div> <!-- /grid-row --> | ||
+ | |||
+ | <div class="grid-row"> | ||
+ | <div class="col-md-3 col-sm-3 col-xs-12"> | ||
+ | <a href="#link_to_biobrick">BBa_K2117010</a> | ||
+ | </div> | ||
+ | <div class="col-md-9 col-sm-9 col-xs-12"> | ||
+ | <p>Description of biobrick</p> | ||
+ | </div> | ||
+ | </div> <!-- /grid-row --> | ||
+ | |||
+ | <div class="grid-row"> | ||
+ | <div class="col-md-3 col-sm-3 col-xs-12"> | ||
+ | <a href="#link_to_biobrick">BBa_K2117011</a> | ||
+ | </div> | ||
+ | <div class="col-md-9 col-sm-9 col-xs-12"> | ||
+ | <p>Description of biobrick</p> | ||
+ | </div> | ||
+ | </div> <!-- /grid-row --> | ||
+ | |||
+ | <div class="grid-row"> | ||
+ | <div class="col-md-3 col-sm-3 col-xs-12"> | ||
+ | <a href="#link_to_biobrick">BBa_K2117012</a> | ||
+ | </div> | ||
+ | <div class="col-md-9 col-sm-9 col-xs-12"> | ||
+ | <p>Description of biobrick</p> | ||
+ | </div> | ||
+ | </div> <!-- /grid-row --> | ||
+ | |||
+ | <div class="grid-row"> | ||
+ | <div class="col-md-3 col-sm-3 col-xs-12"> | ||
+ | <a href="#link_to_biobrick">BBa_K2117013</a> | ||
+ | </div> | ||
+ | <div class="col-md-9 col-sm-9 col-xs-12"> | ||
+ | <p>Description of biobrick</p> | ||
+ | </div> | ||
+ | </div> <!-- /grid-row --> | ||
+ | |||
+ | |||
<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. | |
− | + | </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> | <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> | </p> | ||
− | + | </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> | ||
− | + | ||
− | <div><a class="anchor" id="section- | + | <div><a class="anchor" id="section-7"></a> |
− | <h2 class="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. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</p> | </p> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> <!-- /LEFT --> | </div> <!-- /LEFT --> | ||
− | |||
− | |||
<!-- RIGHT--> | <!-- RIGHT--> | ||
Line 163: | Line 225: | ||
<li><a href="#section-2">Section 2</a></li> | <li><a href="#section-2">Section 2</a></li> | ||
<li><a href="#section-3">Section 3</a></li> | <li><a href="#section-3">Section 3</a></li> | ||
− | <li><a href="# | + | <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> | </ul> | ||
</div> <!-- /RIGHT --> | </div> <!-- /RIGHT --> |
Revision as of 19:30, 15 October 2016
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
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.
Parts list
Description of biobrick
Description of biobrick
Description of biobrick
Description of biobrick
Description of biobrick
Description of biobrick
Description of biobrick
Description of biobrick
Description of biobrick
Description of biobrick
Description of biobrick
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.