<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1389093422938439&amp;ev=PageView&amp;noscript=1">
Skip to content

Style 1 – Scrollable Features with Image Change

Scroll through each service to discover how we transform ideas into impactful digital solutions, with synchronized visuals that enhance every feature.

1/4 • SERVICES

Web Design & Development

We create modern, responsive websites that combine stunning visuals with seamless functionality, helping businesses establish a strong and engaging online presence.

hub-develop

2/4 • SERVICES

UI & UX Design

Craft intuitive digital experiences with user-focused interfaces designed to improve usability, engagement, and customer satisfaction across every interaction.

hub-management

3/4 • SERVICES

Digital Marketing

Drive meaningful growth through strategic digital marketing solutions that increase visibility, generate qualified leads, and strengthen your brand online.

hub-audit

4/4 • SERVICES

Search Engine Optimization

Improve your website's search rankings with effective SEO strategies that increase organic traffic, enhance visibility, and deliver long-term results.

hub-website
hub-develop
hub-management
hub-audit
hub-website

Style 2 – Fixed Feature Cards

Explore our complete range of services presented in a clean, structured layout designed to help visitors quickly understand what we offer.
about-2

SERVICES

E-commerce Solutions

Build high-performing online stores with scalable e-commerce solutions designed to deliver exceptional shopping experiences and boost conversions.

Software Development

SERVICES

Mobile App Development

Develop feature-rich mobile applications for iOS and Android that provide seamless performance, engaging user experiences, and lasting business value.

Ecommerce-development

SERVICES

Creative Branding

Build a memorable brand identity through thoughtful design, compelling storytelling, and consistent visual elements that leave a lasting impression.
Documentation

Everything You Need to Know About Services Feature Cards

Overview

Welcome to the Services Feature Cards module documentation. This guide will help you quickly set up, customize, and make the most of the module within your HubSpot website.

The Services Feature Cards module is designed to showcase your services in a visually engaging and user-friendly way. It offers two flexible layout styles to match different website designs and user experiences:

  • Scrollable Features Layout – Displays feature cards with synchronized image transitions as users scroll through the content, creating an interactive storytelling experience.
  • Fixed Feature Cards Layout – Presents service cards alongside a dedicated image in a clean, structured layout that's ideal for highlighting key offerings without scroll-based interactions.

 

Built exclusively for HubSpot CMS, the module is fully responsive and easy to customize using HubSpot's drag-and-drop page editor. You can update titles, descriptions, images, buttons, colors, spacing, typography, and layout settings without writing any code.

This documentation covers everything you need to get started, including module setup, configuration options, customization settings, and best practices to help you create professional and engaging service sections for your website.

Key Features

  • Two Flexible Layout Styles
  • Fully Responsive Design
  • Easy Content Management
  • Interactive Image Synchronization
  • Customizable Styling Options
  • Flexible Feature Cards
  • CTA Button Support
  • Optimized for Performance
  • HubSpot CMS Compatible
  • No Coding Required

Customisation Options

The Services Feature Cards module provides a wide range of customization options, allowing you to create a service section that perfectly matches your brand and website design—all without writing any code.

 

i. Layout Selection

  • Scrollable Features with synchronized image transitions.
  • Fixed Feature Cards with a clean, structured design.

 

Layout-select

 

ii. Content Management

  • Edit section titles and descriptions.
  • Add, remove, and reorder feature cards.
  • Customize card titles, descriptions, images, and CTA buttons.
  • Update button labels and destination links.

contents

 

iii. Design & Styling

  • Customize background, text, and accent colors.
  • Choose typography settings for headings, descriptions, and buttons.
  • Adjust spacing, padding, and margins.
  • Configure border radius, shadows, and card styling.

Styles

 

iv. Image Settings

  • Upload custom images for each feature.
  • Configure image positioning and display.
  • Enable synchronized image changes in the scrollable layout.

You May Also Like

Explore more professionally crafted HubSpot Marketplace modules