--- title: Module documentation — FlexBase modules for HubSpot | GiantFocal description: Documentation for every FlexBase module GiantFocal ships for HubSpot CMS — searchable, drag-and-drop, with usage notes and field references. --- [Skip to content](https://demo.giantfocal.com/modules-documentation#main-content) # Modules *for HubSpot* **65** modules Documentation for every drag-and-drop module GiantFocal ships for HubSpot CMS — searchable, with usage notes and field references. / ## All modules Showing **65** of **65** ### No modules match that search Try a different keyword. Reset search [ ### Accordion Image HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/accordion-image?hsLang=en) [ ### Before and After Image HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/before-and-after-image?hsLang=en) [ ### Blog Grid Image Overlap HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/blog-grid-image-overlap?hsLang=en) [ ### Blog Image Overlay on Hover HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/blog-image-overlay-on-hover?hsLang=en) [ ### Blog Left Column Overlay HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/blog-left-column-overlay?hsLang=en) [ ### Blog Slider with Pagination HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/blog-slider-with-pagination?hsLang=en) [ ### Blog Vertical Button HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/blog-vertical-button?hsLang=en) [ ### Button Image HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/button-image?hsLang=en) [ ### Carousel Faded Images HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/carousel-faded-images?hsLang=en) [ ### Contact Info with Message HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/contact-info-with-message?hsLang=en) [ ### Contact Two Columns HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/contact-two-columns?hsLang=en) [ ### Contact Two Columns with Map HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/contact-two-columns-with-map?hsLang=en) [ ### Contact with Icons HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/contact-with-icons?hsLang=en) [ ### Contact with Map HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/contact-with-map?hsLang=en) [ ### Counter Box Top Edge Icon HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/counter-box-top-edge-icon?hsLang=en) [ ### CTA with Social Icons HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/cta-with-social-icons?hsLang=en) [ ### FAQ Accordion HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/faq-accordion?hsLang=en) [ ### FAQ Grid with Icon HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/faq-grid-with-icon?hsLang=en) [ ### FAQ Left Tabs HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/faq-left-tabs?hsLang=en) [ ### Flip Box Carousel HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/flip-box-carousel?hsLang=en) [ ### Icon Block on the Right HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-block-on-the-right?hsLang=en) [ ### Icon Box Asymmetric Numbering HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-box-asymmetric-numbering?hsLang=en) [ ### Icon Box Circle End Point HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-box-circle-end-point?hsLang=en) [ ### Icon Box Hanging Carousel HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-box-hanging-carousel?hsLang=en) [ ### Icon Box Hexagon HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-box-hexagon?hsLang=en) [ ### Icon Box Hoverline HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-box-hoverline?hsLang=en) [ ### Icon Box No Gap HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-box-no-gap?hsLang=en) [ ### Icon Box Tilted HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-box-tilted?hsLang=en) [ ### Icon Box Top-Left HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-box-top-left?hsLang=en) [ ### Icon Box with Background Icon HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-box-with-background-icon?hsLang=en) [ ### Icon Box with Outline HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/icon-box-with-outline?hsLang=en) [ ### Image Box Carousel with Overlay HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-box-carousel-with-overlay?hsLang=en) [ ### Image Box Events Card HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-box-events-card?hsLang=en) [ ### Image Box Staggered Layout HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-box-staggered-layout?hsLang=en) [ ### Image Box with Initial HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-box-with-initial?hsLang=en) [ ### Image Box with Overlap HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-box-with-overlap?hsLang=en) [ ### Image Card Capsule-Shaped HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-card-capsule-shaped?hsLang=en) [ ### Image Gallery Details on Hover HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-gallery-details-on-hover?hsLang=en) [ ### Image Gallery Slider HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-gallery-slider?hsLang=en) [ ### Image Gallery Timeline HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-gallery-timeline?hsLang=en) [ ### Image Gallery with Hover Info HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-gallery-with-hover-info?hsLang=en) [ ### Image Gallery with Pagination HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-gallery-with-pagination?hsLang=en) [ ### Image Numbered Card Info HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-numbered-card-info?hsLang=en) [ ### Image Scrolling with Title HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/image-scrolling-with-title?hsLang=en) [ ### Logos Carousel HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/logos-carousel?hsLang=en) [ ### Logos Grid HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/logos-grid?hsLang=en) [ ### Newsletter Three Column Overlap HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/newsletter-three-column-overlap?hsLang=en) [ ### Newsletter with Skewed Images HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/newsletter-with-skewed-images?hsLang=en) [ ### Pricing Highlighted Rate HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/pricing-highlighted-rate?hsLang=en) [ ### Pricing Outlined Content on Hover HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/pricing-outlined-content-on-hover?hsLang=en) [ ### Pricing Table with Highlight HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/pricing-table-with-highlight?hsLang=en) [ ### Stats Overlapping HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/stats-overlapping?hsLang=en) [ ### Team Column Grid HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/team-column-grid?hsLang=en) [ ### Team Image Box HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/team-image-box?hsLang=en) [ ### Team Leftward Social Links HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/team-leftward-social-links?hsLang=en) [ ### Team Member Flip Card HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/team-member-flip-card?hsLang=en) [ ### Team with Info on Hover HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/team-with-info-on-hover?hsLang=en) [ ### Team with Name Abbreviation HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/team-with-name-abbreviation?hsLang=en) [ ### Team with Overlapped Icons HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/team-with-overlapped-icons?hsLang=en) [ ### Testimonial One Column HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/testimonial-one-column?hsLang=en) [ ### Testimonial Two Column HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/testimonial-two-column?hsLang=en) [ ### Testimonials Asymmetrical HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/testimonials-asymmetrical?hsLang=en) [ ### Testimonials Avatar Overlap HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/testimonials-avatar-overlap?hsLang=en) [ ### Testimonials Timeline Slider HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/testimonials-timeline-slider?hsLang=en) [ ### Video Tabs HubSpot CMS · drag-and-drop module View docs ](https://demo.giantfocal.com/modules-documentation/video-tabs?hsLang=en) ```json { "@context" : "https://schema.org", "@id" : "https://www.giantfocal.com/#organization", "@type" : "Organization", "description" : "Revenue Architecture for HubSpot. We design, build, and operate revenue systems for ambitious mid-market and enterprise teams.", "logo" : "https://cdn2.hubspot.net/hubfs/2333817/Giantfocal_2020/logos/giantfocal.svg", "name" : "GiantFocal", "url" : "https://www.giantfocal.com/" } ``` ```json { "@context" : "https://schema.org", "@id" : "https://www.giantfocal.com/#website", "@type" : "WebSite", "name" : "GiantFocal", "potentialAction" : { "@type" : "SearchAction", "query-input" : "required name=search_term_string", "target" : { "@type" : "EntryPoint", "urlTemplate" : "https://www.giantfocal.com/hs-search-results?term={search_term_string}" } }, "publisher" : { "@id" : "https://www.giantfocal.com/#organization" }, "url" : "https://www.giantfocal.com/" } ```