1.Overview

Activism is a free HubSpot theme for various websites like nonprofits, charities, social causes, political parties, law firms, social events, etc. It is a perfect theme for a beginner in HubSpot CMS themes and new users of HubSpot CMS. 
  • Easy to use, DIY theme settings
  • Drag and drop page builder with zero coding 
  • Highly customizable HubSpot modules
  • High-speed SEO-friendly theme  
  • Multi-language support 
Activism HubSpot theme is fairly easy to use. However, we offer a 30 min free theme consultation and setup. If you’re interested, contact us.  The free HubSpot theme contains:
  1. 25 theme modules 
  2. 8 templates
  3. 6 reusable sections
  4. 6 system pages 
We also offer theme and website customizations. If you think you’d like to be assisted, schedule a free meeting. 

2.Activism Theme Modules

There are 25 modules in this free HubSpot theme.

2.1.Accordion

The accordion module can help you create a section to add FAQs or a large piece of content users can toggle to show or hide. You can add multiple accordions, as many as you like.

accordian

You have the icon position choice of left and right. You can add the title and content of each accordion and replace or remove the opening and closing icons.       

accordion
accordion 2

From its style tab, you can edit icons, content, title, and text color. 

accordion 3

 

2.3.Blog Listing

Add blogs in listings with all other important details. You can display blogs on your website page with the blog listing module.   

blog listings

You can enable or disable blog meta information like tags, title, author, publish date, description, and button. You can edit the button text, and enable box-shadow and sidebar widgets.

blog listing 2

The sidebar widgets include the search, popular posts, category, and subscribe button. You can enable or disable either of these.

blog listings 3

From the style tab, you can control widgets and cards. You can change the card background color, content, and background color on hover, featured image corner radius, tags, titles, etc.

blog listings 4

 

2.4.Customizable Button

Add a donation or sign-up button on your website pages.

customizable buttonn

You can edit button text, set desired link, select to open link in a separate tab, etc.

customizable button

From its style tab, you can decide its alignment, and normal settings like button text font, background color, border color, width, corner radius, spacings, change content color from overwriting style option, etc.

customizable button 2

2.6.Card

Add title and images in cards on your website pages.

card 1
cards
cards 2

You can select the column layout from one, two, and three. Enable title, description, enable icon box, and button image. 

card

While you add multiple cards you can edit the card image, image loading, title, content, replace or remove the image at the button, image size adjustments, and maximum size.

card 2

From its style tab you can edit image corner radius and content alignment. From the overwrite styles option you can change content color.

card 3

 

2.8.Custom Form

Add a custom form according to your website’s requirements. You can add any form you want, like subscribe form, donation form, subscribe to the activism news feed, reach form, petition form, or event form. 

You can select form layout from multiple field form, or single field inline form.

custom form
custom form 03

You can also add multiple form fields and edit the form content according to your needs.

custom form 3

From the style tab of custom form, you can enable/disable the border button, desktop alignment, enable form max-width, desktop & mobile form spacing, background color, and border of input fields, and overwrite button styles (change normal & hover text background and border color), change button radius, etc.   

custom form 4

2.9.Donation Form

Collect donations from volunteers and sponsors via donation form. Contact us for customization. 

customized form

You can edit the form contents, fields, etc. like other forms on your website.

donation form

From the style tab you can also change the background color max width, form title, and the border and background color of the input field.

donation form 2

2.10. Event Listing

List events of your organization in the grid and set the number of rows.

events listings

You can add multiple event cards to your landing page.

events listings 03

You can edit each card’s content, tag, add or remove icon box, description, edit buttons, etc.

event listing 2

From its style tab you can edit the cards and modal.

events listing 3

2.12.Header Controls

The header controls can be edited from the global content editor. The header appears on the top of your website and landing pages. You can add multiple options for user navigation.

header controls

The header control module allows the user to enable a search option, select the display mode of the language switcher (localized, PageLang, hybrid), and button type, link, and text on the website header.

header control

2.13.Header Toggler

Drag and drop the header above the menu component for best results. You can select an icon or image for the toggle open and close option.

