diff --git a/theme/images/content/unicard-left-right-variations/1/bg.svg b/theme/images/content/unicard-left-right-variations/1/bg.svg new file mode 100644 index 0000000..61a0151 --- /dev/null +++ b/theme/images/content/unicard-left-right-variations/1/bg.svg @@ -0,0 +1,3097 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme/images/content/unicard-left-right-variations/10/bg1.jpg b/theme/images/content/unicard-left-right-variations/10/bg1.jpg new file mode 100644 index 0000000..e914378 Binary files /dev/null and b/theme/images/content/unicard-left-right-variations/10/bg1.jpg differ diff --git a/theme/images/content/unicard-left-right-variations/10/bg2.jpg b/theme/images/content/unicard-left-right-variations/10/bg2.jpg new file mode 100644 index 0000000..37e92a0 Binary files /dev/null and b/theme/images/content/unicard-left-right-variations/10/bg2.jpg differ diff --git a/theme/images/content/unicard-left-right-variations/11/1.svg b/theme/images/content/unicard-left-right-variations/11/1.svg new file mode 100644 index 0000000..6135d1c --- /dev/null +++ b/theme/images/content/unicard-left-right-variations/11/1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/images/content/unicard-left-right-variations/11/2.svg b/theme/images/content/unicard-left-right-variations/11/2.svg new file mode 100644 index 0000000..fae253c --- /dev/null +++ b/theme/images/content/unicard-left-right-variations/11/2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/images/content/unicard-left-right-variations/12/1.jpg b/theme/images/content/unicard-left-right-variations/12/1.jpg new file mode 100644 index 0000000..1789cfa Binary files /dev/null and b/theme/images/content/unicard-left-right-variations/12/1.jpg differ diff --git a/theme/images/content/unicard-left-right-variations/2/1.jpg b/theme/images/content/unicard-left-right-variations/2/1.jpg new file mode 100644 index 0000000..09072bd Binary files /dev/null and b/theme/images/content/unicard-left-right-variations/2/1.jpg differ diff --git a/theme/images/content/unicard-left-right-variations/3/1.jpg b/theme/images/content/unicard-left-right-variations/3/1.jpg new file mode 100644 index 0000000..2167bd9 Binary files /dev/null and b/theme/images/content/unicard-left-right-variations/3/1.jpg differ diff --git a/theme/images/content/unicard-left-right-variations/4/operationshub.svg b/theme/images/content/unicard-left-right-variations/4/operationshub.svg new file mode 100644 index 0000000..6fcf4fb --- /dev/null +++ b/theme/images/content/unicard-left-right-variations/4/operationshub.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/images/content/unicard-left-right-variations/5/1.jpg b/theme/images/content/unicard-left-right-variations/5/1.jpg new file mode 100644 index 0000000..e058b9d Binary files /dev/null and b/theme/images/content/unicard-left-right-variations/5/1.jpg differ diff --git a/theme/images/content/unicard-left-right-variations/5/producticon.svg b/theme/images/content/unicard-left-right-variations/5/producticon.svg new file mode 100644 index 0000000..02c7541 --- /dev/null +++ b/theme/images/content/unicard-left-right-variations/5/producticon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/theme/images/content/unicard-left-right-variations/6/bg.jpg b/theme/images/content/unicard-left-right-variations/6/bg.jpg new file mode 100644 index 0000000..0d898e0 Binary files /dev/null and b/theme/images/content/unicard-left-right-variations/6/bg.jpg differ diff --git a/theme/images/content/unicard-left-right-variations/6/hubspot.svg b/theme/images/content/unicard-left-right-variations/6/hubspot.svg new file mode 100644 index 0000000..4eec4f3 --- /dev/null +++ b/theme/images/content/unicard-left-right-variations/6/hubspot.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/images/content/unicard-left-right-variations/6/operationshub.svg b/theme/images/content/unicard-left-right-variations/6/operationshub.svg new file mode 100644 index 0000000..6fcf4fb --- /dev/null +++ b/theme/images/content/unicard-left-right-variations/6/operationshub.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/images/content/unicard-left-right-variations/7/bg1.jpg b/theme/images/content/unicard-left-right-variations/7/bg1.jpg new file mode 100644 index 0000000..f56fa09 Binary files /dev/null and b/theme/images/content/unicard-left-right-variations/7/bg1.jpg differ diff --git a/theme/images/content/unicard-left-right-variations/8/1.jpg b/theme/images/content/unicard-left-right-variations/8/1.jpg new file mode 100644 index 0000000..c26d36b Binary files /dev/null and b/theme/images/content/unicard-left-right-variations/8/1.jpg differ diff --git a/theme/images/content/unicard-left-right-variations/8/2.jpg b/theme/images/content/unicard-left-right-variations/8/2.jpg new file mode 100644 index 0000000..4e51253 Binary files /dev/null and b/theme/images/content/unicard-left-right-variations/8/2.jpg differ diff --git a/theme/images/content/unicard-left-right-variations/9/1.svg b/theme/images/content/unicard-left-right-variations/9/1.svg new file mode 100644 index 0000000..916c072 --- /dev/null +++ b/theme/images/content/unicard-left-right-variations/9/1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/images/content/unicard-left-right-variations/9/2.svg b/theme/images/content/unicard-left-right-variations/9/2.svg new file mode 100644 index 0000000..8265975 --- /dev/null +++ b/theme/images/content/unicard-left-right-variations/9/2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/modules/unicard-left-right.module/fields.js b/theme/modules/unicard-left-right.module/fields.js index aba4053..0278ed9 100644 --- a/theme/modules/unicard-left-right.module/fields.js +++ b/theme/modules/unicard-left-right.module/fields.js @@ -124,14 +124,12 @@ init( suffix: '%' }), fi.number('', 'desktop_gap', { - default: 40, display_width: 'half_width', inline_help_text: 'Gap on Desktop', min: 0, suffix: 'px' }), fi.number('', 'mobile_gap', { - default: 20, display_width: 'half_width', inline_help_text: 'Gap on Mobile', min: 0, diff --git a/theme/sections/unicard-left-right-variation1.html b/theme/sections/unicard-left-right-variation1.html new file mode 100644 index 0000000..366e8e1 --- /dev/null +++ b/theme/sections/unicard-left-right-variation1.html @@ -0,0 +1,339 @@ + +{% dnd_section + padding={ + "default" : { + "bottom" : "0px", + "top" : "0px" + } + }, + full_width=true +%} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "button_group" : [ { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "", + "href_with_scheme" : "", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "large", + "button_style" : "custombutton", + "button_text" : "Go to Dashboard", + "custom_button_background" : { + "color" : "#019d91", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#019d91", + "opacity" : 100 + }, + "custom_button_border_radius" : 16, + "custom_button_font" : { + "color" : "#FFFFFF", + "fallback" : "sans-serif", + "font" : "Montserrat Alternates", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "custom_button_horizontal_spacing" : 60, + "custom_button_hover" : { + "background" : { + "color" : "#00c1a2", + "opacity" : 100 + }, + "border_color" : { + "color" : "#00c1a2", + "opacity" : 100 + }, + "color" : { } + }, + "custom_button_vertical_spacing" : 20, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Montserrat Alternates", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "heading_icon_position" : "left", + "heading_style" : "display-3", + "heading_tag" : "h2", + "heading_text" : "Great designs come alive with motion!", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "main_heading", "richtext", "buttons" ], + "richtext" : "Create, edit, collaborate on and implement lightweight Lottie animations across websites, apps, socials and more.", + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_file" : "https://144691243.fs1.hubspotusercontent-eu1.net/hubfs/144691243/V7KchLpRt2.lottie", + "lottie_height" : 800, + "lottie_loop" : false, + "lottie_mode" : "forward", + "lottie_prop_visibility" : true, + "lottie_scale" : 1.3, + "lottie_speed" : 1, + "lottie_width" : 800 + }, + "media_type" : "lottie", + "module_components" : [ "media" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "background_image" : { + "background_position" : "MIDDLE_CENTER", + "background_size" : "cover", + "src" : get_asset_url('../images/content/unicard-left-right-variations/1/bg.svg'), + }, + "background_image_overlay_gradient" : { + "colors" : [ { + "color" : { + "a" : 0, + "b" : 255, + "g" : 255, + "r" : 255 + } + }, { + "color" : { + "a" : 0.95, + "b" : 241, + "g" : 254, + "r" : 214 + } + }, { + "color" : { + "a" : 0.9, + "b" : 255, + "g" : 255, + "r" : 255 + } + }, { + "color" : { + "a" : 1, + "b" : 241, + "g" : 254, + "r" : 214 + } + } ], + "side_or_corner" : { + "horizontalSide" : "RIGHT", + "verticalSide" : "BOTTOM" + } + }, + "background_image_overlay_type" : "gradient", + "background_type" : "", + "card_style_group1" : { + "alignment" : { + "horizontal_align" : "LEFT", + "vertical_align" : "MIDDLE" + }, + "content_gap" : 32, + "mobile_alignment" : { + "horizontal_align" : "CENTER" + }, + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px" + }, + "left" : { + "units" : "px" + }, + "right" : { + "units" : "px" + }, + "top" : { + "units" : "px" + } + } + } + }, + "card_style_group2" : { + "alignment" : { + "horizontal_align" : "CENTER", + "vertical_align" : "MIDDLE" + }, + "mobile_alignment" : { + "horizontal_align" : "CENTER" + } + }, + "hero_image_group" : { + "background_image" : { + "background_position" : "TOP_CENTER", + "background_size" : "cover", + "src" : "https://144691243.fs1.hubspotusercontent-eu1.net/hubfs/144691243/city-1252643.svg" + }, + "background_image_overlay_gradient" : { + "colors" : [ { + "color" : { + "a" : 0, + "b" : 255, + "g" : 255, + "r" : 255 + } + }, { + "color" : { + "a" : 0.95, + "b" : 241, + "g" : 254, + "r" : 214 + } + }, { + "color" : { + "a" : 0.9, + "b" : 255, + "g" : 255, + "r" : 255 + } + }, { + "color" : { + "a" : 1, + "b" : 241, + "g" : 254, + "r" : 214 + } + } ], + "side_or_corner" : { + "horizontalSide" : "RIGHT", + "verticalSide" : "BOTTOM" + } + }, + "background_image_overlay_type" : "gradient", + "background_type" : "background_image" + }, + "hero_image_mode" : true, + "mobile_spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 40 + }, + "left" : { }, + "right" : { }, + "top" : { + "units" : "px", + "value" : 80 + } + } + }, + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 160 + }, + "left" : { }, + "right" : { }, + "top" : { + "units" : "px", + "value" : 160 + } + } + } + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation10.html b/theme/sections/unicard-left-right-variation10.html new file mode 100644 index 0000000..96c2606 --- /dev/null +++ b/theme/sections/unicard-left-right-variation10.html @@ -0,0 +1,488 @@ + +{% dnd_section + background_color="rgba(234, 239, 235, 1)" +%} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image" : { + "alt" : "background-8653526_1280", + "height" : 1280, + "loading" : "disabled", + "max_height" : 1280, + "max_width" : 853, + "src" : get_asset_url('../images/content/unicard-left-right-variations/10/bg1.jpg'), + "width" : 853 + }, + "full_width_image_aspect_ratio" : "1/1", + "full_width_image_opt_visibility" : false + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "media" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "button_group" : [ { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "regular", + "button_style" : "custombutton", + "button_text" : "Read more", + "custom_button_background" : { }, + "custom_button_border_color" : { + "color" : "#024234", + "opacity" : 100 + }, + "custom_button_border_radius" : 10, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#024234", + "fallback" : "serif", + "font" : "DM Serif Text", + "font_set" : "GOOGLE", + "size" : 20, + "styles" : { }, + "variant" : "regular" + }, + "custom_button_hover" : { + "background" : { + "color" : "#024234", + "opacity" : 100 + }, + "border_color" : { + "color" : "#024234", + "opacity" : 100 + }, + "color" : { + "color" : "#FFFFFF", + "opacity" : 100 + } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "custom_text_group" : [ { + "custom_text" : "Landing pages", + "custom_text_background" : { }, + "custom_text_font" : { + "font" : "impact, chicago", + "font_set" : "DEFAULT", + "size" : 18 + }, + "custom_text_inline" : true, + "gradient_color" : [ { + "color" : "#999999", + "opacity" : 100 + }, { + "color" : "#999999", + "opacity" : 100 + } ] + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "serif", + "font" : "DM Serif Text", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "regular" + }, + "heading_icon_position" : "left", + "heading_style" : "display-4", + "heading_tag" : "h2", + "heading_text" : "24/7 Customer Support", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "custom_text", "main_heading", "richtext", "buttons" ], + "richtext" : "

Get help by calling, chatting with, or emailing our customer support team.

", + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "background_color" : { + "color" : "#FFFFFF", + "opacity" : 100 + }, + "background_type" : "background_color", + "border_radius" : 26, + "card_style_group2" : { + "alignment" : { + "horizontal_align" : "LEFT", + "vertical_align" : "MIDDLE" + }, + "content_gap" : 20, + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 70 + }, + "left" : { + "units" : "px", + "value" : 70 + }, + "right" : { + "units" : "px", + "value" : 70 + }, + "top" : { + "units" : "px", + "value" : 70 + } + } + } + }, + "desktop_gap" : 50, + "mobile_gap" : 0, + "shadow" : "shadow-xl" + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} + {% end_dnd_row %} + {% dnd_row + padding={ + "default" : { + "top" : "60px" + }, + "mobile" : { + "top" : "30px" + } + } + %} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "button_group" : [ { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "regular", + "button_style" : "custombutton", + "button_text" : "Read more", + "custom_button_background" : { }, + "custom_button_border_color" : { + "color" : "#024234", + "opacity" : 100 + }, + "custom_button_border_radius" : 10, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#024234", + "fallback" : "serif", + "font" : "DM Serif Text", + "font_set" : "GOOGLE", + "size" : 20, + "styles" : { }, + "variant" : "regular" + }, + "custom_button_hover" : { + "background" : { + "color" : "#024234", + "opacity" : 100 + }, + "border_color" : { + "color" : "#024234", + "opacity" : 100 + }, + "color" : { + "color" : "#FFFFFF", + "opacity" : 100 + } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "custom_text_group" : [ { + "custom_text" : "Website builder", + "custom_text_background" : { }, + "custom_text_font" : { + "font" : "impact, chicago", + "font_set" : "DEFAULT", + "size" : 18 + }, + "custom_text_inline" : true, + "gradient_color" : [ { + "color" : "#999999", + "opacity" : 100 + }, { + "color" : "#999999", + "opacity" : 100 + } ] + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "serif", + "font" : "DM Serif Text", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "regular" + }, + "heading_icon_position" : "left", + "heading_style" : "display-4", + "heading_tag" : "h2", + "heading_text" : "Free Courses & Certifications", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "custom_text", "main_heading", "richtext", "buttons" ], + "richtext" : "

Grow your skills with free HubSpot Academy courses and certifications.

", + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image" : { + "alt" : "leaf-5096502_1280", + "height" : 1280, + "loading" : "disabled", + "max_height" : 1280, + "max_width" : 848, + "src" : get_asset_url('../images/content/unicard-left-right-variations/10/bg2.jpg'), + "width" : 848 + }, + "full_width_image_aspect_ratio" : "1/1", + "full_width_image_opt_visibility" : false + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "media" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "background_color" : { + "color" : "#FFFFFF", + "opacity" : 100 + }, + "background_type" : "background_color", + "border_radius" : 26, + "card_style_group1" : { + "alignment" : { + "horizontal_align" : "RIGHT", + "vertical_align" : "MIDDLE" + }, + "content_gap" : 20, + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 70 + }, + "left" : { + "units" : "px", + "value" : 70 + }, + "right" : { + "units" : "px", + "value" : 70 + }, + "top" : { + "units" : "px", + "value" : 70 + } + } + } + }, + "desktop_gap" : 50, + "mobile_gap" : 0, + "mobile_reverse" : true, + "shadow" : "shadow-xl" + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation11.html b/theme/sections/unicard-left-right-variation11.html new file mode 100644 index 0000000..694819d --- /dev/null +++ b/theme/sections/unicard-left-right-variation11.html @@ -0,0 +1,326 @@ + +{% dnd_section + background_color="rgba(247, 249, 252, 1)", + padding={ + "default" : { + "bottom" : "100px", + "top" : "100px" + }, + "mobile" : { + "bottom" : "80px", + "top" : "80px" + } + } +%} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "simple_image", + "module_components" : [ "media" ], + "simple_image_group" : { + "simple_image" : { + "alt" : "development-4536630", + "height" : 233, + "loading" : "disabled", + "src" : get_asset_url('../images/content/unicard-left-right-variations/11/1.svg'), + "width" : 234 + }, + "simple_image_width" : 450 + }, + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_bg_color" : { + "color" : "#FFFFFF", + "opacity" : 100 + }, + "accordion_border_color" : { + "color" : "#bbcee1", + "opacity" : 100 + }, + "accordion_border_prop_visibility" : false, + "accordion_border_radius" : 6, + "accordion_border_style" : "border_wrapper", + "accordion_icon_color" : { + "color" : "#0f4463", + "opacity" : 100 + }, + "accordion_icon_inline_svg" : "", + "accordion_icon_position" : "right", + "accordion_icon_prop_visibility" : false, + "accordion_icon_size" : 16, + "accordion_item" : [ { + "accordion_item_text" : "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non nunc dapibus, vestibulum urna eu, pretium mauris. Ut suscipit augue eget lacus elementum, ut vestibulum lectus ornare. Morbi placerat felis ante, ut ultrices nunc dictum dapibus. Proin rutrum magna nibh, nec lobortis enim consectetur a.

", + "accordion_item_title" : "Product Description" + }, { + "accordion_item_text" : "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non nunc dapibus, vestibulum urna eu, pretium mauris. Ut suscipit augue eget lacus elementum, ut vestibulum lectus ornare. Morbi placerat felis ante, ut ultrices nunc dictum dapibus. Proin rutrum magna nibh, nec lobortis enim consectetur a.

", + "accordion_item_title" : "Pricing Overview" + }, { + "accordion_item_text" : "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non nunc dapibus, vestibulum urna eu, pretium mauris. Ut suscipit augue eget lacus elementum, ut vestibulum lectus ornare. Morbi placerat felis ante, ut ultrices nunc dictum dapibus. Proin rutrum magna nibh, nec lobortis enim consectetur a.

", + "accordion_item_title" : "Features" + } ], + "accordion_spacing_bottom" : 20, + "accordion_spacing_prop_visibility" : false, + "accordion_spacing_top" : 20, + "accordion_title_color" : { + "color" : "#0f4463", + "opacity" : 100 + }, + "accordion_title_font" : { + "fallback" : "sans-serif", + "font" : "Lexend Deca", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "500" + }, + "accordion_title_prop_visibility" : false, + "accordion_title_size" : 18 + }, + "additional_images_group" : [ { + "simple_image" : { + "alt" : "logo_ines", + "height" : 114, + "loading" : "disabled", + "src" : get_asset_url('../images/content/unicard-left-right-variations/11/2.svg'), + "width" : 381 + }, + "simple_image_width" : 200 + } ], + "button_group" : [ { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "regular", + "button_style" : "custombutton", + "button_text" : "Get a demo", + "custom_button_background" : { + "color" : "#ed5763", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#ed5763", + "opacity" : 100 + }, + "custom_button_border_radius" : 6, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#FFFFFF", + "fallback" : "sans-serif", + "font" : "Lexend Deca", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "custom_button_hover" : { + "background" : { + "color" : "#d9395a", + "opacity" : 100 + }, + "border_color" : { + "color" : "#d9395a", + "opacity" : 100 + }, + "color" : { } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + }, { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "regular", + "button_style" : "custombutton", + "button_text" : "Get started free", + "custom_button_background" : { + "color" : "#FFFFFF" + }, + "custom_button_border_color" : { + "color" : "#ed5763", + "opacity" : 100 + }, + "custom_button_border_radius" : 6, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#ed5763", + "fallback" : "sans-serif", + "font" : "Lexend Deca", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "custom_button_hover" : { + "background" : { + "color" : "#ffd5d9", + "opacity" : 100 + }, + "border_color" : { + "color" : "#ed5763", + "opacity" : 100 + }, + "color" : { } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_color" : { + "color" : "#0f4463", + "opacity" : 100 + }, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Lexend Deca", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "heading_icon_position" : "left", + "heading_style" : "display-6", + "heading_tag" : "h2", + "heading_text" : "Content Marketing Software", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "additional_images", "main_heading", "buttons", "accordion" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "card_style_group1" : { + "alignment" : { + "horizontal_align" : "CENTER", + "vertical_align" : "MIDDLE" + }, + "mobile_alignment" : { + "horizontal_align" : "CENTER" + } + }, + "card_style_group2" : { + "content_gap" : 34 + }, + "desktop_gap" : 30, + "mobile_gap" : 30 + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation12.html b/theme/sections/unicard-left-right-variation12.html new file mode 100644 index 0000000..4dfe9fc --- /dev/null +++ b/theme/sections/unicard-left-right-variation12.html @@ -0,0 +1,318 @@ + +{% dnd_section + background_color="rgba(19, 79, 92, 1)", + padding={ + "default" : { + "bottom" : "0px" + } + } +%} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_prop_visibility" : false, + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left", + "accordion_icon_prop_visibility" : false, + "accordion_item" : [ { + "accordion_item_text" : "

You can access the HubSpot CMS developer documentation to learn more about Content Hub, explore developer features, and connect with the HubSpot CMS developer community.

", + "accordion_item_title" : "Where can I find the HubSpot CMS developer documentation?" + }, { + "accordion_item_text" : "

A content management system (CMS) is software that facilitates creating, managing, and modifying information on a website. With a CMS, your developers can build flexible, beautiful website themes that your marketing team can use to make website updates on their own, creating and personalizing your website for every visitor.

\n

HubSpot’s content marketing software allows marketers to take ownership over their website. You won’t have to worry about security concerns or broken pages, freeing you up to focus on the experience you're providing your customers instead. And with flexible themes, you can ensure your brand and design stay consistent across pages.

", + "accordion_item_title" : "What is a content management system?" + }, { + "accordion_item_text" : "

A content management system (CMS) is software that facilitates creating, managing, and modifying information on a website. With a CMS, your developers can build flexible, beautiful website themes that your marketing team can use to make website updates on their own, creating and personalizing your website for every visitor.

", + "accordion_item_title" : "What are HubSpot's popular content marketing features?" + }, { + "accordion_item_text" : "

A content management system (CMS) is software that facilitates creating, managing, and modifying information on a website. With a CMS, your developers can build flexible, beautiful website themes that your marketing team can use to make website updates on their own, creating and personalizing your website for every visitor.

", + "accordion_item_title" : "How much does HubSpot's content marketing software cost?" + } ], + "accordion_show_top_border" : true, + "accordion_spacing_left" : 0, + "accordion_spacing_prop_visibility" : false, + "accordion_title_font" : { + "fallback" : "sans-serif", + "font" : "Poppins", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "500" + }, + "accordion_title_prop_visibility" : false, + "accordion_title_size" : 22 + }, + "button_group" : [ { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "regular", + "button_style" : "custombutton", + "button_text" : "Get a demo", + "custom_button_background" : { + "color" : "#C9F6DC", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#C9F6DC", + "opacity" : 100 + }, + "custom_button_border_radius" : 100, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#000000", + "fallback" : "sans-serif", + "font" : "Poppins", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "custom_button_hover" : { + "background" : { + "color" : "#FFFFFF", + "opacity" : 0 + }, + "border_color" : { + "color" : "#C9F6DC", + "opacity" : 100 + }, + "color" : { + "color" : "#FFFFFF", + "opacity" : 100 + } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + }, { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "regular", + "button_style" : "custombutton", + "button_text" : "Get started", + "custom_button_background" : { + "color" : "#FFFFFF", + "opacity" : 0 + }, + "custom_button_border_color" : { + "color" : "#C9F6DC", + "opacity" : 100 + }, + "custom_button_border_radius" : 100, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#FFFFFF", + "fallback" : "sans-serif", + "font" : "Poppins", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "custom_button_hover" : { + "background" : { + "color" : "#C9F6DC", + "opacity" : 100 + }, + "border_color" : { + "color" : "#C9F6DC", + "opacity" : 100 + }, + "color" : { + "color" : "#000000", + "opacity" : 100 + } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Poppins", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "600" + }, + "heading_icon_position" : "left", + "heading_style" : "display-6", + "heading_tag" : "h2", + "heading_text" : "Frequently Asked Questions", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "main_heading", "accordion", "buttons" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "simple_image", + "module_components" : [ "media" ], + "simple_image_group" : { + "simple_image" : { + "alt" : "pexels-jkerro-2912583", + "height" : 6000, + "loading" : "disabled", + "src" : get_asset_url('../images/content/unicard-left-right-variations/12/1.jpg'), + "width" : 4000 + }, + "simple_image_width" : 450 + }, + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "card_style_group1" : { + "content_gap" : 50, + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 60 + }, + "left" : { }, + "right" : { }, + "top" : { + "units" : "px", + "value" : 60 + } + } + }, + "text_color" : { + "color" : "#FFFFFF", + "opacity" : 100 + } + }, + "card_style_group2" : { + "alignment" : { + "horizontal_align" : "RIGHT", + "vertical_align" : "BOTTOM" + }, + "mobile_alignment" : { + "horizontal_align" : "CENTER" + } + }, + "desktop_gap" : 40, + "mobile_gap" : 30, + "mobile_reverse" : false, + "proportions" : 60 + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation2.html b/theme/sections/unicard-left-right-variation2.html new file mode 100644 index 0000000..73bf43b --- /dev/null +++ b/theme/sections/unicard-left-right-variation2.html @@ -0,0 +1,276 @@ + +{% dnd_section + padding={ + "default" : { + "bottom" : "80px", + "top" : "80px" + }, + "mobile" : { + "bottom" : "60px", + "top" : "60px" + } + } +%} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "button_group" : [ { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "large", + "button_style" : "custombutton", + "button_text" : "Get a demo", + "custom_button_background" : { + "color" : "#ff5c35", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#ff5c35", + "opacity" : 100 + }, + "custom_button_border_radius" : 6, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#FFFFFF", + "fallback" : "sans-serif", + "font" : "Lexend Deca", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "custom_button_hover" : { + "background" : { + "color" : "#e04826", + "opacity" : 100 + }, + "border_color" : { + "color" : "#e04826", + "opacity" : 100 + }, + "color" : { } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + }, { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "large", + "button_style" : "custombutton", + "button_text" : "Get started free", + "custom_button_background" : { + "color" : "#FFFFFF", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#ff5c35", + "opacity" : 100 + }, + "custom_button_border_radius" : 6, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#ff5c35", + "fallback" : "sans-serif", + "font" : "Lexend Deca", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "custom_button_hover" : { + "background" : { + "color" : "#ffcec2", + "opacity" : 100 + }, + "border_color" : { + "color" : "#ff5c35", + "opacity" : 100 + }, + "color" : { } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Lexend Deca", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "600" + }, + "heading_icon_position" : "left", + "heading_style" : "h1", + "heading_tag" : "h2", + "heading_text" : "All-in-one content marketing software for creating meaningful customer journeys.", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "main_heading", "buttons" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "Right card" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "simple_image", + "module_components" : [ "media" ], + "simple_image_group" : { + "simple_image" : { + "alt" : "pexels-olly-926390", + "height" : 5120, + "loading" : "disabled", + "src" : get_asset_url('../images/content/unicard-left-right-variations/2/1.jpg'), + "width" : 7680 + }, + "simple_image_width" : 350 + }, + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "card_style_group1" : { + "alignment" : { + "horizontal_align" : "LEFT", + "vertical_align" : "MIDDLE" + }, + "mobile_alignment" : { + "horizontal_align" : "CENTER" + } + }, + "card_style_group2" : { + "alignment" : { + "horizontal_align" : "RIGHT", + "vertical_align" : "MIDDLE" + }, + "mobile_alignment" : { + "horizontal_align" : "CENTER" + } + }, + "desktop_gap" : 30, + "mobile_gap" : 30, + "proportions" : 65 + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation3.html b/theme/sections/unicard-left-right-variation3.html new file mode 100644 index 0000000..e9208a9 --- /dev/null +++ b/theme/sections/unicard-left-right-variation3.html @@ -0,0 +1,222 @@ + +{% dnd_section + background_color="rgba(254, 244, 234, 1)", + padding={ + "default" : { + "bottom" : "0px", + "top" : "0px" + } + } +%} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image" : { + "alt" : "cubic-house-6566412_1280", + "height" : 853, + "loading" : "disabled", + "max_height" : 853, + "max_width" : 1280, + "src" : get_asset_url('../images/content/unicard-left-right-variations/3/1.jpg'), + "width" : 1280 + }, + "full_width_image_aspect_ratio" : "4/3", + "full_width_image_opt_visibility" : false + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "media" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "button_group" : [ { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "", + "href_with_scheme" : "", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "large", + "button_style" : "custombutton", + "button_text" : "Get started", + "custom_button_background" : { + "color" : "#ff5c35", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#ff5c35", + "opacity" : 100 + }, + "custom_button_border_radius" : 30, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#FFFFFF", + "font_set" : "DEFAULT" + }, + "custom_button_hover" : { + "background" : { + "color" : "#FFFFFF" + }, + "border_color" : { + "color" : "#ff5c35", + "opacity" : 100 + }, + "color" : { + "color" : "#ff5c35", + "opacity" : 100 + } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Montserrat Alternates", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "600" + }, + "heading_icon_position" : "left", + "heading_style" : "h1", + "heading_tag" : "h2", + "heading_text" : "It’s already easy to use.", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "main_heading", "richtext", "buttons" ], + "richtext" : "

But we’re still here for you.

", + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "card_style_group2" : { + "alignment" : { + "horizontal_align" : "CENTER", + "vertical_align" : "MIDDLE" + }, + "content_gap" : 18, + "mobile_alignment" : { + "horizontal_align" : "CENTER" + }, + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 60 + }, + "left" : { + "units" : "px", + "value" : 20 + }, + "right" : { + "units" : "px", + "value" : 20 + }, + "top" : { + "units" : "px", + "value" : 60 + } + } + } + }, + "proportions" : 35 + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation4.html b/theme/sections/unicard-left-right-variation4.html new file mode 100644 index 0000000..0485bc0 --- /dev/null +++ b/theme/sections/unicard-left-right-variation4.html @@ -0,0 +1,174 @@ + +{% dnd_section + background_color="rgba(246, 249, 252, 1)", + padding={ + "default" : { + "bottom" : "100px", + "top" : "100px" + }, + "mobile" : { + "bottom" : "60px", + "top" : "60px" + } + } +%} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9", + "full_width_image_opt_visibility" : false + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Poppins", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "600" + }, + "heading_icon_position" : "left", + "heading_icon_type" : "image", + "heading_image" : { + "alt" : "OperationsHub_Icon_Gradient_RGB_24px", + "height" : 31, + "loading" : "disabled", + "src" : get_asset_url('../images/content/unicard-left-right-variations/4/operationshub.svg'), + "width" : 30 + }, + "heading_style" : "h1", + "heading_tag" : "h2", + "heading_text" : "What is HubSpot?", + "heading_text_prop_visibility" : true + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "main_heading", "richtext" ], + "richtext" : "

HubSpot is an AI-powered customer platform with all the software, integrations, and resources you need to connect your marketing, sales, and customer service. HubSpot's connected platform enables you to grow your business faster by focusing on what matters most: your customers.

Get a demo to learn about our premium software, or get started with our full suite of free tools and upgrade as you grow.

", + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "Right card" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "video", + "module_components" : [ "media" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "embed_html" : "", + "height" : 113, + "max_height" : 113, + "max_width" : 200, + "oembed_response" : { + "author_name" : "HubSpot ", + "author_url" : "https://www.youtube.com/@HubSpot-CRM", + "height" : "113", + "html" : "", + "provider_name" : "YouTube", + "provider_url" : "https://www.youtube.com/", + "thumbnail_height" : "360", + "thumbnail_url" : "https://i.ytimg.com/vi/sILGgDj6FUI/hqdefault.jpg", + "thumbnail_width" : "480", + "title" : "HubSpot Content Hub | All-In-One Content Marketing Software (Walkthrough)", + "type" : "video", + "version" : "1.0", + "width" : "200" + }, + "oembed_url" : "https://www.youtube.com/watch?v=sILGgDj6FUI", + "size_type" : "auto", + "source_type" : "oembed", + "width" : 200 + }, + "video_border_radius" : 10, + "video_prop_visibility" : false, + "video_type" : "embed" + } + } ], + style={ + "card_style_group1" : { + "alignment" : { + "horizontal_align" : "LEFT", + "vertical_align" : "MIDDLE" + } + }, + "card_style_group2" : { + "alignment" : { + "horizontal_align" : "LEFT", + "vertical_align" : "MIDDLE" + }, + "mobile_alignment" : { + "horizontal_align" : "CENTER" + } + }, + "desktop_gap" : 70, + "mobile_gap" : 30 + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation5.html b/theme/sections/unicard-left-right-variation5.html new file mode 100644 index 0000000..bc0484d --- /dev/null +++ b/theme/sections/unicard-left-right-variation5.html @@ -0,0 +1,164 @@ + +{% dnd_section %} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image" : { + "alt" : "houses-7477950_1280", + "height" : 1280, + "loading" : "disabled", + "max_height" : 1280, + "max_width" : 1280, + "src" : get_asset_url('../images/content/unicard-left-right-variations/5/1.jpg'), + "width" : 1280 + }, + "full_width_image_aspect_ratio" : "1/1", + "full_width_image_opt_visibility" : false + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "media" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Lexend Deca", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "500" + }, + "heading_icon_position" : "left", + "heading_style" : "display-5", + "heading_tag" : "h2", + "heading_text" : "Powerful alone, even better together.", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "simple_image", + "module_components" : [ "media", "separator", "main_heading", "richtext" ], + "richtext" : "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non nunc dapibus, vestibulum urna eu, pretium mauris. Ut suscipit augue eget lacus elementum, ut vestibulum lectus ornare. Morbi placerat felis ante, ut ultrices nunc dictum dapibus. 

", + "simple_image_group" : { + "simple_image" : { + "alt" : "Product Icon one-1 (1) 1", + "height" : 30, + "loading" : "disabled", + "src" : get_asset_url('../images/content/unicard-left-right-variations/5/producticon.svg'), + "width" : 30 + }, + "simple_image_width" : 50 + }, + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "card_style_group2" : { + "background_color" : { + "color" : "#213343", + "opacity" : 100 + }, + "background_type" : "background_color", + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 50 + }, + "left" : { + "units" : "px", + "value" : 50 + }, + "right" : { + "units" : "px", + "value" : 50 + }, + "top" : { + "units" : "px", + "value" : 50 + } + } + }, + "text_color" : { + "color" : "#FFFFFF", + "opacity" : 100 + } + }, + "mobile_reverse" : true + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation6.html b/theme/sections/unicard-left-right-variation6.html new file mode 100644 index 0000000..9ff5aaa --- /dev/null +++ b/theme/sections/unicard-left-right-variation6.html @@ -0,0 +1,254 @@ + +{% dnd_section + background_linear_gradient={ + "colors" : [ "rgba(255, 255, 255, 1)", "rgba(203, 214, 226, 1)" ], + "direction" : "to bottom right" + }, + padding={ + "default" : { + "bottom" : "140px", + "top" : "140px" + }, + "mobile" : { + "bottom" : "80px", + "top" : "80px" + } + } +%} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "simple_image", + "module_components" : [ "media" ], + "simple_image_group" : { + "simple_image" : { + "alt" : "hubspot", + "height" : 96, + "loading" : "disabled", + "src" : get_asset_url('../images/content/unicard-left-right-variations/6/hubspot.svg'), + "width" : 339 + } + }, + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_color" : { + "color" : "#213344", + "opacity" : 100 + }, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Montserrat Alternates", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "heading_icon_position" : "left", + "heading_style" : "display-6", + "heading_tag" : "h2", + "heading_text" : "Content Marketing Software That\nGrows With You", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "simple_image", + "module_components" : [ "media", "separator", "main_heading", "richtext" ], + "richtext" : "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non nunc dapibus, vestibulum urna eu, pretium mauris. Ut suscipit augue eget lacus elementum, ut vestibulum lectus ornare. Morbi placerat felis ante, ut ultrices nunc dictum dapibus. 

", + "simple_image_group" : { + "simple_image" : { + "alt" : "OperationsHub_Icon_Gradient_RGB_24px", + "height" : 31, + "loading" : "disabled", + "src" : get_asset_url('../images/content/unicard-left-right-variations/6/operationshub.svg'), + "width" : 30 + }, + "simple_image_width" : 50 + }, + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "border_radius" : 20, + "card_style_group1" : { + "alignment" : { + "horizontal_align" : "CENTER", + "vertical_align" : "MIDDLE" + }, + "background_image" : { + "background_position" : "MIDDLE_CENTER", + "background_size" : "cover", + "src" : get_asset_url('../images/content/unicard-left-right-variations/6/bg.jpg'), + }, + "background_image_overlay_gradient" : { + "colors" : [ { + "color" : { + "a" : 0.5, + "b" : 184, + "g" : 191, + "r" : 191 + } + }, { + "color" : { + "a" : 0.5, + "b" : 154, + "g" : 169, + "r" : 212 + } + }, { + "color" : { + "a" : 0.5, + "b" : 154, + "g" : 169, + "r" : 212 + } + }, { + "color" : { + "a" : 0.5, + "b" : 140, + "g" : 196, + "r" : 176 + } + } ], + "side_or_corner" : { + "horizontalSide" : "RIGHT", + "verticalSide" : "BOTTOM" + } + }, + "background_image_overlay_type" : "gradient", + "background_type" : "background_image", + "mobile_alignment" : { + "horizontal_align" : "CENTER" + }, + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 64 + }, + "left" : { + "units" : "px", + "value" : 64 + }, + "right" : { + "units" : "px", + "value" : 64 + }, + "top" : { + "units" : "px", + "value" : 64 + } + } + } + }, + "card_style_group2" : { + "background_color" : { + "color" : "#FFFFFF", + "opacity" : 100 + }, + "background_type" : "background_color", + "mobile_alignment" : { + "horizontal_align" : "CENTER" + }, + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 64 + }, + "left" : { + "units" : "px", + "value" : 64 + }, + "right" : { + "units" : "px", + "value" : 64 + }, + "top" : { + "units" : "px", + "value" : 64 + } + } + } + }, + "mobile_reverse" : true, + "shadow" : "shadow-xl" + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation7.html b/theme/sections/unicard-left-right-variation7.html new file mode 100644 index 0000000..b1ddc2b --- /dev/null +++ b/theme/sections/unicard-left-right-variation7.html @@ -0,0 +1,260 @@ + +{% dnd_section + background_image={ + "background_position" : "MIDDLE_CENTER", + "background_size" : "cover", + "image_url" : get_asset_url('../images/content/unicard-left-right-variations/7/bg1.jpg'), + }, + padding={ + "default" : { + "bottom" : "160px", + "top" : "160px" + }, + "mobile" : { + "bottom" : "80px", + "top" : "80px" + } + } +%} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "button_group" : [ { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "large", + "button_style" : "custombutton", + "button_text" : "Get a demo", + "custom_button_background" : { + "color" : "#FFFFFF", + "opacity" : 0 + }, + "custom_button_border_color" : { + "color" : "#213343", + "opacity" : 100 + }, + "custom_button_border_radius" : 8, + "custom_button_border_width" : 3, + "custom_button_font" : { + "fallback" : "sans-serif", + "font" : "Montserrat", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "800" + }, + "custom_button_hover" : { + "background" : { + "color" : "#213343", + "opacity" : 100 + }, + "border_color" : { + "color" : "#213343", + "opacity" : 100 + }, + "color" : { + "color" : "#FFFFFF", + "opacity" : 100 + } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + }, { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "large", + "button_style" : "custombutton", + "button_text" : "Get started free", + "custom_button_background" : { + "color" : "#213343", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#213343", + "opacity" : 100 + }, + "custom_button_border_radius" : 8, + "custom_button_border_width" : 3, + "custom_button_font" : { + "color" : "#FFFFFF", + "fallback" : "sans-serif", + "font" : "Montserrat", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "800" + }, + "custom_button_hover" : { + "background" : { + "color" : "#FFFFFF", + "opacity" : 0 + }, + "border_color" : { + "color" : "#213343", + "opacity" : 100 + }, + "color" : { + "color" : "#213343", + "opacity" : 100 + } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Raleway", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "800" + }, + "heading_icon_position" : "left", + "heading_style" : "display-4", + "heading_tag" : "h2", + "heading_text" : "Grow better with HubSpot", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "custom_text", "main_heading", "richtext", "buttons" ], + "richtext" : "

Software that's powerful, not overpowering. Seamlessly connect your data, teams, and customers on one AI-powered customer platform that grows with your business.

", + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "Right card" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "card_style_group1" : { + "content_gap" : 22 + }, + "proportions" : 40 + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation8.html b/theme/sections/unicard-left-right-variation8.html new file mode 100644 index 0000000..15ff108 --- /dev/null +++ b/theme/sections/unicard-left-right-variation8.html @@ -0,0 +1,478 @@ + +{% dnd_section %} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "button_group" : [ { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "regular", + "button_style" : "custombutton", + "button_text" : "More features", + "custom_button_background" : { + "color" : "#474359", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#474359", + "opacity" : 100 + }, + "custom_button_border_radius" : 8, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#FFFFFF", + "fallback" : "sans-serif", + "font" : "Roboto", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "regular" + }, + "custom_button_hover" : { + "background" : { + "color" : "#5b5477", + "opacity" : 100 + }, + "border_color" : { + "color" : "#5b5477", + "opacity" : 100 + }, + "color" : { } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Roboto", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "500" + }, + "heading_icon_position" : "left", + "heading_style" : "h1", + "heading_tag" : "h2", + "heading_text" : "Unicard", + "heading_text_prop_visibility" : true + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "list_group" : { + "list_item" : [ ], + "list_item_font" : { + "font" : "sans-serif", + "font_set" : "DEFAULT", + "styles" : { } + } + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "main_heading", "richtext", "buttons" ], + "richtext" : "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non nunc dapibus, vestibulum urna eu, pretium mauris. Ut suscipit augue eget lacus elementum, ut vestibulum lectus ornare.

", + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image" : { + "alt" : "computer-2565478_1280 (1)", + "height" : 853, + "loading" : "disabled", + "max_height" : 853, + "max_width" : 1280, + "src" : get_asset_url('../images/content/unicard-left-right-variations/8/1.jpg'), + "width" : 1280 + }, + "full_width_image_aspect_ratio" : "4/3", + "full_width_image_border_radius" : 10, + "full_width_image_opt_visibility" : false + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "media" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "card_style_group1" : { + "alignment" : { + "horizontal_align" : "LEFT", + "vertical_align" : "MIDDLE" + } + }, + "desktop_gap" : 100, + "mobile_gap" : 30, + "mobile_reverse" : true + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} + {% end_dnd_row %} + {% dnd_row %} + {% dnd_column + offset=0, + width=12, + padding={ + "default" : { + "top" : "60px" + } + } + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image" : { + "alt" : "desk-3139127_1280", + "height" : 824, + "loading" : "disabled", + "max_height" : 824, + "max_width" : 1280, + "src" : get_asset_url('../images/content/unicard-left-right-variations/8/2.jpg'), + "width" : 1280 + }, + "full_width_image_aspect_ratio" : "4/3", + "full_width_image_border_radius" : 10, + "full_width_image_opt_visibility" : false + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "media" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "button_group" : [ { + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "type" : "REGULAR" + }, + "button_icon_position" : "left", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "regular", + "button_style" : "custombutton", + "button_text" : "More features", + "custom_button_background" : { + "color" : "#6b4323", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#6b4323", + "opacity" : 100 + }, + "custom_button_border_radius" : 8, + "custom_button_border_width" : 2, + "custom_button_font" : { + "color" : "#FFFFFF", + "fallback" : "sans-serif", + "font" : "Roboto", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "regular" + }, + "custom_button_hover" : { + "background" : { + "color" : "#795232", + "opacity" : 100 + }, + "border_color" : { + "color" : "#795232", + "opacity" : 100 + }, + "color" : { } + }, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Roboto", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "500" + }, + "heading_icon_position" : "left", + "heading_style" : "h1", + "heading_tag" : "h2", + "heading_text" : "Unicard Left | Right", + "heading_text_prop_visibility" : true + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "list_group" : { + "list_gap" : 10, + "list_item" : [ { + "list_item_icon" : { + "name" : "check-circle", + "type" : "SOLID", + "unicode" : "f058" + }, + "list_item_icon_color" : { + "color" : "#086944", + "opacity" : 100 + }, + "list_item_icon_type" : "fontawesome", + "list_item_image" : { + "loading" : "disabled", + "src" : "" + }, + "list_item_text" : "No Coding Required" + }, { + "list_item_icon" : { + "name" : "check-circle", + "type" : "SOLID", + "unicode" : "f058" + }, + "list_item_icon_color" : { + "color" : "#086944", + "opacity" : 100 + }, + "list_item_icon_type" : "fontawesome", + "list_item_image" : { + "loading" : "disabled", + "src" : "" + }, + "list_item_text" : "Mobile Ready" + }, { + "list_item_icon" : { + "name" : "check-circle", + "type" : "SOLID", + "unicode" : "f058" + }, + "list_item_icon_color" : { + "color" : "#086944", + "opacity" : 100 + }, + "list_item_icon_type" : "fontawesome", + "list_item_image" : { + "loading" : "disabled", + "src" : "" + }, + "list_item_text" : "Unlimited Support" + }, { + "list_item_icon" : { + "name" : "check-circle", + "type" : "SOLID", + "unicode" : "f058" + }, + "list_item_icon_color" : { + "color" : "#086944", + "opacity" : 100 + }, + "list_item_icon_type" : "fontawesome", + "list_item_image" : { + "loading" : "disabled", + "src" : "" + }, + "list_item_text" : " Customizable" + } ], + "list_item_font" : { + "fallback" : "sans-serif", + "font" : "Roboto", + "font_set" : "GOOGLE", + "size" : 18, + "styles" : { }, + "variant" : "regular" + }, + "list_item_icon_gap" : 22, + "list_item_icon_size" : 26 + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "main_heading", "list", "richtext", "buttons" ], + "richtext" : "

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non nunc dapibus, vestibulum urna eu, pretium mauris. Ut suscipit augue eget lacus elementum, ut vestibulum lectus ornare.

", + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "card_style_group2" : { + "alignment" : { + "horizontal_align" : "LEFT", + "vertical_align" : "MIDDLE" + } + }, + "desktop_gap" : 100, + "mobile_gap" : 30 + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/sections/unicard-left-right-variation9.html b/theme/sections/unicard-left-right-variation9.html new file mode 100644 index 0000000..23e0145 --- /dev/null +++ b/theme/sections/unicard-left-right-variation9.html @@ -0,0 +1,473 @@ + +{% dnd_section + padding={ + "default" : { + "bottom" : "0px", + "top" : "0px" + } + }, + full_width=true +%} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "simple_image", + "module_components" : [ "media" ], + "simple_image_group" : { + "simple_image" : { + "alt" : "Group 3", + "height" : 2500, + "loading" : "disabled", + "src" : get_asset_url('../images/content/unicard-left-right-variations/9/1.svg'), + "width" : 2500 + }, + "simple_image_width" : 600 + }, + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "button_group" : [ { + "add_button_icon" : "fontawesome", + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "name" : "chart-pie", + "type" : "SOLID", + "unicode" : "f200" + }, + "button_icon_position" : "right", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "large", + "button_style" : "custombutton", + "button_text" : "Get started free", + "custom_button_background" : { + "color" : "#FFFFFF", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#FFFFFF", + "opacity" : 100 + }, + "custom_button_border_radius" : 8, + "custom_button_font" : { + "color" : "#525254", + "fallback" : "sans-serif", + "font" : "Sora", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "custom_button_horizontal_spacing" : 50, + "custom_button_hover" : { + "background" : { + "color" : "#FAFAFA", + "opacity" : 100 + }, + "border_color" : { + "color" : "#FAFAFA", + "opacity" : 100 + }, + "color" : { } + }, + "custom_button_vertical_spacing" : 20, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Sora", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "800" + }, + "heading_icon_position" : "left", + "heading_style" : "display-4", + "heading_tag" : "h2", + "heading_text" : "Grow better with HubSpot", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "main_heading", "separator", "buttons" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "card_style_group1" : { + "alignment" : { + "horizontal_align" : "CENTER", + "vertical_align" : "MIDDLE" + }, + "background_color" : { + "color" : "#eff3ff", + "opacity" : 100 + }, + "background_type" : "background_color", + "mobile_alignment" : { + "horizontal_align" : "CENTER" + } + }, + "card_style_group2" : { + "background_color" : { + "color" : "#ff5e4d", + "opacity" : 100 + }, + "background_type" : "background_color", + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 60 + }, + "left" : { + "units" : "px", + "value" : 60 + }, + "right" : { + "units" : "px", + "value" : 60 + }, + "top" : { + "units" : "px", + "value" : 60 + } + } + }, + "text_color" : { + "color" : "#FFFFFF", + "opacity" : 100 + } + } + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} + {% end_dnd_row %} + {% dnd_row %} + {% dnd_column + offset=0, + width=12 + %} + {% dnd_row %} + {% dnd_module + path="../modules/unicard-left-right", + offset=0, + width=12, + card_group=[ { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "button_group" : [ { + "add_button_icon" : "fontawesome", + "button_alignment" : "start", + "button_hide_text" : false, + "button_icon" : { + "name" : "archive", + "type" : "SOLID", + "unicode" : "f187" + }, + "button_icon_position" : "right", + "button_image" : { + "loading" : "disabled", + "src" : "" + }, + "button_link" : { + "no_follow" : false, + "open_in_new_tab" : false, + "sponsored" : false, + "url" : { + "href" : "#test", + "type" : "EXTERNAL" + }, + "user_generated_content" : false + }, + "button_position" : "inline", + "button_size" : "large", + "button_style" : "custombutton", + "button_text" : "Get a demo", + "custom_button_background" : { + "color" : "#FFFFFF", + "opacity" : 100 + }, + "custom_button_border_color" : { + "color" : "#FFFFFF", + "opacity" : 100 + }, + "custom_button_border_radius" : 8, + "custom_button_font" : { + "color" : "#525254", + "fallback" : "sans-serif", + "font" : "Sora", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "700" + }, + "custom_button_horizontal_spacing" : 50, + "custom_button_hover" : { + "background" : { + "color" : "#FAFAFA", + "opacity" : 100 + }, + "border_color" : { + "color" : "#FAFAFA", + "opacity" : 100 + }, + "color" : { } + }, + "custom_button_vertical_spacing" : 20, + "custom_link_color" : { }, + "custom_link_font" : { + "font_set" : "DEFAULT" + }, + "custom_link_hover" : { + "color" : { } + } + } ], + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_additional_customization" : true, + "heading_font" : { + "fallback" : "sans-serif", + "font" : "Sora", + "font_set" : "GOOGLE", + "styles" : { }, + "variant" : "800" + }, + "heading_icon_position" : "left", + "heading_style" : "display-4", + "heading_tag" : "h2", + "heading_text" : "One customer platform.", + "heading_text_prop_visibility" : false + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "full_width_image", + "module_components" : [ "main_heading", "separator", "buttons" ], + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + }, { + "accordion_group" : { + "accordion_border_style" : "border_divider", + "accordion_icon_position" : "left" + }, + "form_group" : { + "form_heading_tag" : "h3" + }, + "full_width_image_group" : { + "full_width_image_aspect_ratio" : "16/9" + }, + "heading" : { + "heading_icon_position" : "left", + "heading_tag" : "h2", + "heading_text" : "" + }, + "icon_group" : { + "icon_size" : 80, + "icon_type" : "fontawesome" + }, + "lottie_group" : { + "lottie_loop" : true, + "lottie_mode" : "forward", + "lottie_speed" : 1 + }, + "media_type" : "simple_image", + "module_components" : [ "media" ], + "simple_image_group" : { + "simple_image" : { + "alt" : "Group 4", + "height" : 2500, + "loading" : "disabled", + "src" : get_asset_url('../images/content/unicard-left-right-variations/9/2.svg'), + "width" : 2500 + }, + "simple_image_width" : 600 + }, + "subheading" : { + "heading_icon_position" : "left", + "heading_tag" : "h3", + "heading_text" : "Subheading" + }, + "video_group" : { + "embed" : { + "source_type" : "oembed" + }, + "video_type" : "hubspot_video" + } + } ], + style={ + "card_style_group1" : { + "background_color" : { + "color" : "#ce4abf", + "opacity" : 100 + }, + "background_type" : "background_color", + "spacing" : { + "padding" : { + "bottom" : { + "units" : "px", + "value" : 60 + }, + "left" : { + "units" : "px", + "value" : 60 + }, + "right" : { + "units" : "px", + "value" : 60 + }, + "top" : { + "units" : "px", + "value" : 60 + } + } + }, + "text_color" : { + "color" : "#FFFFFF", + "opacity" : 100 + } + }, + "card_style_group2" : { + "alignment" : { + "horizontal_align" : "CENTER", + "vertical_align" : "MIDDLE" + }, + "background_color" : { + "color" : "#fafbff", + "opacity" : 100 + }, + "background_type" : "background_color", + "mobile_alignment" : { + "horizontal_align" : "CENTER" + } + }, + "mobile_reverse" : true + } + %} + {% end_dnd_module %} + {% end_dnd_row %} + {% end_dnd_column %} + {% end_dnd_row %} + {% end_dnd_column %} +{% end_dnd_section %} diff --git a/theme/templates/unicard-left-right-variations.html b/theme/templates/unicard-left-right-variations.html new file mode 100644 index 0000000..7b3bf28 --- /dev/null +++ b/theme/templates/unicard-left-right-variations.html @@ -0,0 +1,45 @@ + + +{% extends "./layouts/base.html" %} + +{% block body %} + + {% dnd_area 'dnd_area' + label='Unicard variations template', + class='unicard-variations-template' + %} + + + {% include_dnd_partial path='../sections/unicard-left-right-variation1.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #2'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation2.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #3'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation3.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #4'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation4.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #5'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation5.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #6'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation6.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #7'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation7.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #8'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation8.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #9'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation9.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #10'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation10.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #11'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation11.html '%} + {% include_dnd_partial path='../sections/unicard-variations-anchors.html' context={'heading_text': 'Variant #12'} %} + {% include_dnd_partial path='../sections/unicard-left-right-variation12.html '%} + + {% end_dnd_area %} + +{% endblock body %}