Module Variations
There are 8 stylistic module class suffixes which provide a unique style variation to the module: title1-8 and box1-8. There are also 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.
[spacer size=»80″]
Title 1
An example module using the title1 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Title 2
An example module using the title2 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Title 3
An example module using the title3 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Title 4
An example module using the title4 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column]
Title 5
An example module using the title5 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Title 6
An example module using the title6 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Title 7
An example module using the title7 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Title 8
An example module using the title8 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column]
Box 1
An example module using the box1 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Box 2
An example module using the box2 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Box 3
An example module using the box3 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Box 4
An example module using the box4 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column]
Box 5
An example module using the box5 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Box 6
An example module using the box6 module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
box-shadow
An example module using the box-shadow module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column] [column size=»1/4″]
Boxs-bevel
An example module using the box-bevel module class suffix.
Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.
[/column]
- Published in Uncategorised
About Us 2
[/content_slide]
[content_slide]
[/content_slide]
[/content_slider]
[/column]
[column size=»1/3″] [testimonial style=»2″ name=»Jackson» title=»Web Designer» photo=»images/sampledata/team/t8.jpg»]
SWEET MORNING SPRING WHICH I
ENJOY WITH WHOLE HEART
Lorem ipsum dolor sit amet, coectetuer adipiscing elit sed diam nonummy et nibh euismod aliquam erat volutpat
[/testimonial] [/column]- Hyper Text Markup Language
- Cascading Style Sheets
- PHP Programming
- JavaScript
- Graphic Design
[/column] [column size=»1/3″]
- Hyper Text Markup Language
- Cascading Style Sheets
- PHP Programming
- JavaScript
- Graphic Design
[/column] [column size=»1/3″]
- Hyper Text Markup Language
- Cascading Style Sheets
- PHP Programming
- JavaScript
- Graphic Design
[/column]
[plan name=»BASIC» price=»19.99″ period=»month» color=»#444444″ btn_url=»#» btn_text=»SIGN UP NOW» btn_background=»#34495e» btn_background_hover=»#1A242E»]
- Vitae adipiscing turpis. Aenean ligula nibh, molestie id vivide.
- 10GB Space amount
- Unlimited users
- 30GB Bandwidth
- Basic Security
- 20 MySQL Databases
[/plan]
[plan name=»PROFESSIONAL» price=»29.99″ period=»month» color=»#444444″ btn_url=»#» btn_text=»SIGN UP NOW» btn_background=»#34495e» btn_background_hover=»#1A242E»]
- Vitae adipiscing turpis. Aenean ligula nibh, molestie id vivide.
- 30GB Space amount
- Unlimited users
- 50GB Bandwidth
- Professional Security
- 40 MySQL Databases
[/plan]
[plan name=»STANDARD» price=»39.99″ period=»month» featured=»yes» color=»#444444″ btn_url=»#» btn_text=»SIGN UP NOW» btn_background=»#e54c4c» btn_background_hover=»#C91D1D» badge=»MOST POPULAR» badge_background=»#e54c4c»]
- Vitae adipiscing turpis. Aenean ligula nibh, molestie id vivide.
- 70GB Space amount
- Unlimited users
- 70GB Bandwidth
- Standard Security
- 60 MySQL Databases
[/plan]
[plan name=»PREMIUM» price=»99.99″ period=»month» color=»#444444″ btn_url=»#» btn_text=»SIGN UP NOW» btn_background=»#34495e» btn_background_hover=»#1A242E»]
- Vitae adipiscing turpis. Aenean ligula nibh, molestie id vivide.
- 100GB Space amount
- Unlimited users
- 120GB Bandwidth
- Premium Security
- 100 MySQL Databases
[/plan]
[animate type=»fadeInUp»]
[/animate]
[/column]
[column size=»1/5″]
[animate type=»fadeInUp» delay=»0.3″]
[/animate]
[/column]
[column size=»1/5″]
[animate type=»fadeInUp» delay=»0.6″]
[/animate]
[/column]
[column size=»1/5″]
[animate type=»fadeInUp» delay=»0.9″]
[/animate]
[/column]
[column size=»1/5″]
[animate type=»fadeInUp» delay=»1.2″]
[/animate]
[/column]
- Published in Pages
Photo Gallery 6
- Published in Gallery
Photo Gallery 5
- Published in Gallery
Photo Gallery 4
[photo_gallery source=»k2-category: 3,4,5,6,7″ limit=»12″ large=»4″ style=»3″]
- Published in Gallery