Theme Documentation
Groomax is a specially designed Hubspot theme that features veterinary institutions. The design invites your clients to trust.
The first option on how to install this Theme would be to directly upload the groomax-theme.zip file in your Hubspot account.
A Hubspot theme has 4 major components:
Theme Structure:
├───css │ ├───components │ ├───elements │ ├───generic │ ├───objects │ ├───templates │ └───tools ├───images ├───js ├───modules ├───templates │ ├───layouts │ ├───partials │ └───system ├───fields.json └───theme.json
Setting up the global settings of the theme is the first step when creating a website using the Hubspot CMS. Here you can edit colors, fonts, sizes(spacing, paddings, margins).
Create a new page and in the page editor, navigate to the Design tab:
Set your logo, spacing, typography, buttons etc as well:
More details on how to Edit your theme settings.
To create a home page for your website, please follow the steps below:
Create a new page (Let's say, the Homepage), and click on the header:
Then, click on the Open in global content editor button, to open the header global editor.
Steps in order to create inner pages such as: Contact, About, Services, etc...
To create a Blog, go to Marketing → Website → Blog and click on the Create button. It will toggle a dropdown; Select the Blog option:
More tutorials regarding the Blog at https://knowledge.hubspot.com/website/topics#blog.
System pages such as 404 error page, 500 error page, Password Prompt page, etc. To apply the appropriate template to appropriate page. Please follow below steps.
More tutorials for Website Pages at https://knowledge.hubspot.com/website/topics#website-pages.
Fonts Used: "Jost", "Poppins" Google Fonts
Images: shutterstock.com - All rights reserved! (Images not included in the theme-package)