Please ensure that you have a HubSpot account to use this theme. If not, you can visit this link to create a HubSpot account.

Create a HubSpot account

Installation

You can either install your theme from HubSpot Asset Marketplace or a .zip file.

From HubSpot Asset Marketplace

If you're installing the theme from HubSpot Asset Marketplace, just click the Install for free button on theme page and then follow the instructions.

From .zip file

If you have a .zip file of your HubSpot CMS theme, please follow the steps below to install it onto your account:

  1. Login to your HubSpot account.
  2. On the top right, click the Settings icon (looks like a gear).
  3. Click Tools > Website > Themes from the left sidebar menu.
  4. You'll see the Upload Theme button at the top right corner of the screen. Click it and then choose the zip file you've got.

If you completed the steps successfully, you should see the edumind theme and its templates when you're creating a new page.

To learn more about theme installation, please visit HubSpot Reference Docs.


FAQ

Here you can find the answers to frequently asked questions by our customers.

How can I view "Theme Settings"?

Navigate to Marketing > Website > Website Pages and choose a page to edit. On Edit page screen, switch to Theme tab and then click Edit theme settings button.


Templates

Edumind has 12 ready-to-use page templates for you, as well as the default HubSpot system templates such as Search Results, Password Required Page, Subscription Page etc.

Home

This template has been designed to be used on the homepage of your website. It contains the following sections and modules in order:

  • Hero Banner
  • Categorie Section
  • Course Section
  • Brand Logo Section
  • Instructor Section
  • Funfact Section
  • FAQ Section
  • Event Section
  • CTA Box Section
  • Blog (Module)
  • CTA Banner Section

File location: /templates/home.html

About

When you need to provide some information about you and your student, you can use this template. It contains the following sections and modules in order:

  • Breadcrumb
  • About Section
  • Brand Logo Column Six Section
  • Choose Section Section
  • Testimonial Section
  • Funfact With Icon Section
  • Instructor Section

File location: /templates/about.html

Course

You can provide information about your learning topic, your total lesson, and student, customer reviews, and pricing with this template. It contains the following sections and modules in order:

  • Breadcrumb
  • Course (Module)
  • CTA Banner Section

File location: /templates/course.html

Course Details

You can provide information about your learning topic, your total lesson, and student, customer reviews, and pricing with this template. It contains the following sections and modules in order:

  • Breadcrumb
  • List (Module)
  • Video Popup (Module)
  • Rich Text (Module)
  • Faq (Module)
  • Sidebar Widget (Module)

File location: /templates/course-details.html

Event

You can use this template to create your event grid page. It contains the following sections in order:

  • Breadcrumb
  • Event Section
  • CTA Banner Section

Event Details

You can use this template to create your event details page. It contains the following sections in order:

  • Breadcrumb
  • Single Image (Module)
  • List (Module)
  • Rich Text (Module)
  • Google Map (Module)
  • Sidebar Widget (Module)
  • Instructor Section

Instructor

You can use this template to create your instructor page. It contains the following sections in order:

  • Breadcrumb
  • Section Title (Module)
  • Instructor (Module)
  • CTA Banner Section

Instructor Details

You can use this template to create your instructor details page. It contains the following sections in order:

  • Breadcrumb
  • Single Image (Module)
  • Rich Text (Module)
  • Social Icon (Module)
  • List (Module)
  • Section Title (Module)
  • Course (Module)

Contact

You can use this template to create your contact page. It contains the following sections in order:

  • Breadcrumb
  • Contact Section
  • Google Map (Module)

File location: /templates/contact.html

Blog Index

This is the template for your blog. It contains the following module:

  • Breadcrumb
  • Blog (Module)
  • Blog Pagination (Module)

File location: /templates/blog-index.html

Blog Post

For now, HubSpot does not allow to use drag & drop features in blog post templates. So, sections and modules are embedded into the template and you can't access them via the page editor.

  • Breadcrumb (Module)

File location: /templates/blog-post.html

Landing Page

This is a general landing page template to collect some information about your visitors via a form and reply a couple of frequently asked questions. It contains the following sections in order:

  • Landing Form
  • CTA Box Section
  • Choose Section
  • Testimonial Section
  • CTA Banner Section

File location: /templates/landing-page.html


Sections

Edumind has 18 ready-to-use sections.

About Section

About section separated in two columns. Left column has heading and text and right column has a Image.

Example Image

Brand Logo Column Six Section

Brand section separated in Six columns. All elements are image

Example Image

Brand Section

