Testimonial 31
ImageTabsLightboxButtons111 nodes ยท 37 styles
Description
Left-aligned testimonial carousel with company logos, quotes, and case study links. Cards overflow viewport edge with navigation arrows at bottom right.
Detailed Analysis
This testimonial section has a left-aligned header with title and description. The carousel displays two full testimonial cards with a third partially visible on the right, creating an overflow effect that indicates scrollable content. Each card shows a company logo at top (Webflow, Relume), customer testimonial quote, author info with avatar, name, position, and a 'Read case study' link. Navigation includes 4-dot pagination at bottom left and previous/next arrow buttons at bottom right. The asymmetric design with cards extending beyond viewport creates a modern, dynamic appearance.
Webflow Paste
Copy and paste directly into Webflow Designer
Keywords
testimonialcarouselsliderleft-alignedcompany logoscase study linksoverflow cardsasymmetric layoutnavigation arrowspagination dotscustomer quotesB2Bmodern design
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": "5fca3866-1b9d-1947-0de3-7371cd53aeaf",
"tag": "section",
"data": {
"tag": "section",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"8a2d6179-9391-e4a7-98d0-efa26135528f"
],
"children": [
"5fca3866-1b9d-1947-0de3-7371cd53aeb0"
]
},
{
"_id": "5fca3866-1b9d-1947-0de3-7371cd53aeb0",
"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": [
"5fca3866-1b9d-1947-0de3-7371cd53aeb1"
]
},
{
"_id": "5fca3866-1b9d-1947-0de3-7371cd53aeb1",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)