Input Template

[nobr]
    [div=display: none;]
        [font=&Font Call Main Font \ text&]fontcall[/font]
        [font=&Font Call Accent Font \ text&]fontcall[/font]
    [/div]
    [div=
        &Fonts \ group&--mFont: &Main Text Font \ text&;
        --aFont: &Accent Font \ text&;&end&
        --bgIMG: url(&Background Image URL \ text&);
        &Colors \ group&--mColor: &Text Color \ text&;
        --mcBG: &Background Color \ text&;
        --cBG: &Contentbox Background Color (rgba) \ text&;
        --grdA: &Gradient Color 1 \ text&;;
        --grdB: &Gradient Color 2 \ text&;
        --navColor: rgba(220,220,220);&end&
        display: block; position: relative; background: var(--mcBG) var(--bgIMG) no-repeat right 30%/130% auto; box-sizing: border-box; font-size: 0px; width: 100%; height: clamp(600px,60vh,1200px); overflow: hidden; padding-left: 5%;]
        [div=position: absolute; z-index: 3; bottom: 10%; right: calc(90% - 8px); filter: brightness(90%) contrast(110%); mix-blend-mode: hard-light; display: flex; flex-flow: column-reverse nowrap; align-items: flex-end; gap: 10px; font-family: var(--aFont); font-size: 16px;]
            &Link \ group \ repeat&[url=&Link URL \ text&][div=background: var(--grdB) linear-gradient(45deg, var(--grdA), var(--grdB)); padding: 20px 5px; border-radius: 15px; writing-mode: vertical-lr; transform: rotate(180deg); letter-spacing: -.1em;]
                [div=display: inline-block; isolation: auto; color: var(--navColor);]&Link Name \ text&[/div]
            [/div][/url]&end&
        [/div]
        [div=height: 100%; width: clamp(200px,80%,1000px); font-size: initial; overflow: hidden; margin: auto; position: relative']
            [div=display: block; width: calc(100% + 30px); height: 100%; overflow-y: scroll; overflow-x: hidden;]
                [div=display: flex; flex-flow: row wrap; gap: 10px; align-items: stretch; justify-content: center; gap: 10px; box-sizing: border-box; position: relative; width: 100%; padding-right: 30px; margin-bottom: 20px;]
                    [div=width: auto; display: inline; background: var(--grdB) linear-gradient(45deg, var(--grdA), var(--grdB)); -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; font-family: var(--aFont); font-size: clamp(16px,16vw,200px); line-height: 1.1em; letter-spacing: -.1em; mix-blend-mode: hard-light; padding: 0px .5em; filter: brightness(90%) contrast(110%); margin-top: clamp(200px,40vh,580px);]&Title \ text&[/div]
                    &First Box \ group&[div=flex: 4 400px; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;]
                        &Box One Paragraph \ group \ repeat&[div=display: block; margin-bottom: .5em;]
                          &Paragraph \ content&
                        [/div]&end&
                    [/div]&end&
                    &Second Box \ group&[div=flex: 1 200px; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;]
                        &Bullet Point \ group \ repeat&[div=display: block; padding: .75em 5px; &border-bottom: &Last Text Point? If Yes, select 0px. Otherwise, select 1px. \ select \ 0px \ 1px& dashed var(--mColor);]
                            [div=display: inline; margin-right: 1em; font-family: var(--aFont); color: var(--grdA);]&Number \ number&[/div]&Bulletpoint Content \ content&
                        [/div]&end&
                    [/div]&end&
                    &Third + Fourth Box \ group&[div=flex: 2 275px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; gap: 10px 0px;]
                        [div=flex: 1; display: flex; align-items: center; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px;][div=border-radius: 7px; font-size: 0px; overflow: hidden;][img]&Image URL \ text&[/img][/div][/div]
                        [div=flex: 1; display: flex; align-items: center; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px;]&Text Beneath Image \ content&[/div]
                    [/div]&end&
                    &Fifth Box \ group&[div=flex: 3 200px; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;]
                        &Single Paragraph \ content&
                    [/div]&end&
                    &Sixth Box \ group&[div=flex: 100%; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;]
                        &Paragraph \ group \ repeat&[div=display: block; margin-bottom: .5em;]
                          &Paragraph \ content&
                        [/div]&end&
                    [/div]&end&
                    &Image Box \ group \ repeat&[div=flex: &Flex Number \ number \ 1& 100px; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;]
                        [div=border-radius: 7px; font-size: 0px; overflow: hidden;][img]&Image URL \ text&[/img][/div]
                    [/div]&end&
                [/div]
            [/div]
        [/div]
    [/div]
[/nobr]

Debug Mode

[
  "[nobr]\r\n    [div=display: none;]\r\n        [font=",
  {
    "type": "text",
    "description": "Font Call Main Font",
    "marker": {
      "type": "text",
      "description": "Font Call Main Font",
      "defaultValue": "",
      "original": "&Font Call Main Font \\ text&",
      "indices": [
        48,
        75
      ]
    }
  },
  "]fontcall[/font]\r\n        [font=",
  {
    "type": "text",
    "description": "Font Call Accent Font",
    "marker": {
      "type": "text",
      "description": "Font Call Accent Font",
      "defaultValue": "",
      "original": "&Font Call Accent Font \\ text&",
      "indices": [
        108,
        137
      ]
    }
  },
  "]fontcall[/font]\r\n    [/div]\r\n    [div=\r\n        ",
  {
    "type": "group",
    "description": "Fonts",
    "markerStart": {
      "type": "group",
      "description": "Fonts",
      "original": "&Fonts \\ group&",
      "repeat": false,
      "indices": [
        187,
        201
      ]
    },
    "repeat": false,
    "originalChildren": [
      "--mFont: ",
      {
        "type": "text",
        "description": "Main Text Font",
        "marker": {
          "type": "text",
          "description": "Main Text Font",
          "defaultValue": "",
          "original": "&Main Text Font \\ text&",
          "indices": [
            211,
            233
          ]
        }
      },
      ";\r\n        --aFont: ",
      {
        "type": "text",
        "description": "Accent Font",
        "marker": {
          "type": "text",
          "description": "Accent Font",
          "defaultValue": "",
          "original": "&Accent Font \\ text&",
          "indices": [
            254,
            273
          ]
        }
      },
      ";"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        275,
        279
      ]
    }
  },
  "\r\n        --bgIMG: url(",
  {
    "type": "text",
    "description": "Background Image URL",
    "marker": {
      "type": "text",
      "description": "Background Image URL",
      "defaultValue": "",
      "original": "&Background Image URL \\ text&",
      "indices": [
        303,
        331
      ]
    }
  },
  ");\r\n        ",
  {
    "type": "group",
    "description": "Colors",
    "markerStart": {
      "type": "group",
      "description": "Colors",
      "original": "&Colors \\ group&",
      "repeat": false,
      "indices": [
        344,
        359
      ]
    },
    "repeat": false,
    "originalChildren": [
      "--mColor: ",
      {
        "type": "text",
        "description": "Text Color",
        "marker": {
          "type": "text",
          "description": "Text Color",
          "defaultValue": "",
          "original": "&Text Color \\ text&",
          "indices": [
            370,
            388
          ]
        }
      },
      ";\r\n        --mcBG: ",
      {
        "type": "text",
        "description": "Background Color",
        "marker": {
          "type": "text",
          "description": "Background Color",
          "defaultValue": "",
          "original": "&Background Color \\ text&",
          "indices": [
            408,
            432
          ]
        }
      },
      ";\r\n        --cBG: ",
      {
        "type": "text",
        "description": "Contentbox Background Color (rgba)",
        "marker": {
          "type": "text",
          "description": "Contentbox Background Color (rgba)",
          "defaultValue": "",
          "original": "&Contentbox Background Color (rgba) \\ text&",
          "indices": [
            451,
            493
          ]
        }
      },
      ";\r\n        --grdA: ",
      {
        "type": "text",
        "description": "Gradient Color 1",
        "marker": {
          "type": "text",
          "description": "Gradient Color 1",
          "defaultValue": "",
          "original": "&Gradient Color 1 \\ text&",
          "indices": [
            513,
            537
          ]
        }
      },
      ";;\r\n        --grdB: ",
      {
        "type": "text",
        "description": "Gradient Color 2",
        "marker": {
          "type": "text",
          "description": "Gradient Color 2",
          "defaultValue": "",
          "original": "&Gradient Color 2 \\ text&",
          "indices": [
            558,
            582
          ]
        }
      },
      ";\r\n        --navColor: rgba(220,220,220);"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        624,
        628
      ]
    }
  },
  "\r\n        display: block; position: relative; background: var(--mcBG) var(--bgIMG) no-repeat right 30%/130% auto; box-sizing: border-box; font-size: 0px; width: 100%; height: clamp(600px,60vh,1200px); overflow: hidden; padding-left: 5%;]\r\n        [div=position: absolute; z-index: 3; bottom: 10%; right: calc(90% - 8px); filter: brightness(90%) contrast(110%); mix-blend-mode: hard-light; display: flex; flex-flow: column-reverse nowrap; align-items: flex-end; gap: 10px; font-family: var(--aFont); font-size: 16px;]\r\n            ",
  {
    "type": "group",
    "description": "Link",
    "markerStart": {
      "type": "group",
      "description": "Link",
      "original": "&Link \\ group \\ repeat&",
      "repeat": true,
      "indices": [
        1159,
        1181
      ]
    },
    "repeat": true,
    "originalChildren": [
      "[url=",
      {
        "type": "text",
        "description": "Link URL",
        "marker": {
          "type": "text",
          "description": "Link URL",
          "defaultValue": "",
          "original": "&Link URL \\ text&",
          "indices": [
            1187,
            1203
          ]
        }
      },
      "][div=background: var(--grdB) linear-gradient(45deg, var(--grdA), var(--grdB)); padding: 20px 5px; border-radius: 15px; writing-mode: vertical-lr; transform: rotate(180deg); letter-spacing: -.1em;]\r\n                [div=display: inline-block; isolation: auto; color: var(--navColor);]",
      {
        "type": "text",
        "description": "Link Name",
        "marker": {
          "type": "text",
          "description": "Link Name",
          "defaultValue": "",
          "original": "&Link Name \\ text&",
          "indices": [
            1488,
            1505
          ]
        }
      },
      "[/div]\r\n            [/div][/url]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        1538,
        1542
      ]
    }
  },
  "\r\n        [/div]\r\n        [div=height: 100%; width: clamp(200px,80%,1000px); font-size: initial; overflow: hidden; margin: auto; position: relative']\r\n            [div=display: block; width: calc(100% + 30px); height: 100%; overflow-y: scroll; overflow-x: hidden;]\r\n                [div=display: flex; flex-flow: row wrap; gap: 10px; align-items: stretch; justify-content: center; gap: 10px; box-sizing: border-box; position: relative; width: 100%; padding-right: 30px; margin-bottom: 20px;]\r\n                    [div=width: auto; display: inline; background: var(--grdB) linear-gradient(45deg, var(--grdA), var(--grdB)); -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; font-family: var(--aFont); font-size: clamp(16px,16vw,200px); line-height: 1.1em; letter-spacing: -.1em; mix-blend-mode: hard-light; padding: 0px .5em; filter: brightness(90%) contrast(110%); margin-top: clamp(200px,40vh,580px);]",
  {
    "type": "text",
    "description": "Title",
    "marker": {
      "type": "text",
      "description": "Title",
      "defaultValue": "",
      "original": "&Title \\ text&",
      "indices": [
        2526,
        2539
      ]
    }
  },
  "[/div]\r\n                    ",
  {
    "type": "group",
    "description": "First Box",
    "markerStart": {
      "type": "group",
      "description": "First Box",
      "original": "&First Box \\ group&",
      "repeat": false,
      "indices": [
        2568,
        2586
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=flex: 4 400px; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;]\r\n                        ",
      {
        "type": "group",
        "description": "Box One Paragraph",
        "markerStart": {
          "type": "group",
          "description": "Box One Paragraph",
          "original": "&Box One Paragraph \\ group \\ repeat&",
          "repeat": true,
          "indices": [
            2908,
            2943
          ]
        },
        "repeat": true,
        "originalChildren": [
          "[div=display: block; margin-bottom: .5em;]\r\n                          ",
          {
            "type": "content",
            "description": "Paragraph",
            "marker": {
              "type": "content",
              "description": "Paragraph",
              "original": "&Paragraph \\ content&",
              "indices": [
                3014,
                3034
              ]
            }
          },
          "\r\n                        [/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            3067,
            3071
          ]
        }
      },
      "\r\n                    [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        3100,
        3104
      ]
    }
  },
  "\r\n                    ",
  {
    "type": "group",
    "description": "Second Box",
    "markerStart": {
      "type": "group",
      "description": "Second Box",
      "original": "&Second Box \\ group&",
      "repeat": false,
      "indices": [
        3127,
        3146
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=flex: 1 200px; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;]\r\n                        ",
      {
        "type": "group",
        "description": "Bullet Point",
        "markerStart": {
          "type": "group",
          "description": "Bullet Point",
          "original": "&Bullet Point \\ group \\ repeat&",
          "repeat": true,
          "indices": [
            3468,
            3498
          ]
        },
        "repeat": true,
        "originalChildren": [
          "[div=display: block; padding: .75em 5px; &border-bottom: ",
          {
            "type": "select",
            "description": "Last Text Point? If Yes, select 0px. Otherwise, select 1px.",
            "marker": {
              "type": "select",
              "description": "Last Text Point? If Yes, select 0px. Otherwise, select 1px.",
              "options": [
                "0px",
                "1px"
              ],
              "original": "&Last Text Point? If Yes, select 0px. Otherwise, select 1px. \\ select \\ 0px \\ 1px&",
              "indices": [
                3556,
                3637
              ]
            }
          },
          " dashed var(--mColor);]\r\n                            [div=display: inline; margin-right: 1em; font-family: var(--aFont); color: var(--grdA);]",
          {
            "type": "number",
            "description": "Number",
            "marker": {
              "type": "number",
              "description": "Number",
              "defaultValue": null,
              "min": null,
              "max": null,
              "original": "&Number \\ number&",
              "indices": [
                3779,
                3795
              ]
            }
          },
          "[/div]",
          {
            "type": "content",
            "description": "Bulletpoint Content",
            "marker": {
              "type": "content",
              "description": "Bulletpoint Content",
              "original": "&Bulletpoint Content \\ content&",
              "indices": [
                3802,
                3832
              ]
            }
          },
          "\r\n                        [/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            3865,
            3869
          ]
        }
      },
      "\r\n                    [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        3898,
        3902
      ]
    }
  },
  "\r\n                    ",
  {
    "type": "group",
    "description": "Third + Fourth Box",
    "markerStart": {
      "type": "group",
      "description": "Third + Fourth Box",
      "original": "&Third + Fourth Box \\ group&",
      "repeat": false,
      "indices": [
        3925,
        3952
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=flex: 2 275px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; gap: 10px 0px;]\r\n                        [div=flex: 1; display: flex; align-items: center; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px;][div=border-radius: 7px; font-size: 0px; overflow: hidden;][img]",
      {
        "type": "text",
        "description": "Image URL",
        "marker": {
          "type": "text",
          "description": "Image URL",
          "defaultValue": "",
          "original": "&Image URL \\ text&",
          "indices": [
            4403,
            4420
          ]
        }
      },
      "[/img][/div][/div]\r\n                        [div=flex: 1; display: flex; align-items: center; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px;]",
      {
        "type": "content",
        "description": "Text Beneath Image",
        "marker": {
          "type": "content",
          "description": "Text Beneath Image",
          "original": "&Text Beneath Image \\ content&",
          "indices": [
            4633,
            4662
          ]
        }
      },
      "[/div]\r\n                    [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        4697,
        4701
      ]
    }
  },
  "\r\n                    ",
  {
    "type": "group",
    "description": "Fifth Box",
    "markerStart": {
      "type": "group",
      "description": "Fifth Box",
      "original": "&Fifth Box \\ group&",
      "repeat": false,
      "indices": [
        4724,
        4742
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=flex: 3 200px; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;]\r\n                        ",
      {
        "type": "content",
        "description": "Single Paragraph",
        "marker": {
          "type": "content",
          "description": "Single Paragraph",
          "original": "&Single Paragraph \\ content&",
          "indices": [
            5064,
            5091
          ]
        }
      },
      "\r\n                    [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        5120,
        5124
      ]
    }
  },
  "\r\n                    ",
  {
    "type": "group",
    "description": "Sixth Box",
    "markerStart": {
      "type": "group",
      "description": "Sixth Box",
      "original": "&Sixth Box \\ group&",
      "repeat": false,
      "indices": [
        5147,
        5165
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[div=flex: 100%; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;]\r\n                        ",
      {
        "type": "group",
        "description": "Paragraph",
        "markerStart": {
          "type": "group",
          "description": "Paragraph",
          "original": "&Paragraph \\ group \\ repeat&",
          "repeat": true,
          "indices": [
            5484,
            5511
          ]
        },
        "repeat": true,
        "originalChildren": [
          "[div=display: block; margin-bottom: .5em;]\r\n                          ",
          {
            "type": "content",
            "description": "Paragraph",
            "marker": {
              "type": "content",
              "description": "Paragraph",
              "original": "&Paragraph \\ content&",
              "indices": [
                5582,
                5602
              ]
            }
          },
          "\r\n                        [/div]"
        ],
        "children": [],
        "markerEnd": {
          "type": "end",
          "description": "end",
          "original": "&end&",
          "indices": [
            5635,
            5639
          ]
        }
      },
      "\r\n                    [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        5668,
        5672
      ]
    }
  },
  "\r\n                    ",
  {
    "type": "group",
    "description": "Image Box",
    "markerStart": {
      "type": "group",
      "description": "Image Box",
      "original": "&Image Box \\ group \\ repeat&",
      "repeat": true,
      "indices": [
        5695,
        5722
      ]
    },
    "repeat": true,
    "originalChildren": [
      "[div=flex: ",
      {
        "type": "number",
        "description": "Flex Number",
        "marker": {
          "type": "number",
          "description": "Flex Number",
          "defaultValue": 1,
          "min": null,
          "max": null,
          "original": "&Flex Number \\ number \\ 1&",
          "indices": [
            5734,
            5759
          ]
        },
        "value": 1
      },
      " 100px; background: var(--cBG); backdrop-filter: blur(3px) saturate(50%); padding: clamp(15px,5%,100px); border-radius: 15px; text-align: justify; color: var(--mColor); font-family: var(--mFont); display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;]\r\n                        [div=border-radius: 7px; font-size: 0px; overflow: hidden;][img]",
      {
        "type": "text",
        "description": "Image URL",
        "marker": {
          "type": "text",
          "description": "Image URL",
          "defaultValue": "",
          "original": "&Image URL \\ text&",
          "indices": [
            6133,
            6150
          ]
        }
      },
      "[/img][/div]\r\n                    [/div]"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "end",
      "original": "&end&",
      "indices": [
        6191,
        6195
      ]
    }
  },
  "\r\n                [/div]\r\n            [/div]\r\n        [/div]\r\n    [/div]\r\n[/nobr]"
]

[]

overdose.template 1.1

By glucoseguardian

Font Call Main Font

Font Call Accent Font

Fonts

Main Text Font

Accent Font

Background Image URL

Colors

Text Color

Background Color

Contentbox Background Color (rgba)

Gradient Color 1

Gradient Color 2

Link

Link URL

Link Name

Title

First Box

Box One Paragraph

Paragraph

Second Box

Bullet Point

Last Text Point? If Yes, select 0px. Otherwise, select 1px.

0px

1px

Number

Bulletpoint Content

Third + Fourth Box

Image URL

Text Beneath Image

Fifth Box

Single Paragraph

Sixth Box

Paragraph

Image Box

Flex Number

Image URL

Output