HubSpot Multicolumn Card With Badge Module

This documentation is for the HubSpot Multicolumn Card With Badge Module created by Hermitcarbs team

CONTENT FIELDS

  • Enable module with boolean field.
  • Add Section Id and Class selector according to requirements.

    testimonial1

  • Add heading using heading type and heading style.

    heading

  • Add the Description you want to show using the rich text field.

    content_cards3
  • STYLE FIELDS
    • Add Backgound with multipal option (Color only, Image with overlay, and Gradient)

         content_cards4 
     
    • Add Spacing of the section

          content_cards5 
     
    • Choose Container type

          testimonial6
     
    • Typography style
      • Top Content style
        • Choose background color
        • Choose pre title color

              pre_title_heading_color 
         
        • Choose heading color

              heading_color
         
        • Choose description color

              description_font
  • CARD FIELDS
    • Add Title

          card_heading 
     
    • Add Date

          date 
     
    • Add Image

          card_image 
     
    • Add Price

          price 
     
    • STYLE FIELDS
      • Choose background color.

             card_bg_color 
       
      • Choose background hover color.

             card_hover_bg_color 
       
      • Choose border radius.

             card_border_radius 
       
      • Choose hover box shadow color.

             card_box_shadow_color 
       
      • Choose image scale on hover.

             card_image_scale 
       
      • Choose heading color.

              card_heading_color 
       
      • Choose heading hover color.

              card_heading_hover_color 
       
      • Choose Date color.

              card_date_color 
       
      • Choose price font.
      • Choose price color.

              price_font  

      • choose price background color.

             card_price_bg_color 
       
      • choose price border radius.

        card_price_border_radius

  • Bottom Content FIELDS
    • Add Text

             bottom_content_text
     
    • Add Link

             bottom_content_link 
     
    • Add Link Text

            bottom_content_link_text 
     
    • Add Icon

           bottom_icon 

    • STYLE FIELDS
      • Bottom content font.

              bottom_content_font 
       
      • Bottom content link text font.

             bottom_content_link_font 
       
      • Bottom content link text border bottom color.

             bottom_content_border_color 
       
      • Bottom content link text border bottom hover color.

             bottom_content_border_hover_color

In this module you can customise design to your requirements
card_module