Instructions

Global Page Structure

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

1. Navbar

2. Footer

3. Hero Section Content

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. Navbar

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.

1. How to use this component first you need to select the component and add it to the page were you want.
‍

2. Your whole contact us section is ready to use, do Note that if you make any changes here it will affect all the pages were the component is used.
‍

3. if you don't want to make changes in all pages then just right click on the component and go to option at bottom there is option of Unlink Instance just select it and your component is now unlinked you can now make any new changes to that section and it will not affect to other pages.

Footer Component

‍

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.

• To change Logo in footer just select the logo and you will see on right style panel a component options will be visible where there is logo option to change just replace it with your new logo.
• To change links in Useful links you need to select the link option and you will see on right style panel a component options will be visible where there is footer links 01 to 06 option just change all links or any link you want.
• To change Address, Email and Phone text and link you need to select the link option and you will see on right style panel a component options will be visible where there is Address - Text field, footer link phone and footer link email option to change.

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.