loading...

Typography

Headings

Font-family: 'Lato', sans-serif;

Color: #111111;

Font weight: 400;

Heading One 52px

Heading Two 46px

Heading Three 30px

Heading Four 24px

Heading Five 18px
Heading Six 16px

Paragraphs

Font-family : Hind sans-serif;

Color : #696f6f;

Font-weight: 400;


It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Colors

Type: bg-primary;
Color: #0075C2;
Type: bg-success;
Color: #86CB35;
Type: bg-info;
Color: #77CAE3;
Type: bg-danger;
Color: #FF6666;
Type: bg-warning;
Color: #EAA932;

Buttons



Style :   Small Button
Font-size :   14px 
Font-color :   #77CAE3 
Hover Color :   #77CAE3 
Button Radius :   30px


Style :   Small Button
Font-size : 14px 
Font-color :   #0075C2 
Hover Color :   #0075C2 
Button Radius :   30px


Style :   Small Button
Font-size :   14px 
Font-color :   #86CB35 
Hover Color :   #86CB35
Button Radius :   30px


Style :   Small Button
Font-size :   14px 
Font-color :   #FF6666 
Hover Color :   #FF6666 
Button Radius :   30px


Style :   Medium Button
Font-size :   16px 
Font-color :   #77CAE3 
Hover Color :   #77CAE3 
Button Radius :   30px


Style :   Medium Button
Font-size :   16px 
Font-color :   #0075C2 
Hover Color :   #0075C2 
Button Radius :   30px


Style :   Medium Button
Font-size :   16px 
Font-color :   #86CB35 
Hover Color :   #86CB35 
Button Radius :   30px


Style :   Medium Button
Font-size :   16px 
Font-color :   #FF6666 
Hover Color :   #FF6666 
Button Radius :   30px


Style :   Large Button
Font-size :   20px 
Font-color :   #77CAE3 
Hover Color :   #77CAE3 
Button Radius :   30px


Style :   Large Button
Font-size :   20px 
Font-color :   #0075C2 
Hover Color :   #0075C2 
Button Radius :   30px


Style :   Large Button
Font-size :   20px 
Font-color :   #86CB35 
Hover Color :   #86CB35 
Button Radius :   30px


Style :   Large Button
Font-size :   20px 
Font-color :   #FF6666 
Hover Color :   #FF6666 
Button Radius :   30px

Alerts

Danger! negative action. ×
Success! positive action. ×
Info! informative action. ×
Warning! warning action. ×

Accordion

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

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

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

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

Forms

General Form
Radio 1 Radio 2
Checkbox 1 Checkbox 2
Horizontal Form
Radio 1 Radio 2
Checkbox 1 Checkbox 2

Tables

Header 1 Header 2 Header 3
Item 1 Item 1 Item 1
Item 2 Item 2 Item 2
Item 3 Item 3 Item 3
Header 1 Item 1
Header 2 Item 2
Header 3 Item 3
Header 4 Item 4

Lists

  • 1.   List Item
  • 2.   List Item
  • 3.   List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
image-missing