Instructions

Global Page Structure

Below are some mandatory components that you have to include before starting any page development

1. Header

2. Hero Banner Content

3. Footer

Between the Main Navigation and the Footer Component you can start placing the sections and start the page development.

Sticky Navigation Component with Transparent Background

1. header

Which has Sticky Navbar when scroll will stick at Top position and Adding Iterations Animation on the Main Header while page is scrolling > header sticky.

2. header > nav-logo

Which has nav-logo for Links to redirect to home page.

The Div with class named nav-logo contains the template logo.

Three Column Component - Horizontal

1. Click on Components in Left Toolbar Panel

• You can change icons directly from component right edit panel where you can see all the options of edit.
• You can edit Title and description directly from component right edit panel.

Three Column Component - Vertical

1. Click on Components in Left Toolbar Panel

• You can change icons directly from component right edit panel where you can see all the options of edit.
• You can edit Title and description directly from component right edit panel.

Footer Component ( Social logo + Copyright )

1. Click on Components in Left Toolbar Panel

Which has Footer Component just need to click on body and will add directly to after Footer section so just need to drag and place where ever you want.

2. Footer Component > copyright

It contains the Powered by and developed by links just change the link and publish you can check all your changes in preview mode or can check by staging link or Live link.

3. Footer Component > Social wrapper

The social logo wrapper in the footer is designed with distinct logos for both the initial and hover states. Additionally, each logo has an assigned link, which can be easily customized via the component panel to suit your needs.