Created
December 17, 2024 12:56
-
-
Save MattiasNilsson/3c9026c582ea3ced3147e5996c9f4484 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body original="{ | |
| "dnd_area": { | |
| "cells": [], | |
| "cssClass": "", | |
| "cssId": "", | |
| "cssStyle": "", | |
| "label": "Blank template", | |
| "name": "dnd_area", | |
| "params": {}, | |
| "rowMetaData": [ | |
| { | |
| "cssClass": "dnd-section", | |
| "styles": { | |
| "breakpointStyles": { | |
| "default": {} | |
| }, | |
| "maxWidthSectionCentering": 1560 | |
| } | |
| }, | |
| { | |
| "cssClass": "dnd-section", | |
| "styles": { | |
| "maxWidthSectionCentering": 1560 | |
| } | |
| } | |
| ], | |
| "rows": [ | |
| { | |
| "0": { | |
| "cells": [], | |
| "cssClass": "", | |
| "cssId": "", | |
| "cssStyle": "", | |
| "name": "dnd_area-column-1", | |
| "params": { | |
| "css_class": "dnd-column" | |
| }, | |
| "rowMetaData": [ | |
| { | |
| "cssClass": "dnd-row" | |
| } | |
| ], | |
| "rows": [ | |
| { | |
| "0": { | |
| "cells": [], | |
| "cssClass": "", | |
| "cssId": "", | |
| "cssStyle": "", | |
| "label": "Unicard Left|Right", | |
| "name": "widget_1734094018539", | |
| "params": { | |
| "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": "arrow-right", | |
| "type": "SOLID", | |
| "unicode": "f061" | |
| }, | |
| "button_icon_position": "right", | |
| "button_image": { | |
| "loading": "disabled", | |
| "src": "" | |
| }, | |
| "button_inline_svg": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 12L12 7L17 12L12 17L7 12Z\" stroke=\"#EFF0F0\"/>\n</svg>\n", | |
| "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": "regular", | |
| "button_style": "secondary1", | |
| "button_text": "Button", | |
| "custom_button_background": {}, | |
| "custom_button_border_color": {}, | |
| "custom_button_font": { | |
| "font_set": "DEFAULT" | |
| }, | |
| "custom_button_hover": { | |
| "background": {}, | |
| "border_color": {}, | |
| "color": {} | |
| }, | |
| "custom_link_color": {}, | |
| "custom_link_font": { | |
| "font_set": "DEFAULT" | |
| }, | |
| "custom_link_hover": { | |
| "color": {} | |
| } | |
| }, | |
| { | |
| "add_button_icon": "fontawesome", | |
| "button_alignment": "start", | |
| "button_hide_text": false, | |
| "button_icon": { | |
| "name": "arrow-right", | |
| "type": "SOLID", | |
| "unicode": "f061" | |
| }, | |
| "button_icon_position": "right", | |
| "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": "regular", | |
| "button_style": "secondary2", | |
| "button_text": "Button", | |
| "custom_button_background": {}, | |
| "custom_button_border_color": {}, | |
| "custom_button_font": { | |
| "font_set": "DEFAULT" | |
| }, | |
| "custom_button_hover": { | |
| "background": {}, | |
| "border_color": {}, | |
| "color": {} | |
| }, | |
| "custom_link_color": {}, | |
| "custom_link_font": { | |
| "font_set": "DEFAULT" | |
| }, | |
| "custom_link_hover": { | |
| "color": {} | |
| } | |
| } | |
| ], | |
| "custom_text_group": [ | |
| { | |
| "custom_text": "Your description goes here", | |
| "custom_text_background": {}, | |
| "custom_text_font": { | |
| "font_set": "DEFAULT" | |
| }, | |
| "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": false, | |
| "heading_font": { | |
| "fallback": "sans-serif", | |
| "font": "Fustat", | |
| "font_set": "GOOGLE", | |
| "styles": {}, | |
| "variant": "regular" | |
| }, | |
| "heading_icon_position": "left", | |
| "heading_style": "display-6", | |
| "heading_tag": "h1", | |
| "heading_text": "Insert your title here, H1 is the default.", | |
| "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": [ | |
| "sub_heading", | |
| "main_heading", | |
| "custom_text", | |
| "buttons" | |
| ], | |
| "subheading": { | |
| "heading_icon_position": "left", | |
| "heading_tag": "h6", | |
| "heading_text": "INSERT LABEL", | |
| "heading_text_prop_visibility": true | |
| }, | |
| "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": "713470a412785d0125fcc1b6bccef9bb 1", | |
| "height": 830, | |
| "loading": "disabled", | |
| "src": "https://145712390.fs1.hubspotusercontent-eu1.net/hubfs/145712390/713470a412785d0125fcc1b6bccef9bb%201.png", | |
| "width": 1144 | |
| } | |
| }, | |
| "subheading": { | |
| "heading_icon_position": "left", | |
| "heading_tag": "h3", | |
| "heading_text": "Subheading" | |
| }, | |
| "video_group": { | |
| "embed": { | |
| "source_type": "oembed" | |
| }, | |
| "video_type": "hubspot_video" | |
| } | |
| } | |
| ], | |
| "css_class": "dnd-module", | |
| "hero_image_mode": false, | |
| "module_id": 194595461329, | |
| "schema_version": 2, | |
| "style": { | |
| "background_color": { | |
| "color": "#141415", | |
| "opacity": 100 | |
| }, | |
| "background_type": "background_color", | |
| "border_radius": 10, | |
| "card_style_group1": { | |
| "alignment": { | |
| "horizontal_align": "LEFT", | |
| "vertical_align": "MIDDLE" | |
| }, | |
| "content_gap": 16, | |
| "spacing": { | |
| "padding": { | |
| "bottom": { | |
| "units": "px", | |
| "value": 96 | |
| }, | |
| "left": { | |
| "units": "px", | |
| "value": 64 | |
| }, | |
| "right": { | |
| "units": "px", | |
| "value": 103 | |
| }, | |
| "top": { | |
| "units": "px", | |
| "value": 96 | |
| } | |
| } | |
| }, | |
| "text_color": { | |
| "color": "#fff", | |
| "opacity": 100 | |
| } | |
| }, | |
| "card_style_group2": { | |
| "alignment": { | |
| "horizontal_align": "CENTER", | |
| "vertical_align": "MIDDLE" | |
| }, | |
| "content_gap": 0, | |
| "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 | |
| } | |
| } | |
| } | |
| }, | |
| "desktop_gap": 0, | |
| "proportions": 50, | |
| "spacing": { | |
| "padding": { | |
| "bottom": { | |
| "units": "px" | |
| }, | |
| "left": { | |
| "units": "px" | |
| }, | |
| "right": { | |
| "units": "px" | |
| }, | |
| "top": { | |
| "units": "px" | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "rowMetaData": [], | |
| "rows": [], | |
| "type": "custom_widget", | |
| "w": 12, | |
| "x": 0 | |
| } | |
| } | |
| ], | |
| "type": "cell", | |
| "w": 12, | |
| "x": 0 | |
| } | |
| }, | |
| { | |
| "0": { | |
| "cells": [], | |
| "cssClass": "", | |
| "cssId": "", | |
| "cssStyle": "", | |
| "name": "cell_17343532932732", | |
| "params": { | |
| "css_class": "dnd-column" | |
| }, | |
| "rowMetaData": [ | |
| { | |
| "cssClass": "dnd-row" | |
| }, | |
| { | |
| "cssClass": "dnd-row" | |
| } | |
| ], | |
| "rows": [ | |
| { | |
| "0": { | |
| "cells": [], | |
| "cssClass": "", | |
| "cssId": "", | |
| "cssStyle": "", | |
| "label": "Rich Text", | |
| "name": "widget_1734353293106", | |
| "params": { | |
| "css_class": "dnd-module", | |
| "html": "<h2>This is a Rich-text module</h2>\n<h3>Tell The Reader More</h3>\n<p>The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.</p>\n<p>Remember:</p>\n<ul>\n<li>Bullets are great</li>\n<li>For spelling out benefits and</li>\n<li>Turning visitors into leads.</li>\n</ul>", | |
| "module_id": 1155639, | |
| "schema_version": 2 | |
| }, | |
| "rowMetaData": [], | |
| "rows": [], | |
| "type": "custom_widget", | |
| "w": 12, | |
| "x": 0 | |
| } | |
| }, | |
| { | |
| "0": { | |
| "cells": [], | |
| "cssClass": "", | |
| "cssId": "", | |
| "cssStyle": "", | |
| "label": "Tabbed card", | |
| "name": "widget_1734439121559", | |
| "params": { | |
| "css_class": "dnd-module", | |
| "module_id": 98865292961, | |
| "schema_version": 2, | |
| "tabs": [ | |
| { | |
| "content": "<p>Tabs are an effective way to organize information on a website page when there is a large amount of content that needs to be separated into distinct categories. Label your tabs with one or two words that define each category of information.</p>", | |
| "tab_label": "Tab label 1" | |
| }, | |
| { | |
| "content": "<p>When styling your tabs, highlight the selected tab by giving it a color that differs from your unselected tabs, so that it's easy for your visitors to navigate.</p>", | |
| "tab_label": "Tab label 2" | |
| } | |
| ] | |
| }, | |
| "rowMetaData": [], | |
| "rows": [], | |
| "type": "custom_widget", | |
| "w": 12, | |
| "x": 0 | |
| } | |
| } | |
| ], | |
| "styles": { | |
| "verticalAlignment": "TOP" | |
| }, | |
| "type": "cell", | |
| "w": 6, | |
| "x": 0 | |
| }, | |
| "6": { | |
| "cells": [], | |
| "cssClass": "", | |
| "cssId": "", | |
| "cssStyle": "", | |
| "name": "cell_1734353318048", | |
| "params": { | |
| "css_class": "dnd-column" | |
| }, | |
| "rowMetaData": [ | |
| { | |
| "cssClass": "dnd-row" | |
| } | |
| ], | |
| "rows": [ | |
| { | |
| "0": { | |
| "cells": [], | |
| "cssClass": "", | |
| "cssId": "", | |
| "cssStyle": "", | |
| "label": "Unicard", | |
| "name": "widget_1734353317886", | |
| "params": { | |
| "accordion_group": { | |
| "accordion_icon_position": "right", | |
| "accordion_icon_prop_visibility": true, | |
| "accordion_item": [ | |
| { | |
| "accordion_item_text": "This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text.", | |
| "accordion_item_title": "This is a accordion heading" | |
| }, | |
| { | |
| "accordion_item_text": "This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text.", | |
| "accordion_item_title": "This is a accordion heading" | |
| }, | |
| { | |
| "accordion_item_text": "This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text.", | |
| "accordion_item_title": "This is a accordion heading" | |
| }, | |
| { | |
| "accordion_item_text": "This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text. This is a accordion item text.", | |
| "accordion_item_title": "This is a accordion heading" | |
| } | |
| ], | |
| "accordion_spacing_prop_visibility": true | |
| }, | |
| "css_class": "dnd-module", | |
| "heading": { | |
| "heading_text_prop_visibility": false | |
| }, | |
| "module_components": [ | |
| "media", | |
| "main_heading", | |
| "richtext", | |
| "buttons", | |
| "accordion" | |
| ], | |
| "module_id": 194600221883, | |
| "schema_version": 2 | |
| }, | |
| "rowMetaData": [], | |
| "rows": [], | |
| "type": "custom_widget", | |
| "w": 12, | |
| "x": 0 | |
| } | |
| } | |
| ], | |
| "styles": { | |
| "verticalAlignment": "TOP" | |
| }, | |
| "type": "cell", | |
| "w": 6, | |
| "x": 6 | |
| } | |
| } | |
| ], | |
| "type": "cell", | |
| "w": 12, | |
| "x": 0 | |
| } | |
| }" lang="en"><div path="dnd_area.rows[0].0.rows[0].0.params.card_group[0].button_group[0].button_text">Button</div><div path="dnd_area.rows[0].0.rows[0].0.params.card_group[0].button_group[1].button_text">Button</div><div path="dnd_area.rows[0].0.rows[0].0.params.card_group[1].simple_image_group.simple_image.alt">713470a412785d0125fcc1b6bccef9bb 1</div><div path="dnd_area.rows[1].0.rows[0].0.params.html"><h2>This is a Rich-text module</h2> | |
| <h3>Tell The Reader More</h3> | |
| <p>The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.</p> | |
| <p>Remember:</p> | |
| <ul> | |
| <li>Bullets are great</li> | |
| <li>For spelling out benefits and</li> | |
| <li>Turning visitors into leads.</li> | |
| </ul></div><div path="dnd_area.rows[1].0.rows[1].0.params.tabs[0].content"><p>Tabs are an effective way to organize information on a website page when there is a large amount of content that needs to be separated into distinct categories. Label your tabs with one or two words that define each category of information.</p></div><div path="dnd_area.rows[1].0.rows[1].0.params.tabs[0].tab_label">Tab label 1</div><div path="dnd_area.rows[1].0.rows[1].0.params.tabs[1].content"><p>When styling your tabs, highlight the selected tab by giving it a color that differs from your unselected tabs, so that it's easy for your visitors to navigate.</p></div><div id="twchrome-app" data-v-app=""><!----><!----></div><div path="dnd_area.rows[1].0.rows[1].0.params.tabs[1].tab_label">Tab label 2</div></body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment