image 3 (2)

Join me for 
a demo

Image

In the quiet town of Eldoria,
where the ancient meets the modern

Adjust the names, setting, and
themes based on the actual content of your book.

Schedule a Meeting
Contact Us

Documentation

Requirements

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.
  5. Login to your HubSpot account.

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

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

Visit HubSpot Reference Docs

Up and Running Slider Theme

theme-2

Copy to different account

Select your Theme Folder then click right click then show some option

Select option = Copy to different account

copy_theme-2

Global Header

To edit your header, you'll first need to create a page with a theme template. When a page is created then edit you page in the left side click Tab Contents. Then click Page header.

Slider-global-header

Global Footer

To edit your Footer, you'll first need to create a page with a theme template. When a page is created then edit you page in the left side click Tab Contents. Then click Page footer.

slider-global-header

Pre-built Template

template

Internal Delivery

Manage customer blog template and settings

  • In the customer HubSpot account, click the settings icon settings in the main navigation bar.
  • In the left sidebar menu, navigate to Website > Blog.
  • On the Templates tab, you can view or change the templates applied to your blog posts and blog listing page
  • In the Blog post and Blog listing sections, click the Actions dropdown menu to manage your template
  • Select Change template to choose a different template. On the template selection screen, select your new template, then click Done. In the bottom left of your template settings, click Save. 
blog-1

Home

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

  • Home Banner
  • Logo Slider
  • Content With Icon Repeater
  • Hubspot Image
  • Three Card Section
  • Tag With Heading
  • Icon Content Cards
  • Tag With Heading
  • Custom Image
  • Quote
  • Two Column Cards
  • Tag With Heading
  • Content With Multi Logo
  • Card Repeater
  • One Platform

File location: /templates/home-page.html

About

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

  • Banner
  • Tag With Heading
  • Heading
  • Team card Child
  • Tag With Heading
  • Heading With Button
  • Tag With Heading
  • Content With Multi Logo
  • Card Repeater

File location: /templates/about.html

Services

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

  • Banner
  • Logo Slider
  • Image / Content
  • Icon Content Cards
  • Counter With Text
  • Testimonial Slider
  • FAQ

File location: /templates/Services.html

Contact

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

  • Rich Text
  • Form

File location: /templates/Contact.html

Support

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

  • Banner
  • Card Repeater

File location: /templates/support.html

Agent

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

  • Banner
  • content With Icon Repeater
  • Tag With Heading
  • Custom Image / Content With Listing
  • Content With Listing / Custom Image
  • Custom Image / Content With Listing
  • Content With Listing / Custom Image
  • Custom Image / Content With Listing
  • Three Card
  • Icon With Content Global
  • One Platform

File location: /templates/Agent.html

Our Team

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

  • Banner
  • Rich Text
  • Team card Child
  • Rich Text
  • Icon Content Cards

File location: /templates/our-team.html

Pricing

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

  • Banner
  • Heading
  • Pricing Cards
  • Icon With Content Global
  • Logo Slider
  • Tag With Heading
  • Content With Multi Logo
  • Card Repeater
  • One Platform

File location: /templates/pricing.html

Blog Index

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

  • Blog Listing Banner
  • Banner Listing
  • Pagination Blog

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.

File location: /templates/blog-post.html

Privacy Policy

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

  • Image Banner / Text
  • Rich Text

File location: /templates/privacy-policy.html

Terms Of Use

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

  • Image Banner / Text
  • Rich Text

File location: /templates/terms-of-use.html

Global Color

  • Primary Color
  • Secondary Color
  • Tertiary Color
  • Quaternary Color
global_color

Global Fonts

  • Primary Font
  • Secondary Font
fonts

Typography

Body
  • Font Style
Headings (H1 > H6)
  • Font style
Typography On Mobile(Headings (H1 > H6)
  • Font Size
Links
  • Link color
  • Link hover color
typo
tyop_two
links

Buttons

Buttons Size
  • Small
    • Font size
    • Vertical Spacing
    • Horizontal Spacing
  • Regular
    • Font size
    • Vertical Spacing
    • Horizontal Spacing
  • Large
    • Font size
    • Vertical Spacing
    • Horizontal Spacing
Primary Button
  • Font Style
  • Text Transform
  • Background Color
  • Border
    • Style
    • Width
    • Color
  • Corner Radius
  • Hover
    • color
    • Background Color
    • Border
      • Width
      • Color
Secondary
  • Font Style
  • Text Transform
  • Background Color
  • Border
    • Style
    • Width
    • Color
  • Corner Radius
  • Hover
    • color
    • Background Color
    • Border
      • Width
      • Color
Tertiary
  • Font Style
  • Text Transform
  • Background Color
  • Border
    • Style
    • Width
    • Color
  • Corner Radius
  • Hover
    • color
    • Background Color
    • Border
      • Width
      • Color
Quaternary
  • Font Style
  • Text Transform
  • Background Color
  • Border
    • Style
    • Width
    • Color
  • Corner Radius
  • Hover
    • color
    • Background Color
    • Border
      • Width
      • Color
Simple
  • Font Style
  • Text Transform
  • Underline
  • Hover
    • Font Color
    • Underline
button-1

Header

Header Background
  • Background Color
TopBar Menu
  • Background Color
  • Font Style
  • Menu link Color Hover
Menu
  • Font Style
  • Child Menu Style
  • Child Menu paragraph Text Style
  • Mega Menu Into Color
  • Menu Hover Link Color
  • Menu Border Color
  • Sub Menu Background Color
Header

Footer

Menu Title
  • Font Style
  • Text transform
Menu
  • Font Style
  • Text transform
Hover
  • Font Color
  • Background Color
Active
  • Font Color
  • Background Color
footer-1

Form

Title
  • Background Color
  • Font Style
  • Text Transfrom
  • padding
    • Top/Bottom
    • Left/Right
  • Border
    • Border style
    • Corner radius
Labels
  • Font Style
  • Background color
  • padding
    • Top/Bottom
    • Left/Right
Field
  • Background color
  • Font Style
  • Placeholder color
  • Box Shadow color
  • Fields hover
    • Placeholder Color
    • Box Shadow Color
  • Active hover
    • Placeholder Color
    • Box Shadow Color
  • Fields Focus
    • Placeholder Color
    • Box Shadow Color
  • padding
    • Top/Bottom
    • Left/Right
  • Border
    • Border style
    • Border Choice (both side, top border , bottom border)
    • Border Width
    • Border Color
    • Corner radius
  • Error massage
    • Font style
    • Background color
  • Error massage border style
    • Border Width
    • border color
  • GDPR text
    • Font style(Fonts,color,Size)
  • Rich text
    • Font style(Fonts,color)
Checkbox / Radio
  • Font style
  • Border
    • Border style
    • Border Choice (both side, top border , bottom border)
    • Border Width
    • Border Color
    • Corner radius
  • Border Hover
    • Color
Error Message Style
  • Font Style
  • Background Color
  • Error Message border Style
    • Width
    • Color
Help text
    • Font Style(fonts , color , size)
Form Background Color
Border
  • Border Choice
    • Duble
    • Groove
    • Ridge
    • Inset
    • Outset
  • Corner Radius
Form Padding
  • Top/Bottom
  • Left/Right
Submit Button
  • Button Style
  • Button Size
form

Table

  • Header Background Color
  • Header Text Color
  • Body Background Color
  • Body Text Color
  • Footer Background Color
  • Footer Text Color
  • Border Color
Screenshot_3

Spacing (Container Width)

  • Vertical Spacing
  • Maximum Content Width
Screenshot_2-1