Choose Colour style

Typography

Default Buttons

Semi Curved Buttons

Curved Buttons

Buttons Size

Examples

Use <i class="icon-mobile"></i>.

icon-mobile
icon-laptop
icon-desktop
icon-tablet
icon-phone
icon-document
icon-documents
icon-search
icon-clipboard
icon-newspaper
icon-notebook
icon-book-open
icon-browser
icon-calendar
icon-presentation
icon-picture
icon-pictures
icon-video
icon-camera
icon-printer
icon-toolbox
icon-briefcase
icon-wallet
icon-gift
icon-bargraph
icon-grid
icon-expand
icon-focus
icon-edit
icon-adjustments
icon-ribbon
icon-hourglass
icon-lock
icon-megaphone
icon-shield
icon-trophy
icon-flag
icon-map
icon-puzzle
icon-basket
icon-envelope
icon-streetsign
icon-telescope
icon-gears
icon-key
icon-paperclip
icon-attachment
icon-pricetags
icon-lightbulb
icon-layers
icon-pencil
icon-tools
icon-tools-2
icon-scissors
icon-paintbrush
icon-magnifying-glass
icon-circle-compass
icon-linegraph
icon-mic
icon-strategy
icon-beaker
icon-caution
icon-recycle
icon-anchor
icon-profile-male
icon-profile-female
icon-bike
icon-wine
icon-hotairballoon
icon-globe
icon-genius
icon-map-pin
icon-dial
icon-chat
icon-heart
icon-cloud
icon-upload
icon-download
icon-target
icon-hazardous
icon-piechart
icon-speedometer
icon-global
icon-compass
icon-lifesaver
icon-clock
icon-aperture
icon-quote
icon-scope
icon-alarmclock
icon-refresh
icon-happy
icon-sad
icon-facebook
icon-twitter
icon-googleplus
icon-rss
icon-tumblr
icon-linkedin
icon-dribbble

Grid Example

col-grid-12
col-grid-11
col-grid-1
col-grid-11
col-grid-2
col-grid-9
col-grid-3
col-grid-8
col-grid-4
col-grid-7
col-grid-5
col-grid-6
col-grid-6
col-grid-5
col-grid-7
col-grid-4
col-grid-8
col-grid-3
col-grid-9
col-grid-2
col-grid-10
col-grid-1
col-grid-11
col-grid-4
col-grid-3
col-grid-5

Images shapes

images

.img-circle

images

.img-rounded

images

.img-border

images

.img-shadow

Default

Use <li><a href="facebook.com"></a></li>

Circle

Use <div class="social-links circle">

Brand Color

Use <div class="social-links circle brand-color">

H1 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

H2 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

H3 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

H4 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

H5 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

H6 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

Unordered list
  • 10 Reasons to Buy Monstroid2.
  • Getting to another  level of design
  • Clean Style. Cons and Pros.
Ordered list
  1. 10 Reasons to Buy Monstroid2.
  2. Getting to another  level of design
  3. Clean Style. Cons and Pros.
Blockquotes

It’s perfect to display the members of your staff, team or working force. Within Business Way HTMl template you. Adam Smith

Some other styles

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 

  • Bold Text: Whether you found me on YouTube
  • Italic: Whether you found me on YouTube
  • Strike-through: Whether you found me on YouTube
  • Link: Whether you found me on YouTube
  • Inline Code: Whether you found me on YouTube

typo

Centre aligned image

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

typo

Left aligned image

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

typo

Right aligned image

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Align none image

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

typo

 

Tables

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four