The template provides following built-in styles which you can use to make your content more outstanding.
Modules with simple styling
Default Module
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.
Text Module
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _text
Module Style 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style1
Module Style 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style2
Modules Style 3
Module Style 3 Color 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style3 color1
Module Style 3 Color 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style3 color2
Module Style 3 Color 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style3 color3
Modules Style 3 with shadow
Module Style 3 Color 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style3 color1 shadow
Module Style 3 Color 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style3 color2 shadow
Module Style 3 Color 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style3 color3 shadow
Modules Style 3 with rounded corners
Module Style 3 Color 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style3 color1 shadow radius
Module Style 3 Color 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style3 color2 shadow radius
Module Style 3 Color 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style3 color3 shadow radius
Modules with scroll reveal
Scroll Reveal 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix moveup
This sample use following module class suffix: _style3 color3 shadow radius moveup
Scroll Reveal 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix movedown
This sample use following module class suffix: _style3 color2 shadow radius moveup
Scroll Reveal 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix moveleft
This sample use following module class suffix: _style3 color2 shadow radius moveup
Scroll Reveal 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix moveright
This sample use following module class suffix: _style3 color3 shadow radius moveup
Modules Style 4
Module Style 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style4 color1
Module Style 4 Color 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style4 color2
Module Style 4 Color 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Module Class Suffix _style4 color3
You can also use following suffixes with modules with style4 applied: color1
, color2
, color3
, moveup
, movedown
, moveleft
, moveright
.
To use FontAwesome icons in Style4 module type icon name in Header Class field
Modules Style 5
Module Style 5 Color 1
Module with image
Module Class Suffix _style5 color1 shadow
Module Style 5 Color 2
Module with image
Module Class Suffix _style5 color2
Module Style 5 Color 3
Module with image
Module Class Suffix _style5 color3
Modules Style 6
Module Style 6 Color 1
Module Class Suffix _style6 tes-down color1
Module Style 6 Color 2
Module Class Suffix _style6 tes-up color2
Module Style 6 Color 3
Module Class Suffix _style6 tes-down color3
To display person photo, name and stars above or below use tes-up
or tes-down
.
To display stars below the person name use one of following classes in Header Class field: stars5
, stars4
, stars3
, stars2
, stars1
Custom Module With Simple Parallax Image
Parallax Module
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This sample use following module class suffix: _style7 custom-color4
Usage
Module Class Suffix: _style7
Module Style: parallax
To align the text vertically use one of following suffixes: text-top
, text-middle
or text-bottom
. By default the text is set on middle.