## Style Library 1

## Typography

### Headings

All HTML headings, `<h1>` through `<h6>`, are available. `.h1` through `.h6` classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.

# h1

# Vegan polaroid trust fund.

## h2

## Pinterest freegan food truck.

### h3

### Wes Anderson small batch hoodie XOXO.

#### h4

#### 8-bit typewriter, retro pork belly.

##### h5

##### Lo-fi pop-up Helvetica synth pug kitsch.

###### h6

###### Echo Park whatever try-hard ethical, skateboard Pinterest cliche.

Lead copy

Echo Park whatever try-hard ethical, skateboard Pinterest cliche banjo chia.

Paragraph copy

Echo Park whatever try-hard ethical, skateboard Pinterest cliche banjo chia. Sriracha church-key four loko, gastropub Etsy ethnic actually hella Odd Future meggings shabby chic leggings salvia master cleanse stumptown. Literally Tonx McSweeney's chia keffiyeh scenester next level meh.

Small copy

Helvetica mustache squid plaid meh Brooklyn hashtag, retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.

### Font Awesome list

- Vivae modipsae voloratati
- Andigen daepeditem labore
- Laceaque ectemperum quiae
- Restibses vaio es tumquam
- Operum tibusam eumenis

### Circle list

- Vivae modipsae voloratati
- Andigen daepeditem labore
- Laceaque ectemperum quiae
- Restibses vaio es tumquam
- Operum tibusam eumenis

### Numbered list

1. Vivae modipsae voloratati
2. Andigen daepeditem labore
3. Laceaque ectemperum quiae
4. Restibses vaio es tumquam
5. Operum tibusam eumenis

## Color Palette

Add a splash of color to your site.

white
#FFFFFF

offwhite
#F5F5F5

clouds
#ECF0F1

silver
#BDC3C7

tan
#D1DBBD

pewter
#91AA9D

sunflower
#F1C40F

orange
#F39C12

guardsman
#D90000

pomegranate
#C0392B

deco
#C9D787

crete
#7D8A2E

turquoise
#1ABC9C

aqua
#16A085

river
#3498DB

marina
#2980B9

moonlight
#3E606F

deepocean
#193441

sienna
#BF4E19

milanored
#AC1C00

finn
#723147

tamarind
#31152B

concrete
#95A5A6

asbestos
#7F8C8d

black
#111111

### Coloring Text Elements

To color text, use the color name as the class.

# H1 class="moonlight"

## H2 class="guardsman"

### H3 class="turquoise"

    <h1 class="moonlight">Your Text</h1>

    <h2 class="guardsman">Your Text</h2>

    <h3 class="turquoise">Your Text</h3>

## Coloring Block Elements

To color background sections and div blocks, use bg-'color name' as the class.

    <section class="content-block bg-finn">Your content...</section>

## Buttons

### Standard Buttons

The default primary colors for the framework.

### Button Sizes

### Outline Buttons - Dark

### Outline Buttons - Light

### Buttonbar

1 2 3 4
5 6
Dropdown

### Button Group Vertical

Button Button Button Button

## Block Quotes

> 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. Integer posuere erat a ante.

> Someone famous in Source Title

## Tables

# | Column heading | Column heading | Column heading
--- | --- | --- | ---
1 | Column content | Column content | Column content
2 | Column content | Column content | Column content
3 | Column content | Column content | Column content
4 | Column content | Column content | Column content
5 | Column content | Column content | Column content
6 | Column content | Column content | Column content
7 | Column content | Column content | Column content

## Forms

Email
Password
Checkbox
Textarea
A longer block of help text that breaks onto a new line and may extend beyond one line.
Radios
Option one is this
Option two can be something else
Selects

## Navs

### Tabs

### Design

Magnis modipsae que lib voloratati andigen daepedor quiate ut reporemni aut labor. Laceaque quiae sitiorem ut restibusaes es tumquam core posae volor remped modis volor. Doloreiur qui commolu ptatemp dolupta orem retibusam emnis et consent accullignis lomnus.

### Development

Magnis modipsae que lib voloratati andigen daepedor quiate ut reporemni aut labor. Laceaque sitiorem ut restibusaes es tumquam core posae volor remped modis volor. Doloreiur qui commolu ptatemp dolupta orem retibusam emnis et consent accullignis lomnus.

### Bootstrap

Magnis modipsae lib voloratati andigen daepedor quiate aut labor. Laceaque quiae sitiorem resti est lore tumquam core posae volor uso remped modis volor. Doloreiur qui commolu ptatemp dolupta orem retibusam emnis et consent it accullignis orum lomnus.

### Responsive

Magnis modipsae lib voloratati andigen daepedor quiate aut labor. Laceaque quiae sitiorem resti est lore tumquam core posae volor uso remped modis volor. Doloreiur qui commolu ptatemp dolupta orem retibusam emnis et consent it accullignis orum lomnus.

### WordPress

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes es tumquam core posae volor remped modis volor. Doloreiur qui commolu ptatemp dolupta oreprerum tibusam emnis et consent accullignis.

### Pills

### Breadcrumbs

### Pagination

### Pager

- Previous
- Next

- Older
- Newer

## Accordian & Toggle Boxes

#### Accordion 1 – Starts Open

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

#### Accordion 2

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

#### Accordion 3

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

#### Toggle – Heading Right

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

#### Toggle – Heading Right (No Arrow)

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

#### Toggle – Heading Left

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

#### Toggle – Heading Left (No Arrow)

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

© Bskit - Bootstrap Starter Kit 2015

Made with in London