Blog 68

ImageSliderButtons182 nodes · 47 styles

Description

Blog carousel section with horizontal slider displaying multiple article cards featuring featured images, category tags, read time, titles, excerpts, and read more links with navigation arrows and pagination dots.

Detailed Analysis

This blog section presents articles in a horizontally scrollable carousel format. The header includes a 'Blog' label, main heading, supporting description, and 'View all' button aligned to the right. Each article card displays a large featured image placeholder at the top, followed by category label with read time, blog title, brief excerpt text, and 'Read more' link with arrow icon. The carousel shows partial view of the fourth card indicating scrollable content. Navigation includes pagination dots at bottom left and circular arrow buttons at bottom right for manual navigation.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

blogcarouselsliderarticlescardsfeatured imagecategoryread timepaginationnavigation arrowshorizontal scrollexcerptread morecontent grid

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [],
      "actionLists": [],
      "interactions": []
    },
    "nodes": [
      {
        "_id": "fa00b8dc-3672-8b4c-c46f-a8e4da6e5fb5",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "d10880c3-0e33-2820-4b22-7461742ee2bc"
        ],
        "children": [
          "fa00b8dc-3672-8b4c-c46f-a8e4da6e5fb6"
        ]
      },
      {
        "_id": "fa00b8dc-3672-8b4c-c46f-a8e4da6e5fb6",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "b0934d9a-875a-bb42-0630-12090a77fc73"
        ],
        "children": [
          "fa00b8dc-3672-8b4c-c46f-a8e4da6e5fb7"
        ]
      },
      {
        "_id": "fa00b8dc-3672-8b4c-c46f-a8e4da6e5fb7",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [], "actionLists": [], "interactions": [] }, "nodes": [ { "_id": "fa00b8dc-3672-8b4c-c46f-a8e4da6e5fb5", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "d10880c3-0e33-2820-4b22-7461742ee2bc" ], "children": [ "fa00b8dc-3672-8b4c-c46f-a8e4da6e5fb6" ] }, { "_id": "fa00b8dc-3672-8b4c-c46f-a8e4da6e5fb6", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "b0934d9a-875a-bb42-0630-12090a77fc73" ], "children": [ "fa00b8dc-3672-8b4c-c46f-a8e4da6e5fb7" ] }, { "_id": "fa00b8dc-3672-8b4c-c46f-a8e4da6e5fb7", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)