modular theme

Key Features

modular features

Responsive Layout
Multiple Widths
Multiple layouts
Boxed & Fluid layout
Customizable Toolbar
Banner Image with Parallax
Back to top button
4 Extracontent Areas
Color options for Layout and text
Perfect logo (autosize)
Banner Overlay with Gradient
Customize Style "Progress bar"
Customize Style "Privacy Policy"
Built-In Fonts, Bold, Regular, Light
Icons with Awesome Fonts 4, 5, 6
No External link or resources
Demo projects Classic Pages + Stacks
Free Extracontent Stack
Responsive Layout
Multiple Widths
Boxed & Fluid layout
Customizable Toolbar
Banner Image with Parallax
Back to top button
Multiple layouts
4 Extracontent Areas
Color options for Layout and text
Perfect logo (autosize)
Banner Overlay with Gradient
Customize Style "Progress bar"
Customize Style "Privacy Policy"
Fonts, Bold, Regular, Light
Icons with Awesome Fonts 4, 5, 6
No External link or resources
Demo projects Classic Pages + Stacks
Free Extracontent Stack
Stacks Image 120916

Best Google Fonts for Websites

modular

Raleway Light

modular

Raleway

modular

Raleway Bold

modular

Lato Light

modular

Lato

modular

Lato Bold

modular

Ospen San Light

modular

Ospen San

modular

Ospen San Bold

modular

Montserrat Light

modular

Montserrat

modular

Montserrat Bold
Stacks Image 120933

Version 1.0.1:

- Optimized embedded fonts loading,
- Updated info in Plist.

Features List

Core Template

Site Styles & Classes
Show/Hide Module

Loads theme basics and core styles

RapidWeaver Classic Pages
Show/Hide Module

Load all Styles for RW Classic Plugins

Banner Image

Show/Hide Module

In body:

• Full Page Fixed
Info: The image is fixed also on mobile devices

In Header:
• Header
• Header Parallax
• Header & ExtraContent 2
• Header Parallax & ExtraContent 2

Classes:
Add banner Image with Classes

Banner Overlay

Show/Hide Module

CSS filter:
Normal Color, Multiply, Color Burn, Darken, Lighten , Screen, Color Dodge, Overlay, Soft Light, Hard Light, Difference, Exclusion

Fade-In Overlay

Show/Hide Module

CSS filter:
Normal Color, Multiply, Color Burn, Darken, Lighten , Screen, Color Dodge, Overlay, Soft Light, Hard Light, Difference, Exclusion

Extracontent 1 & 2

Customize Font and Colours
• Max Width
• Padding Desktop & mobile with BreakPoint
• Font size Desktop & mobile with BreakPoint
( Free Stack enclosed )

Page

Customize Font and Colours
• Boxed Layout
• Max Width
• Padding Desktop & mobile with BreakPoint
• Font size Desktop & mobile with BreakPoint

Dual Navigation

Show/Hide Module

Customize Font and Colours
• Nav Desktop custom padding
• Nav Desktop aligned left
• Nav mobile inline
• Nav mobile max width


BreakPoint Variabile with Slider
• Show Nav mobile at pixel…

Built-In WebFont:

Show/Hide Fonts Modules

Add Font Family to:
Body text
Titles and Navigation
h1 & h2 + h3 & h4 + h5 & h6 Classes

1: Borel


2: Lucida Grande

3: Lucida Bold


4: Verdana

5: Verdana Bold


6: Georgia

7: Georgia Bold


8: Raleway

9: Raleway Light

10: Raleway Bold


11: Lato

12: Lato Light

13: Lato Bold


14: Ospen San

15: Ospen San Light

16: Ospen San Bold


17: Montserrat

18: Montserrat Light

19: Montserrat Bold


Titles & Extracontent 3

Show/Hide Module

• Left, Center, Right, Disable
• Show your logo
• Show Titles
• Max Width
• Margin Top & Bottom
• Font Italic & Uppercase
• Add Shine with custom speed and direction
• Extracontent 3 Padding & Font Size
• Text and link colours
Box Animations
Show/Hide Module
Fade In
Slide Up
Slide Down
Slide left
Slide Right
Scale Left
Scale Right
Rotate Left
Rotate Right
Rotate Top

[+] Combo Options

• Back to Top Button
• Built-In Icons
• Plus Code Responsive Text & Icons
• Load all Built-In WebFonts Classes
External
• Library Normalize
• Library Bootstrap

RW Privacy Message

• Content Text Size
• Color text and background

Progress bar

Show/Hide Module

• Progress bar
• Color and thickness

Footer

Show/Hide Module

• Align Left
• Align Left Extended
• Align Right
• Align Right Extended

AWESOME Font

Icons Library (free version)
• Version 4
• Version 5
• Version 6
Stacks Image 120912

Banner Image Extras

BANNER IMAGE > YOUR TEXT


<p class=" bannertext ">Your text</p>
<span class="bannertext">Your text</span>

Use a simple class " bannertext " to add the banner image into your text

BANNER IMAGE > BACKGROUND

Stacks Image 120827
Add the " bannerbackground " class to any element to fill the background with the banner image