Parallax Scrolling With Content Documentation

Possible Layouts

Layout Options: Welcome to the "Parallax Scrolling With Multi Content" module. This powerful module provides you with beautifully designed banners and with multiple functionalities. Here are some of the possible layout options: 

• Responsive and mobile-friendly: The "Parallax Scrolling with Multi Content" module is designed to provide optimal viewing experiences on various devices, including desktops, tablets, and mobile phones. With its responsiveness, your page will adapt seamlessly, ensuring a consistent and engaging experience across all platforms. 
• Customisation: The "Parallax Scrolling with Multi Content" module comes with a bunch of customisations, all of which you can control to give the user a seamless experience in tandem with your website’s colours, style, and design.  
• Style 1: Heading + CTA / Button + Parallax Background- Place Headline Text and CTA/ Button over the parallax background image effect 
• Style 2: Form with Parallax Effect- To capture your Leads' attention and get more form fills 
• Style 3: Form + Image + Parallax effect- To add more visual appeal to your landing pages. 
• Style 4: Headline Text + CTA / Button + Image + Parallax Background combination- To draw attention of your website visitors 
• Style 5: Headline Text + H2 Text + CTA / Button + Image + Parallax Background combination- The most dynamic combination to allow you to place the components as you need  

Content features: 

Customise the content part of headline, description, button, form, image from Content settings. 

1. Headline: Write the headline text and select the Heading type. Heading type selection aids in SEO. 

2. Description: Write the description you want to showcase on your image here. 

3. Button: Customise the CTA button label, URL and other controls from here. 

4. Form: Select the HubSpot form that you want to target from your account, and select what happens after the form is filled from here. 

5. Image: Select the image you of your choice from here. 

Style features:

Customise the module settings, content area, headline, description, button and form from style settings. 

1. Module Settings: Customise the module background, height & content width and spacing from module settings. 

2. ontent Area: Customise the content area width & alignment and text alignment from content area settings.  

3. Headline: Customise the headline text settings from headline settings

4. Description: Customise the description content from description settings. 

5. Button: Customise the button text, background, border, corners, spacing and what happens when you hover over the button from button settings. 

6. Form: Customise the form settings, labels, fields, error message and button from form settings. 

6.1 Form Settings: Customise the form background, border, corners and spacing from form settings.  

6.2 Labels: Customise the label fonts from labels settings. 

6.3 Fields: Customise the colour & font size, height, background, border and corners from fields settings. 

6.4 Error Message: Choose the error message colour from here. 

6.5 Button: Customise the button text, background, border, corners, spacing, hover and button size & alignment from button settings.