General Elements

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
  • Bullet List 1
    • Bullet List 1.1
    • Bullet List 1.2
    • Bullet List 1.3
    • Bullet List 1.4
  • Bullet List 2
  • Bullet List 3
  • Bullet List 4
  1. Number List 1
    1. Number List 1.1
    2. Number List 1.2
    3. Number List 1.3
    4. Number List 1.4
  2. Number List 2
  3. Number List 3
  4. Number List 4
Definition title dt
Defination description dd
Definition title dt
Defination description dd

Code tag: Lorem ipsum dolor sit amet, consectetur adipisicing 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.

block quote Lorem ipsum dolor sit amet, consectetur adipisicing 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.

element with class .f-left
element with class .f-right

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Lorem ipsum dolor sit amet, consectetur adipisicing 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. Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Tables

Table with class .data-table

THEAD THTHEAD THTHEAD THTHEAD THTHEAD TH
TBODY TDTBODY TDTBODY TDTBODY TDTBODY TD
TBODY TDTBODY TDTBODY TDTBODY TDTBODY TD
TBODY TDTBODY TDTBODY TDTBODY TDTBODY TD

 

Custom CSS Classes

tag small and class .small

element with class .underline

ul.none and ol.none:

  • Bullet List 1
    • Bullet List 1.1
    • Bullet List 1.2
    • Bullet List 1.3
    • Bullet List 1.4
  • Bullet List 2
  • Bullet List 3
  • Bullet List 4

ul.hoz and ol.hoz:

  • Bullet List 1
  • Bullet List 2
  • Bullet List 3
  • Bullet List 4

paragraph with class .box:

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Paragraph with class .bottom always has margin-bottom = 0.

Add class .hide-lte2 to hide element when screen's width less than 1280px.

This block will disappear when resize window less than 1280px

Add class .hide-lte1 to hide element when screen's width less than 980px.

This block will disappear when resize window less than 980px

Add class .hide-lte0 to hide element when screen's width less than 760px.

This block will disappear when resize window less than 760px

 

Icons

.icon.search

span.icon.search

.icon.my_account

.icon.log_in

span.icon.log_in

.icon.register

span.icon.register

.icon.phone

span.icon.phone

.icon.address

span.icon.address

.icon.email

.icon.facebook

.icon.pinterest

span.icon.pinterest

.icon.twitter

.icon.google

span.icon.google

.icon.rss

span.icon.rss

.icon.vimeo

span.icon.vimeo

 

Logo

.brand-logo.visa

.brand-logo.paypal

.brand-logo.express

.brand-logo.master

 

Label

.label.new

  • New

.label.hot

  • Best

.label.special

  • Sale

 

image with class .img-responsive:

image with class .img-responsive