Brand section separated in Two columns. Left elements are text and right element are image

Example Image

Breadcrumb section Full size background image separated in One columns. This Column has heading and link text

Example Image

Categorie Section

Categorie section separated in two row and four columns. All column has icon and heading

Example Image

Why Choose Section

Why Choose Section separated in three columns. All column has Image icon, heading and text

Example Image

Contact section

Contact Section separated in two columns. Left column are text and Right column are form

Example Image

Course Section

Course Section separated in three columns. All column has Image, heading and text

Example Image

CTA Banner section

CTA Banner section separated in one column. This column has heading text and button.

Example Image

CTA Box section

CTA Box section separated in one column. This column has heading text.

Example Image

Event section

Course Section separated in three columns. All column has Image, heading and text

Example Image

FAQ section

FAQ Section separated in Two columns. left column has Accordion, right column has image

Example Image

Funfact With Icon section

Funfact With Icon Section separated in Four columns. All column has Image icon, heading and text

Example Image

Funfact section

Funfact Section separated in Four columns. All column has heading and text

Example Image

Hero banner section

Hero Banner section separated in one column. This column has background image heading text button.

Example Image

Instructor Section

Instructor section separated in four column. This column has image heading and text.

Example Image

Landing Form Section

Landing Form section separated in two column. Left column has form and right column has image.

Example Image

Testimonial Section

Testimonial section separated in two column. Left column has text and Right column has testimonial slider.

Example Image

Modules

Edumind has 30 ready-to-use modules.

Header Navigation

One module for the entire header navigation.

Example Image

Header No Navigation

One module for the entire header no navigation.

Example Image

Mobile Menu

One module for the entire Mobile Menu.

Example Image

One module for the entire footer.

Example Image

Single Image

You can add an image in various layouts.

Example Image

Blog

You can list your blog posts in various layouts.

Example Image

You can add Brand Logo in various layouts.

Example Image

Add breadcrumb navigation to your page.

Example Image

Add a button to your website.

Example Image

Categorie

Categorie with a custom image icon, title. Very handy if you're planning to add a section to inform your visitors with your different categories course.

Example Image

Contact Form

One module for the entire a form

Example Image

Contact Info

Contact Info with a title and some text. Very handy if you're planning to add a section to inform your visitors with your location etc.

Example Image

Course

Course with a image, title and some text.

Example Image

Courses Advantage

Courses Advantage module provide a check list

Example Image

CTA Box

This module includes icons and text.

Example Image

Event Grid

Event Grid with a image, title and some text.

Example Image

Faq

You can create questions & answers section with this module. When you click on the title, the box expands and an additional text appears.

Example Image

Funfact

This module includes heading and text.

Example Image

Google Map

Add a Google Map to your website.

Example Image

Hero Banner

A hero banner.

Example Image

Icon Box

Icon Box with a image icon, title and some text. Very easy if you're planning to add a section to inform your visitors with your services, features etc.

Example Image

Instructor

When you need to introduce your instructor or some fellows, just use this module. You can add member cards as many as you wish.

Example Image

List

A handy module to list some important features.

Example Image

Shape Image

Add a Shape Image to your website section.

Example Image

Section Title

Add Section Title to your website. Every Section Title has a different content.

Example Image

Create a beautiful sidebar widget with a title, list, and button.

Example Image

Social Share

A Social Share module to add your popular social accounts to your website

Example Image

Testimonial

It's very important to let your visitors know about your current clients' thoughts in today's world. With this module, you can insert the reviews in a modern slider.

Example Image

Video Popup

Add a Video Popup to your website.

Example Image

Theme Settings

To edit your theme settings, you'll first need to create a page with a theme template. The theme settings can be accessed within the content editor by clicking the Theme tab on the left. Then click Edit theme settings.

Example Image

The complete structure is as follows:

  • Global colors
    Example Image
  • Typography
    Example Image
  • Forms
    Example Image
  • Website Header
    Example Image
  • Website Footer
    Example Image

Keep in mind that you'll need to click the Publish to ... assets button at the top right corner of the screen only if you'd like to make changes on all pages that created with the theme.

Don't forget to click Apply Changes to let your changes take affect, when needed. You can visit HubSpot Knowledge Base for more information regarding your theme settings.

Visit HubSpot Knowledge Base

Support

To provide the best experience, MagicalMtas provides continuous support for all of our customers. If you’re facing any issue or if you’ve any query or a presale question please feel free to contact us via our support forum https://magicalmtas.freshdesk.com/. Our developer will help you all the way.