Instructions

Global Page Structure

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

1. Header

2. Footer

3. Hero Banner 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. 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.

Common Three Column grid component

1. Click on Components in Left Toolbar Panel

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

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

Services Sticky Cards Section

1. Click on the Navigator panel and select section-services to get started

Just Copy and paste this section and you are ready to use the sticky cards section.

• You can change icons Text, Heading, Text and Price tags from sticky card blocks.
• You can edit Title and description directly from section left side of sticky blocks.

Call to Action Component with Parallax Background Image and Content

1. Click on Components in Left Toolbar Panel

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

• Select Section Background from right style panel and go to background as per screenshot you can change image from there.
• You can also change the Main Heading and Button text and link.

Footer Component ( Call to action + Map + 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 > Book an appointment

It contains the Book an Appointment component were you can add your Call to action title and description, Number name and link to any number you want to add with Mail address just add mail id and same mail id to link.

3. Footer Component > copyright

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