Grid

Auto col sizes
1 of 2
2 of 2
1 of 3
2 of 3
3 of 3
 
Specified col sizes
col-lg-6
col-lg-6
col-lg-6
col-lg-6
col-lg-4
col-lg-4
 

Typography

Colours
body text color
 

h1 mobile

h2 mobile

h3 mobile

h4 mobile

 

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut nisi tincidunt, ornare diam nec, dapibus est. Mauris eu congue odio. Ut vehicula neque nec volutpat tristique. Integer quis feugiat sapien. Vestibulum mollis eget erat ac ullamcorper. Ut quis auctor lacus. Mauris commodo est laoreet mi luctus suscipit. Vivamus rhoncus, nisi sed iaculis hendrerit, purus ex laoreet nulla, non bibendum sem sapien non elit. Curabitur posuere vitae risus at pretium. Proin sit amet mollis ipsum. Vivamus commodo scelerisque pellentesque.

Maecenas dictum facilisis lorem, vel ultrices ex elementum consequat. Donec fermentum, sapien eu pellentesque blandit, libero neque euismod elit, ac condimentum velit mauris ut felis. Ut at justo a erat interdum interdum. In pellentesque maximus aliquet. Aenean tempor ligula a metus scelerisque egestas. Donec venenatis interdum metus. Proin lectus sapien, bibendum quis dolor a, ornare elementum arcu. Etiam urna ex, dapibus nec diam a, malesuada ornare ipsum. Nunc non mi et augue cursus feugiat. Pellentesque convallis turpis sed lacus tincidunt tincidunt.

Duis nibh nisi, euismod sed metus vel, dapibus dapibus magna. Duis efficitur scelerisque leo. Nunc dictum commodo faucibus. Nulla facilisi. Donec hendrerit libero non velit consequat commodo. Nullam pharetra eleifend tortor, sollicitudin sollicitudin nulla malesuada eget. Praesent viverra metus non lobortis blandit. Fusce venenatis rhoncus magna nec pulvinar.

You can use the mark tag to highlight text. <mark></mark>

This line of text is meant to be treated as deleted text. <del></del>

This line of text is meant to be treated as no longer accurate. <s></s>

This line of text is meant to be treated as an addition to the document. <ins></ins>

This line of text will render as underlined <u></u>

This line of text is meant to be treated as fine print. <small></small>

This line rendered as bold text. <strong></strong>

This line rendered as italicized text. <em></em>

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
 
Font Awesome
 

Extra classes

Extra classes
.block .inline-block
 
.text-large .text-med .text-small .text-mini
 
.font-family1 .font-family2
 
.bold .normal .label
 

Colours

Main site colours
$pColor
$sColor
$tColor
 
Colour variables
$primary
$secondary
$success
$info
$warning
$danger
$light
$dark
$white
$black
$blue
$indigo
$purple
$pink
$red
$orange
$yellow
$green
$teal
$cyan
 
Border color
$border-color
 

Form Elements

Input colours
$input-border-color
$input-color
$input-btn-focus-color
 
Standard HTML5 Inputs
This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.
 
Default Radio / Checkboxes
Custom Inputs
 
 
Information text below input.
Information text below input.
 
$
$
 
Styled Radio / Checkboxes
 

Buttons



Split buttons

Button types
Link
Button sizes


Button states
Primary link Active Link Active Primary link Disabled Link Disabled
 

Tables

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Mark Otto @TwBootstrap
3 Jacob Thornton @fat
4 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Mark Otto @TwBootstrap
3 Jacob Thornton @fat
4 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Responsive table
# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell
 

Accordian

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 

Jumbotron

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.


It uses utility classes for typography and spacing to space content out within the larger container.

Learn more

 

Icons

icon-hubs-clinical.svg
 

Wordpress calls

 
https://sproutsend.com/wp-content/themes/sproutsend
 

We use cookies to ensure that we give you the best experience on our website.