Website Style Guide
Navbar
Colors
Buttons
Default
Primary
Success
Info
Warning
Danger
Link
Default
Primary
Success
Info
Warning
Danger
Link
Default
Primary
Success
Info
Warning
Danger
Link
Default
Primary
Success
Info
Warning
Danger
Link
Default
Primary
Success
Info
Warning
Danger
Link
Default
Primary
Success
Info
Warning
Danger
Link
Default
Primary
Success
Info
Warning
Danger
Link
WATCH VIDEO
WATCH VIDEO
WATCH VIDEO
WATCH VIDEO
WATCH VIDEO
WATCH VIDEO
Default
Primary
Success
Info
Warning
Danger
Link
Fonts
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Example body text
Nullam quis risus eget urna mollis ornare vel eu leo. Cum
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus. Nullam id dolor id nibh ultricies vehicula.
This line of text is meant to be treated as fine print.
The following snippet of text is
rendered as bold text.
The following snippet of text is
rendered as italicized text.
An abbreviation of the word attribute is
attr.
Nam eget dui. Maecenas malesuada. Praesent egestas neque eu enim. In dui
magna, posuere eget, vestibulum et, tempor auctor, justo. Nullam tincidunt
adipiscing enim.
Nam eget dui. Maecenas malesuada. Praesent egestas neque eu enim. In dui
magna, posuere eget, vestibulum et, tempor auctor, justo. Nullam tincidunt
adipiscing enim.
Emphasis classes
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Nullam id dolor id nibh ultricies vehicula ut id elit.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Maecenas sed diam eget risus varius blandit sit amet non magna.
H1 Light
300
H1 Normal
400
H1 Medium
500
H1 Bold
700
H1 Ultra Bold
900
H2 Light
300
H2 Normal
400
H2 Medium
500
H2 Bold
700
H2 Ultra Bold
900
H3 Light
300
H3 Normal
400
H3 Medium
500
H3 Bold
700
H3 Ultra Bold
900
H4 Light
300
H4 Normal
400
H4 Medium
500
H4 Bold
700
H4 Ultra Bold
900
Blockquotes
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
Navs
Tabs
Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt
tofu stumptown aliqua, retro synth master cleanse. Mustache cliche
tempor, williamsburg carles vegan helvetica. Reprehenderit butcher
retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui
irure terry richardson ex squid. Aliquip placeat salvia cillum iphone.
Seitan aliquip quis cardigan american apparel, butcher voluptate
nisi qui.
Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin
coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings
next level wes anderson artisan four loko farm-to-table craft beer
twee. Qui photo booth letterpress, commodo enim craft beer mlkshk
aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic,
assumenda labore aesthetic magna delectus mollit.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold
out mcsweeney’s organic lomo retro fanny pack lo-fi farm-to-table
readymade. Messenger bag gentrify pitchfork tattooed craft beer,
iphone skateboard locavore carles etsy salvia banksy hoodie helvetica.
DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork.
Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party
before they sold out master cleanse gluten-free squid scenester freegan
cosby sweater. Fanny pack portland seitan DIY, art party locavore
wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia
PBR, banh mi before they sold out farm-to-table VHS viral locavore
cosby sweater.
Pills
Breadcrumbs
Indicators
Alerts
Warning!
Best check yo self, you’re not looking too good. Nulla vitae elit libero,
a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Labels
Primary
Success
Warning
Danger
Info
Primary
Success
Warning
Danger
Info
Badges
Progress bars
Basic
Contextual alternatives
Striped
Animated
Stacked
Containers
Jumbotron
This is a simple hero unit, a simple jumbotron-style component for calling
extra attention to featured content or information.
List groups
-
14
Cras justo odio -
2
Dapibus ac facilisis in -
1
Morbi leo risus
Panels
Panel primary
Panel success
Panel warning
Panel danger
Panel info
Wells
Dialogs
Modals
Popovers
Tooltips