header toggler

2.14.Icon Box

Add multiple icons and their descriptions on landing pages.

icon box

You can select the number of columns you want to display, select an image or icon for each column, edit compact content and enable box shadow.

icon box 03

From the style tab you can edit the icon box background and content color, desktop & mobile spacing, and change icon color.  

icon box 5
icon box 4

 

2.15.Image

Add images on landing pages anywhere you want.

image 2

You can replace or remove the image, add alt text, image size adjustments, and image loading.

custom image 2

From its style tab, you can set the image alignment for desktop and mobile, set corner radius, etc.

image 4

2.16.Logo

Add your custom logo with a logo module anywhere on your website pages.

logo

You can enable a custom logo, replace or remove the logo, adjust its size, image loading, etc. You can control its visibility from the style tab.

logo 2

2.17.Map

The map module will add a virtual map to your website. If you have a physical office where you carry on your daily activities or ask people to come over for an event, you can definitely add this module.

map

You can edit the content (title, subtitle, and container), pointer details, Map JSON, alt text, and image loading.

map 2
map 3
map 5
map 6

2.20.Social Follow

The social follow module allows you to add your social platforms like Twitter, Instagram, Facebook, and LinkedIn on your website pages, header, or footer.

social follow
social links

 

From the style tab of the social follow module you can overwrite icon color, change the background color, corner radius of the icons, desktop, and mobile horizontal alignments, etc.

social follow 02

2.21.Spacer

The spacer module adds white space to the website and landing pages. With the spacer module, you can add vertical spaces between sections and modules as and when required.  

spacer

From its style tab, you can adjust desktop, mobile, and tablet height, and change background color.

spacer 2

2.22.Tab

Create single consecutive windows to show important details on landing pages along with a form.

tab 01

You can add multiple contents to your tabs and edit each of its image, title, content, add button and attach form too. 

TAB 02

You can edit navigation title background color, controls background color, overwrite styles, etc.

tab 2

2.23.Testimonial

The testimonial module can be used to display various testimonials on your landing page.

testimonial

You can add multiple testimonials on your landing pages and replace or remove the slider arrow image for the previous and next testimonials.

testimonial 2

For every testimonial you add, you can remove or replace the client image, adjust the size, alt text, image loading, client review content, and replace or remove pattern images.  

testimonial 3

 

 

2.24.Title Content

The title content module allows you to add a title on any page. There is an option to add a mini title, edit content, and add primary & secondary buttons.

title content 01
titlecontentt

You can enable a mini title, format content, and place a button with the title content.  

title content 4

From its style tab you can edit the text container background color, enable maximum width, desktop and mobile spacing, and content alignment, description, etc.

title content 5

2.25.Video Popup

Using the video module, you can add a video to your website or landing pages. These are very easy to work with and increase your page’s engagement rate.

Video Popup

You can replace or remove the video poster, select icon content, play icon, etc.

video popup 2

You can select either icon over image or content over the image. The default option for video pop-ups is an icon over the image.  

From the style tab, you can select desktop and mobile alignment, and enable overlay, frame, and corner border radius.

video popup 02

3.Theme Sections

There are 6 reusable sections that you can use with a single click. They are:

3.1.Call To Action

cta

3.2.Two-column with content and card

content and card

3.3.Two-column with content and form

content-form

3.4.Two-column with content and image

content-image

3.5.Two-column with content and video

content-video

3.6.Two-column with video and content

video-content

4.Theme Templates

4.1.Homepage

homepagee

4.2.About us

about us

4.3.Events

events

4.4.Petitions

petitions

4.5.Contact us

petitions

4.6.Blog Listing

Activism blog listing

4.7.Blog Details

blog details

4.8.Donation (Landing Page)

Donation

5.System Pages

5.1.Error 404

404 error

5.2.Error 500

500 error

5.3.Backup Unsubscribe

email unsubscribe

5.4.Subscription Preferences

Subscription Preferences

5.5.Subscription Confirmation

subcription confirmation

5.6.Search Result

Search results

5.7.Password Prompt

Password Prompt
Suggest Edit