Back
Banner 19
Copy component
Copy component
This banner is a full length clickable item with text area and icon.
Home
Components
Components
Banner
Banner 19
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"0c34a34e-ac8b-3b13-b799-587aacacffa2","type":"Link","tag":"a","classes":["90531623-5d31-c928-6ceb-a765eb9e25b2"],"children":["f14ab350-2434-21e5-904e-fe7d2bac6167","ba2fdcd3-a6e5-a49e-883f-94c2d26bf4f1"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f14ab350-2434-21e5-904e-fe7d2bac6167","type":"Block","tag":"div","classes":["90531623-5d31-c928-6ceb-a765eb9e25b4"],"children":["e7bc3fdd-c30e-2a2a-3c65-0c8a7e9b1a61"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e7bc3fdd-c30e-2a2a-3c65-0c8a7e9b1a61","text":true,"v":"Click anywhere on this banner to learn more"},{"_id":"ba2fdcd3-a6e5-a49e-883f-94c2d26bf4f1","type":"HtmlEmbed","tag":"div","classes":["c2e1a5c1-1f47-906c-cc70-efc8bc3ee7c0"],"children":[],"v":"<svg width=\"auto\" height=\"auto\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t<path d=\"M14 16L18 12M18 12L14 8M18 12L6 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"auto\" height=\"auto\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t<path d=\"M14 16L18 12M18 12L14 8M18 12L6 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}}],"styles":[{"_id":"90531623-5d31-c928-6ceb-a765eb9e25b2","fake":false,"type":"class","name":"banner-19","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem; background-color: #e3eaf4; color: #0f1929; font-weight: 700; text-decoration: none;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap; text-align: center;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"90531623-5d31-c928-6ceb-a765eb9e25b4","fake":false,"type":"class","name":"banner-19_text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c2e1a5c1-1f47-906c-cc70-efc8bc3ee7c0","fake":false,"type":"class","name":"banner-19_icon","namespace":"","comb":"","styleLess":"width: 1.25rem; height: 1.25rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Built by hand with
from