Banner 3

Simple banner with a text and link field.

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"b2e36551-1e8e-c6b4-d1bf-ff9ba17863ba","type":"Block","tag":"div","classes":["fe62e195-007a-c739-fba5-6a146b12a009"],"children":["5787a2b1-e652-2dd7-eb2a-9bdcc3d3572d","4ed93f2b-c99f-e580-6719-26b5b00c8dbd"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5787a2b1-e652-2dd7-eb2a-9bdcc3d3572d","type":"Block","tag":"div","classes":["fe62e195-007a-c739-fba5-6a146b12a00a"],"children":["e480f9de-a97b-6fbc-ead3-82332f5d5b03"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e480f9de-a97b-6fbc-ead3-82332f5d5b03","text":true,"v":"This is a very simple banner with a text message to display."},{"_id":"4ed93f2b-c99f-e580-6719-26b5b00c8dbd","type":"Link","tag":"a","classes":["25394e8f-7f4d-0eff-eb8b-e28e8cc035ee"],"children":["bcad3cd1-2dd8-8a22-c8cc-3562f32628b4"],"data":{"button":false,"block":"","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bcad3cd1-2dd8-8a22-c8cc-3562f32628b4","text":true,"v":"Click here to learn more"}],"styles":[{"_id":"fe62e195-007a-c739-fba5-6a146b12a009","fake":false,"type":"class","name":"banner-3","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 0.75rem; padding-right: 1rem; padding-bottom: 0.75rem; padding-left: 1rem; justify-content: center; align-items: center; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem; background-color: #e3eaf4;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap; text-align: center;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"fe62e195-007a-c739-fba5-6a146b12a00a","fake":false,"type":"class","name":"banner-3_text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"25394e8f-7f4d-0eff-eb8b-e28e8cc035ee","fake":false,"type":"class","name":"banner-3_link","namespace":"","comb":"","styleLess":"","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
Piixel Media