Dew Main Homepage

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 represents your brand well and help you grow your business.

Watch the video below, where you can learn how to customize and edit the Dew  Main Home page Template easily.

Section Edit - 1 

Hero banner section

General Setting: In the General setting of the banner, you can adjust the alignment /spacing and background.

Screenshot_107

Alignment and Spacing:  In the alignment and spacing setting, you can change the Content Alignment, margin, and padding.

                                                                                                 Screenshot_105-1

Background setting:

Here you get the options to a choose the type of background, whether you want image, some color, gradient or none.

Screenshot_57

Heading and Description Text:

In this section, you can edit the content in the rich text editor.

Screenshot_48

 Then there is the image setting , here you can remove/replace the image, adjust its size, maximum size and add the link to the image.

Once you are done with your editing, then apply changes.

Screenshot_49

Rating Module

Here is the rating module. In this module you get the option to add your product ratings, some description and the places your product is featured in.

star-rating-img

In the first and second column of rating module you get the options to add the heading text,  rating images and the rating text.

star-rating-change

In the third column of this section, you get the option to edit the text in the rich text editor and the featured logos in from the image editor.

logo-mod

Section 2

Cards Section

In this section first, add the heading content and Sub-content. 

Screenshot_53

Now we have to edit the Template card module.  Firstly, the alignment option of card and image are available from where you can choose the relevant option from the dropdown.

Screenshot_54

Now, we reached at the option to change the  image setting, where you can remove/replace the image, adjust its size, maximum size and add the link to the image. 

Screenshot_55

You will also get an option to choose between image, icon or SVG and further you can edit as per your requirements. 

image-option

Then there is the text section, here you can change the heading text and description from the text editor and style the text according to your needs.

Screenshot_56

Once you are done with your editing, then apply changes.

Section 4

Tab module

General Setting under Tab module : In the General settings, you can adjust the alignment /spacing and background.

Screenshot_107

Alignment and Spacing:  In the alignment and spacing setting, you can change the Content Alignment, margin, and padding.

                                                                                                 Screenshot_105-1

Background setting:

Here you get the options to a choose the type of background, whether you want image, some color, gradient or none.

Screenshot_58

  In the tab sections, you get two listing one is for tab button and second is for the tab contents:

Tab button list : Here you can increase or decrease  the numbers of list items then comes the section to add the content.

Screenshot_59

Tab content List:  In the content list you get the option to change the content and image from the text editor and image editor respectively.

edit-tabber-img

Section 5

                     

Heading and Description Text:

In this section, you can edit the content in the rich text editor.

Screenshot_61

 Then there is the image setting , here you can remove/replace the image, adjust its size, maximum size and add the link to the image.

Screenshot_62

Once you are done with your editing, then apply changes.

Section 6

                     

Text with video section:

In this section, you can edit the content in the rich text editor as I explained earlier in the upper sections. Now, it's turn of video column. In the video column firstly you get the section to add the video thumbnail. Then comes the dropdown option to choose the platform of video type i.e. youtube, vimeo, wistia, mp4 and only play icon with text.

Screenshot_63

Section 7

Recent Blog Post Module: 

In this module, you can display the number of posts. Here basically you get the option to choose the blog category, number of blog posts to display and the button options.

Screenshot_64

Screenshot_65

Section 8

Accordion section

The accordion is designed for adding multiple sections of varied content to your website, and actively selecting which to show or hide at any time. You can choose between toggles, which will only allow one item to be open at a time, and accordions.

In this module you will get the options to title and its description.

Screenshot_68

Screenshot_67

Once you are done with your editing, then click on the publish button.

If you have any Sales or Support related questions, you can anytime reach us at hubspot@webdew.com.