Donec imperdiet laoreet elementum. Suspendisse felis libero, aliquet sit amet tincidunt sit amet, scelerisque

Cras sagittis, est ac consequat euismod, massa sem fringilla neque, et convallis ligula odio quis quam.

Etiam pulvinar felis vitae lacus tempus commodo. Vestibulum ante ipsum primis in faucibus orci luctus

Fusce quis odio in lorem rhoncus tincidunt. Donec tincidunt urna in nunc dictum condimentum ac non

Module Variations

There are 10 stylistic module class suffixes which provide a unique style variation to the module: title1-6 and box1-4. The title suffixes can be combined with the box suffixes and the box suffixes can be combined with box-bevel suffix. There are also box-basic and box-shadow suffixes; and various additional structural suffixes, these affect the layout and metrics of the module.

Furthermore, you can also add FontAwesome icons into the Module Class Suffix. You will get a medium sized icon to the left of the title. Suffixes are in the icon-NAME format such as icon-star, as shown on the Typography page.

Title1 Module Variation

Use title1 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title3 Module Variation

Use title3 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title5 Module Variation

Use title5 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title5 Box2

Use title5 box2 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title4 Box4

Use title4 box4 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title1 Box2

Use title1 box2 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title2 Box3

Use title2 box3 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title2 Variation

Use title2 class to get this like module style. just write the class in your module's module suffix so you get the result. you can conbine it with box or icon class

More Details

Title4 Module Variation

Use title4 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title6 Module Variation

Use title6 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title1 Box4

Use title1 box4 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title1 Box3

Use title1 box3 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Title3 Box1

Use title3 box1 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Box1 Module Sub title possible

Use box1 class to get this like module style. just write the class in your module's module suffix so you get the result. the susbtitle syntax is
Main title || subtitle

More Details

Box2 Module Variation

Use box2 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Box3 Module Variation

Use box3 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Box4 Module Variation

Use box4 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Box Bevel

Use box-bevel class to get this like module style. just write the class in your module's module suffix so you get the result. you can conbine it with title or icon

More Details

Box shadow

Use box-shadow class to get this like module style. just write the class in your module's module suffix so you get the result. you can conbine it with title or icon

More Details

Box7 Module Variation

Use box7 class to get this like module style. just write the class in your module's module suffix so you get the result.

More Details

Standard Variations: Additional Module Class Suffixes for advanced functional usage

  • text-center: centres the content of the module.
  • text-uppercase, text-lowercase: change the case of the module title.
  • nomargintop, nomarginright, nomarginbottom, nomarginleft, nomarginall: removes the various margins around the module.
  • nopaddingtop, nopaddingright, nopaddingbottom, nopaddingleft, nopaddingall: removes the various paddings around the module.
  • (small/med/large)paddingtop, (small/med/large)paddingright, (small/med/large)paddingbottom, (small/med/large)paddingleft: increase the paddings around the module.
  • (small/med/large)margintop, (small/med/large)marginright, (small/med/large)marginbottom, (small/med/large)marginleft: increase the paddings around the module.
  • (subsmall/submed/sublarge)paddingtop, (subsmall/submed/sublarge)paddingright, (subsmall/submed/sublarge)paddingbottom, (subsmall/submed/sublarge)paddingleft, (subsmall/submed/sublarge)paddingall: decrease the paddings around the module.
  • (subsmall/submed/sublarge)margintop, (subsmall/submed/sublarge)marginright, (subsmall/submed/sublarge)marginbottom, (subsmall/submed/sublarge)marginleft, (subsmall/submed/sublarge)marginall: decrease the paddings around the module.

Login Form

Social