This Template is designed to allow you to easily build a page. Apply changes to your entire site. This Template Pack provides you with everything you need to create a website on HubSpot that represent your brand well and help you grow your business.
Watch the video below, where you can learn how to customize and edit the Clear Real Estate Contact Page Template easily.
If you have any Sales or Support related questions, you can anytime reach us at hello@webdew.com or visit this page.
Let's see how it Works:-
Section Edit - 1
Banner Settings:-
In this module, First, we have to add the Given Backgrounds. Here we have the Many Option to make an Amazing Background.
We have the following options for the Background:-
- Image Background
- Color Background
- Gradient Background
- Image Background
- Video Background
Image Background: - Select the Required image for the background. We can set the height and width of the banner image and also get the options for the overlay on the image.
Banner Height Adjustment:-
In this option, we get the two options Fullscreen all the way and set the height.
Full Screen:- This option adjusts the height automatically according to the height of the image.
Set the height:- This option is used to set the height as per your use.
Banner content:- This option is used to add the content in the banner section. The first setting is for content alignment. then add the heading, subheading, and Description in the banner. If we don't want the subheading. we can easily disable the subheading from the button.
CTA Button:- To add the CTA, first enable the CTA button Option. Now Click on the add button. In the end, Add the Button text and link.
CTA / Button Settings:- With these settings, the user can style the button. First, select the button style options to have Default and Gradient.
Following Style settings we have:-
- Adjust the font size
- Change the border wdth
- Choose the text transformation
- Add the border Radius
- Change the button color, text color, background color, and hover color.
Select the layout: - In this option, the user gets the two layouts first is the standard layout. The second is left content with Table.
Standard Setting:- This Option has followed the same layout.
Left Content With Table:- This option provides the text with the table. The user can easily change the content of this section.
Follow these steps to anything in hours Table:-
- First, add the background-color
- Add the table heading
- Set the margin as per the use
- Update the divider gradient color
- Add the office timing
- Update the text color
- Update the border-color
- Change the text size in phone
- Set the phone number
- Add the color in the phone number text.
Gradient background:-
To add the Gradient color in the banner section. first, select the Gradient as the background option. Now select the background color for your banner.
Banner Height Adjustment:-
In this option, we get the two options Fullscreen all the way and set the height.
Full Screen:- This option adjusts the height automatically according to the height of the image.
Set the height:- This option is used to set the height as per your use.
Banner content:- This option is used to add the content in the banner section. The first setting is for content alignment. then add the heading, subheading, and Description in the banner. If we don't want the subheading. we can easily disable the subheading from the button.
CTA Button:- To add the CTA, first enable the CTA button Option. Now Click on the add button. In the end, Add the Button text and link.
CTA / Button Settings:- With these settings, the user can style the button. First, select the button style options to have Default and Gradient.
Following Style settings we have:-
- Adjust the font size
- Change the border wdth
- Choose the text transformation
- Add the border Radius
- Change the button color, text color, background color, and hover color.
Select the layout: - In this option, the user gets the two layouts first is the standard layout. The second is left content with Table.
Standard Setting:- This Option has followed the same layout.
Left Content With Table:- This option provides the text with the table. The user can easily change the content of this section.
Follow these steps to anything in hours Table:-
- First, add the background-color
- Add the table heading
- Set the margin as per the use
- Update the divider gradient color
- Add the office timing
- Update the text color
- Update the border-color
- Change the text size in phone
- Set the phone number
- Add the color in the phone number text.
Video background : -
To add the Video in the banner section. first, select the Video as the background option. Now select the background Video for your banner.
Banner Height Adjustment:-
In this option, we get the two options Fullscreen all the way and set the height.
Full Screen:- This option adjusts the height automatically according to the height of the image.
Set the height:- This option is used to set the height as per your use.
Banner content:- This option is used to add the content in the banner section. The first setting is for content alignment. then add the heading, subheading, and Description in the banner. If we don't want the subheading. we can easily disable the subheading from the button.
CTA Button:- To add the CTA, first enable the CTA button Option. Now Click on the add button. In the end, Add the Button text and link.
CTA / Button Settings:- With these settings, the user can style the button. First, select the button style options to have Default and Gradient.
Following Style settings we have:-
- Adjust the font size
- Change the border width
- Choose the text transformation
- Add the border Radius
- Change the button color, text color, background color, and hover color.
Select the layout: - In this option, the user gets the two layouts first is the standard layout. The second is left content with Table.
Standard Setting:- This Option has followed the same layout.
Left Content With Table:- This option provides the text with the table. The user can easily change the content of this section.
Follow these steps to anything in hours Table:-
- First, add the background-color
- Add the table heading
- Set the margin as per the use
- Update the divider gradient color
- Add the office timing
- Update the text color
- Update the border-color
- Change the text size in phone
- Set the phone number
- Add the color in the phone number text.
Color Background:-
To add the color in the banner section. first, select the color as the background option. Now select the background color for your banner.
Banner Height Adjustment:-
In this option, we get the two options Fullscreen all the way and set the height.
Full Screen:- This option adjusts the height automatically according to the height of the image.
Set the height:- This option is used to set the height as per your use.
Banner content:- This option is used to add the content in the banner section. The first setting is for content alignment. then add the heading, subheading, and Description in the banner. If we don't want the subheading. we can easily disable the subheading from the button.
CTA Button:- To add the CTA, first enable the CTA button Option. Now Click on the add button. In the end, Add the Button text and link.
CTA / Button Settings:- With these settings, the user can style the button. First, select the button style options to have Default and Gradient.
Following Style settings we have:-
- Adjust the font size
- Change the border wdth
- Choose the text transformation
- Add the border Radius
- Change the button color, text color, background color, and hover color.
Select the layout: - In this option, the user gets the two layouts first is the standard layout. The second is left content with Table.
Standard Setting:- This Option has followed the same layout.
Left Content With Table:- This option provides the text with the table. The user can easily change the content of this section.
Follow these steps to anything in hours Table:-
- First, add the background-color
- Add the table heading
- Set the margin as per the use
- Update the divider gradient color
- Add the office timing
- Update the text color
- Update the border-color
- Change the text size in phone
- Set the phone number
- Add the color in the phone number text.
Section Edit - 2
Edit Real Estate - Title:-
With this module, we can add the heading and subheading of the section. Here we have the option to assign the color in particular content or text.
Clear Custom Form:-
This custom form is very useful to use. Users can update the form as per the use. All the settings we need to a style a form is available in this module.
Please update following for form setting:-
- Adjust the form settings
- Apply form Radius
- Choose the input style
- Use margin-bottom for bottom space
- Use Border bottom option for borders style
- Select the button size
- Add the background-color
- Add the hover color
- Save
Section Edit - 3
Display Map Setting:-
With this option, the user can disable the map. Hero, we get the yes or no option. When we select the Yes, Setting displays all the settings. When we select the No its hides all the settings.
Map Settings:-
The first option, we get to enter the heading and the subheading. Then add the Iframe Map link of your location.
Section Edit - 4
Edit Clear Contact Us- In this module, the first option we get to remove or display the form. Here we get th button to remove the form.
Next option we get to align the content.
Add a form: - When we going to add the form we get the two options, the first option is to edit the form and the second is to create a new form. please choose according to use.
Address Content:-
In this option, we get the different Style options to design the contact us. Here we get the following options to style the contact us.
Here we get the following options to style the contact us:-
- Select the full-width option
- Add the column content
- Add the title
- Add the text area
- Add the column new
- Save
