components.html JohnDoe Landing page | Components
Components

Buttons


Styles :
Sizes :
Colors :
Buttons Tags :

Inputs


Form controls :
Sizes :

Dropdowns


Directions :

Navigations


Progress Bars :


Default:
Success:
Danger:
Warning:
Info:
Dark:

Paginations :


Badges :


Primary Secondary Success Danger Warning Info Light Dark
Badge Pills :
Primary Secondary Success Danger Warning Info Light Dark

Alerts :


Tables


# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Striped rows :
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Bordred :
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Typography


<h1></h1> || .h1

h1. Bootstrap heading

<h2></h2> || .h2

h2. Bootstrap heading

<h3></h3> || .h3

h3. Bootstrap heading

<h4></h4> || .h4

h4. Bootstrap heading

<h5></h5> || .h5

h5. Bootstrap heading

<h6></h6> || .h6

h6. Bootstrap heading

Paragraph :

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat explicabo ab sed voluptas odit hic obcaecati qui omnis.

BlockQuote :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Ordred List :

  1. Integer molestie lorem at massa
  2. Facilisis in pretium nisl aliquet
  3. Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  4. Faucibus porta lacus fringilla vel
  5. Eget porttitor lorem

Unordred List :

  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Eget porttitor lorem

Unstyled List :

  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Eget porttitor lorem
Description lists :
Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio.

Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Truncated term is truncated
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Nesting
Nested definition list
Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.

Muted Text :

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.

Primary Text :

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.

Danger Text :

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.

Warning Text :

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.

Success Text :

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.

Info Text :

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.