Academia is a free HubSpot theme to promote your educational academy or create our school website. It is designed to create attractive educational and e-learning websites. This theme for education websites has these remarkable features:
  1. 27 Drag and drop modules  
  2. 20 Ready to use templates & 11 System pages   
  3. Zero coding lightweight theme with high speed 
  4. Responsive HubSpot theme with a mobile-first approach 
Note: For our Academia Free HubSpot theme, we will provide free personalized 2-hour LIVE theme setup and support. Let us know if any modules are missing, and we can assist you with that as well. Simply get in touch with us. These assets can be used to create visually appealing web pages using the HubSpot CMS. Let’s get this party started.


  1. Modules: They are interchangeable objects that add various functionality to your page. You can simply drag and drop these on your page and start editing. There are 27 modules in the Academia HubSpot theme.
  2. Templates: Templates are sample layouts for your ease in the Academia HubSpot theme. You can use these templates and replace the images and text according to your organization. There are 20 templates and 11 system pages in the Academia HubSpot theme.

Global Theme Settings: Any global setting on your website pages changes all the asses linked to it. Global content will be applied all over your website universally. Similarly, the settings remain unchanged for every page using that module with the global modules.

3.Creating a Page in Academia HubSpot Theme

For creating a page in your HubSpot CMS using our Academia theme, follow these steps:

  • Log in to your HubSpot account.  
  • Go to Marketing > Website > Website Pages
  • Locate Create option on the top right corner > Select the type of page you want to create from Website Page or Landing Page
  • Name the page > Select Academia theme > Select desired template from the dropdown > Press Select Template
  • Add meta description, add or remove modules, and other details before publishing the page. A page title is necessary before publishing any page.

4.Edit Global Style

Any customization done in the global settings will be applied to all Pages using those modules. It is a good option to keep your customizations constant across Collections and Default Pages.

To edit global styles, follow these steps:

  • Locate the Edit Page Panel on the left side of the screen. Three options are available on this panel. Namely, Add, Contents, and Design.
  • Click Design, you’ll see an Edit Theme Settings button. Click ‘Edit Theme Settings’ to make global changes to the theme.
  • Edit theme settings will direct you to theme settings. Here, you can also change global colors, global fonts, spacing, typography, buttons, fonts, tables, website header, website footer, blog settings, and system pages. 

5.Edit Global Modules

In the academia theme, there are 2 global modules:

  1. Website Header
  2. Website Footer 
  • Once you create a page, you can start editing them. There are 3 sections on the left panel named Add, Content, and Design. 
  • Click on Content > View Website Header with navigation module and Footer at the bottom.
  • Now you can edit the one you want first.

5.1.Header With Navigation

  • From the Page Editor > Go to Content > Go to Header with navigation
  • A Pop up will appear > Click Open in the global content editor
  • Change the header according to your requirements > Publish the changes.

6.Change Blog Template

Changing blog templates allows you to decide your blog pages’ look and feel. To do so:

  • From your HubSpot account > Go to settings > On the left panel, locate and go to Website option > Select Blog > Select Template. 
  • Select the edit page option and continue editing if you want to start editing this blog page.  

7.Change System Templates

To change system templates,   

  • From your HubSpot account > Go to settings > On the left panel, locate and go to the Website option > Select Pages
  • Select System Pages > Choose the Academia system page type from the dropdown 
  • Save the changes > You will have applied system templates on your website.

You can set the templates for:

  1. 404 Error Page
  2. 500 Error Page
  3. Password Prompt Page
  4. Search Result Page  

8.Edit Theme Settings

You can edit the theme settings through the following:

  • Go to Marketing > Website > Website Pages > Choose any page to edit or create one
  • Go to Edit Page Panel on the left > Design > Edit Theme Settings

Here you have the following options, under which you can make a set of changes.

8.1.Color and Font Setting

You can make changes in the Global Colors, Global Fonts, and typography. Press Apply Changes after editing these.  

8.2.Layout Setting

You can edit the header, footer, spacing, corners, buttons, tables, image performance, and forms. Press Apply Changes after editing these.

8.3.Blog Setting

Under the blog setting, you can edit the sidebar of the blog post. Press Apply Changes after editing these. 

8.4.System Page Settings

Under system page settings, you can edit the Error 404, Error 500, Password Prompt, Reset Password Request, and Email Unsubscribe. Press Apply Changes after editing these.

8.5.Scroll to Top

Under the scroll to top option, you can edit the Icon fill color, Icon background color, and Icon corners. Press Apply Changes after editing it. 

9.Re-Usable Sections

There are 6 re-usable sections in the Academia HubSpot theme. For implementing re-usable sections all you need to do is 

  • Hover over any of the sections > locate and click the plus icon> Choose from the list of reusable sections > Publish changes.

10.Modules Library In Academia Theme


You can show and hide FAQs or vast sections of text, adjust their height for mobile, tablet, and desktop appearances, and modify the background color, heading, border, and shadow.

10.3.Blog Grid

Under the blog grid module, you can display the list of blogs on the page. You can edit the content and style select the bogs to display, title color, and button of the card.


You can place a button anywhere on your page using the button module. You can set the border radius, enable/disable box-shadow, alter the font color, and more to adjust the look of this button, enable a primary and secondary button and customize its text and add URLs.

10.5.Blog Listing

If you want to edit the blog listing details, you need to go to Settings > Website > Blog > Select Academia Theme in Current View > Template > Set the number of posts per listing page > Save 


The Counter module adds a multi-column section to your page. You can use it to display numbers like the number of scholars you’ve assisted, the number of schools you’ve served, and the NGOs through which you provide free education. You can edit the icon image, counter text display condition, and counter spacing. 


The form module allows you to include forms on the page. You can select any form from the list of existing forms or create a new one too along with Recaptcha.

10.10.Header Controls

Header control module enables adding search, language switcher, button links, button type, button style, button text, add editing box-shadow, select display mode, and placeholder text on the website header.

10.11.Header Toggle

Header toggler is left-aligned by default. However, you can choose an icon or image for the toggle open and close option. You can further edit image size, maximum size, image loading, etc. 

10.12.Icon Box

Under the icon box, you have the edit column count choice, icon or image selection, editable icon box, icon styling, content, icon box spacing, and card background.


The image module allows adding images anywhere on the page. You can edit the image size, set alt text, image loading, image alignment, and image border-radius.  

10.14.Listing Layouts

Under the listing layout choice module you can choose the listing layout, column count choice, enable different tabs and descriptions for each, edit listing content, box-shadow, background color, enable overwrite icon color, title color, border-radius, content color, alignment, grid button, and edit tag text and background.


You can enable the custom logo under the logo module. The logo is a very crucial aspect of your educational website.


Use the map module to display your location on the map for the visitors. Under the map module, you can edit the map API, pointer detail, map JSON, map zoom level center latitude and longitude, enable overwriting corners and height.


The notice module allows you to display any kind of notice on your website page. As an educational website, you will need to display multiple notices for students, faculty members, and visitors. Under the notice module, you can add multiple notice cards and edit their content like title, links, date, description, etc.    

10.19.Our Partner

Our partner module helps you to show your collaborators or sponsors on your web page. There is layout choice (slider & listing), enable description, slider settings, navigation, alignment, corner, inner spacing, and background color.   

10.20.Our Team

Using the team module you can display the team members on your webpage. With the layout choice, you can select the layout. You can also add or remove team members along with the image, image size, designation, name, and text.

10.21.Portfolio Tab

Portfolio tabs allow you to add portfolios to your webpage. Select layout, enable or disable tabs, add or remove tabs, enable/disable item link, border radius, background, add mini title, and enable/disable box-shadow. 

10.23.Social Follow

The social follow module allows you to add your social media links along with an icon, icon color, size, background, corner spacing, and alignment.


The spacer module allows you to add space on your web page and add a space between modules etc. You can set the background color, height for desktop, mobile, and tablet respectively.    


For displaying testimonials on your landing page, you can use this module. You have the testimonial layout choice, option to hide/show social icons, enable/disable slider dots, navigation, and change navigation icon.    

10.26.Title Content

The title content module allows adding content anywhere on your website page. You can edit the title content on your website page along with adding a subtitle, primary CTA, and secondary CTA.


The video popup module is for adding a video to your landing page or website page. You can edit the video icon or image, add a video link, enable/disable overlay, and corners. 

11.Template Library

There are 20 templates in the Academia HubSpot theme. You can simply select the template you want to use and edit the content, title, logos, and modules

11.1.Homepage One

11.2.Homepage Two

11.3.Homepage Three

11.4.About Us One

11.5.About Us College

11.6.Contact us

11.7.Course Listing

11.8.Course Detail

11.9.Instructor Listing

11.10.Instructor Detail

11.11.Blog Listing

11.12.Blog Detail

11.13.Event Listing

11.14.Event Detail


11.17.Landing page - Become an Instructor

11.18.Landing page - Course Registration

11.19.Landing page - Student Registration

12.System Pages

12.1.404- Error

12.2.500 - Error

12.3.Subscription Confirmation

12.4.Backup Unsubscribe

12.5.Communication Preferences

12.6.Password Prompt

12.7.Search with Result

12.8.Membership Login

12.9.Membership Register

12.10.Membership Reset Password Request

12.11.Membership Reset Password

Suggest Edit