Banner 12

Banner with promotion details, a customizable countdown timer, and a close option. Set your end date in Webflow embed element and the component does the rest of the work.

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"bf038de4-f77e-5c1b-0b5d-8202af6432f2","type":"Block","tag":"div","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5d"],"children":["9c86ce0b-ba64-eaed-c338-e6f53a3682c3","1b9c6451-c420-8eec-2f72-806e030bb244","10b76ba5-bced-10bb-6b70-9ec62d9a23e2"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9c86ce0b-ba64-eaed-c338-e6f53a3682c3","type":"Block","tag":"div","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5a"],"children":["f242fa9e-0589-c84c-ac7c-141435db97c0","0f0cce02-8fd9-80a1-0255-ab5756f6ffdc"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f242fa9e-0589-c84c-ac7c-141435db97c0","type":"Block","tag":"div","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a55"],"children":["fb893833-109d-4141-a16f-2f43e917611e","e49ce6a1-0bf9-f7cd-1cdd-c054aba82c44"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fb893833-109d-4141-a16f-2f43e917611e","type":"Block","tag":"div","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a58"],"children":["c5a97cd6-869b-d219-3886-f06cea171d9e"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c5a97cd6-869b-d219-3886-f06cea171d9e","text":true,"v":"Grand opening coming soon!"},{"_id":"e49ce6a1-0bf9-f7cd-1cdd-c054aba82c44","type":"Paragraph","tag":"p","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5b"],"children":["c4d2ed1a-fef7-d952-d01f-70acc3851034","62de339c-e451-5ed7-fdaf-d4be1384fba2"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c4d2ed1a-fef7-d952-d01f-70acc3851034","text":true,"v":"Join us this October when we launch the coolest new product you've ever seen! "},{"_id":"62de339c-e451-5ed7-fdaf-d4be1384fba2","type":"Link","tag":"a","classes":[],"children":["85bfe00d-14ff-09da-f314-1d4f4d665497"],"data":{"button":false,"block":"","link":{"url":"#","mode":"external"},"attr":{"id":"","href":"#"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"85bfe00d-14ff-09da-f314-1d4f4d665497","text":true,"v":"Click here to learn more"},{"_id":"0f0cce02-8fd9-80a1-0255-ab5756f6ffdc","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014f"],"children":["9bd5ed18-f6d6-7c15-5020-bc19f544e928","d90f24b7-d41f-4bda-254b-c9278434e1a2","709b1512-72f3-5a10-aaf2-d0ce01a8987c","a1f9a1b4-064f-f24e-6aa7-4c4ce266d0c3","f536ff7e-a345-e882-4e85-5da5e0cdd7c9","4d48d39b-a1f1-fe2a-5bd7-0fd06bf0ca57","932ea10a-15c8-85ed-4293-8d40bea4ca2f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"countdown-clock"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9bd5ed18-f6d6-7c15-5020-bc19f544e928","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["514cbc5c-8bbd-1632-f031-a66635beb3ef","e4173f3d-6a56-392e-f6e4-4f8287fef616"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"514cbc5c-8bbd-1632-f031-a66635beb3ef","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014a"],"children":["d956f52b-99a4-0083-96f0-d40f0cd5fd95"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d956f52b-99a4-0083-96f0-d40f0cd5fd95","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014c"],"children":["b7407de3-f5f9-cfda-98cb-fc4f14b51cc9"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"days"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b7407de3-f5f9-cfda-98cb-fc4f14b51cc9","text":true,"v":"00"},{"_id":"e4173f3d-6a56-392e-f6e4-4f8287fef616","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014b"],"children":["eeff5004-281d-2915-16d7-6179ebfbbbcb"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"eeff5004-281d-2915-16d7-6179ebfbbbcb","text":true,"v":"Days"},{"_id":"d90f24b7-d41f-4bda-254b-c9278434e1a2","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["2998fa38-72a4-b9e5-f537-2d11206d86e3"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2998fa38-72a4-b9e5-f537-2d11206d86e3","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["1d494cff-c41f-5f4a-b9d5-f9758612222d"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1d494cff-c41f-5f4a-b9d5-f9758612222d","text":true,"v":":"},{"_id":"709b1512-72f3-5a10-aaf2-d0ce01a8987c","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["316b614b-980c-8128-032c-afb067293fc1","b1b8e9d7-9c6d-e3da-62ec-f0ad73193631"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"316b614b-980c-8128-032c-afb067293fc1","type":"Block","tag":"div","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5c"],"children":["40b2fa8d-dcd4-3ace-332a-c9c58e5caa9d"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"40b2fa8d-dcd4-3ace-332a-c9c58e5caa9d","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0148"],"children":["a513a8d6-de4d-57a6-a4be-1bc229aae81c"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a513a8d6-de4d-57a6-a4be-1bc229aae81c","text":true,"v":"00"},{"_id":"b1b8e9d7-9c6d-e3da-62ec-f0ad73193631","type":"Block","tag":"div","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a57"],"children":["4f6827ff-0276-a451-9267-f7f371d43b7f"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4f6827ff-0276-a451-9267-f7f371d43b7f","text":true,"v":"Hours"},{"_id":"a1f9a1b4-064f-f24e-6aa7-4c4ce266d0c3","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["83aa318b-f745-f636-f815-3499dcf5c6d3"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"83aa318b-f745-f636-f815-3499dcf5c6d3","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["57bddb10-a611-c1c0-5643-5ad5be818e87"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"57bddb10-a611-c1c0-5643-5ad5be818e87","text":true,"v":":"},{"_id":"f536ff7e-a345-e882-4e85-5da5e0cdd7c9","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["a07d1296-5b16-abed-4d38-6f52bbf496fa","6fc8e9f5-d07d-1a8b-2621-4ce0953edbd1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a07d1296-5b16-abed-4d38-6f52bbf496fa","type":"Block","tag":"div","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5c"],"children":["6b9c7999-0d18-b588-6117-f9925ca619da"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6b9c7999-0d18-b588-6117-f9925ca619da","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014e"],"children":["3a082231-f05a-e7da-aa49-efc9057550bd"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3a082231-f05a-e7da-aa49-efc9057550bd","text":true,"v":"00"},{"_id":"6fc8e9f5-d07d-1a8b-2621-4ce0953edbd1","type":"Block","tag":"div","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a57"],"children":["d8351de3-1688-03ae-0bd2-8423e0c1dcba"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d8351de3-1688-03ae-0bd2-8423e0c1dcba","text":true,"v":"Minutes"},{"_id":"4d48d39b-a1f1-fe2a-5bd7-0fd06bf0ca57","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["f02ef74b-89c7-5087-45ea-4dcd00a93b5b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f02ef74b-89c7-5087-45ea-4dcd00a93b5b","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["9ce36fa8-552c-7b88-17ab-c4507166d21b"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9ce36fa8-552c-7b88-17ab-c4507166d21b","text":true,"v":":"},{"_id":"932ea10a-15c8-85ed-4293-8d40bea4ca2f","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["8432f4ef-b224-ecd7-7269-72092759e0b1","95a4f8c2-d265-db9a-d52b-700c61c16c98"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8432f4ef-b224-ecd7-7269-72092759e0b1","type":"Block","tag":"div","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5c"],"children":["cfb163a1-9972-ceda-4338-76b0034574ac"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cfb163a1-9972-ceda-4338-76b0034574ac","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0147"],"children":["0a5fa62e-df64-b2ba-7a6d-3ff166d8523e"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0a5fa62e-df64-b2ba-7a6d-3ff166d8523e","text":true,"v":"00"},{"_id":"95a4f8c2-d265-db9a-d52b-700c61c16c98","type":"Block","tag":"div","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a57"],"children":["58eb0224-10fb-f649-7602-82a26669f7d8"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"58eb0224-10fb-f649-7602-82a26669f7d8","text":true,"v":"Seconds"},{"_id":"1b9c6451-c420-8eec-2f72-806e030bb244","type":"Link","tag":"a","classes":["2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5e"],"children":["efc380af-7647-b552-3b0d-d43b783ac8bf"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"efc380af-7647-b552-3b0d-d43b783ac8bf","type":"HtmlEmbed","tag":"div","classes":["a7e5084e-eab0-64c2-a2a9-f552b42ce7d4"],"children":[],"v":"<svg width=\"auto\" height=\"auto\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.7729 8.28771C17.0658 7.99481 17.0658 7.51994 16.7729 7.22705C16.48 6.93415 16.0052 6.93415 15.7123 7.22705L16.7729 8.28771ZM7.22699 15.7123C6.9341 16.0052 6.9341 16.4801 7.22699 16.773C7.51989 17.0659 7.99476 17.0659 8.28765 16.773L7.22699 15.7123ZM15.7123 16.7729C16.0052 17.0658 16.48 17.0658 16.7729 16.7729C17.0658 16.48 17.0658 16.0052 16.7729 15.7123L15.7123 16.7729ZM8.28765 7.22699C7.99476 6.9341 7.51989 6.9341 7.22699 7.22699C6.9341 7.51989 6.9341 7.99476 7.22699 8.28765L8.28765 7.22699ZM15.7123 7.22705L7.22699 15.7123L8.28765 16.773L16.7729 8.28771L15.7123 7.22705ZM16.7729 15.7123L8.28765 7.22699L7.22699 8.28765L15.7123 16.7729L16.7729 15.7123Z\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"auto\" height=\"auto\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.7729 8.28771C17.0658 7.99481 17.0658 7.51994 16.7729 7.22705C16.48 6.93415 16.0052 6.93415 15.7123 7.22705L16.7729 8.28771ZM7.22699 15.7123C6.9341 16.0052 6.9341 16.4801 7.22699 16.773C7.51989 17.0659 7.99476 17.0659 8.28765 16.773L7.22699 15.7123ZM15.7123 16.7729C16.0052 17.0658 16.48 17.0658 16.7729 16.7729C17.0658 16.48 17.0658 16.0052 16.7729 15.7123L15.7123 16.7729ZM8.28765 7.22699C7.99476 6.9341 7.51989 6.9341 7.22699 7.22699C6.9341 7.51989 6.9341 7.99476 7.22699 8.28765L8.28765 7.22699ZM15.7123 7.22705L7.22699 15.7123L8.28765 16.773L16.7729 8.28771L15.7123 7.22705ZM16.7729 15.7123L8.28765 7.22699L7.22699 8.28765L15.7123 16.7729L16.7729 15.7123Z\"/>\n</svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"10b76ba5-bced-10bb-6b70-9ec62d9a23e2","type":"HtmlEmbed","tag":"div","classes":["a8cb8461-0290-81db-57a9-73e47a42edef"],"children":[],"v":"<script>\n// Change this date to update when the countdown will be at zero\nconst eventendtime = 'October 02 2024 00:00:00 GMT-0400';\n\nfunction timeRemaining(endtime) {\n const total = Date.parse(endtime) - Date.parse(new Date());\n const seconds = Math.floor((total/1000) % 60);\n const minutes = Math.floor((total/1000/60) % 60);\n const hours = Math.floor((total/1000/60/60) % 24);\n const days = Math.floor((total/1000/60/60/24));\n return {\n total, days, hours, minutes, seconds\n };\n}\n\nfunction initializeClock(id, endtime) {\n const clock = document.getElementById(id);\n const daysElement = clock.querySelector('.days');\n const hoursElement = clock.querySelector('.hours');\n const minutesElement = clock.querySelector('.minutes');\n const secondsElement = clock.querySelector('.seconds');\n function updateClock() {\n const t = timeRemaining(endtime);\n daysElement.innerHTML = t.days;\n hoursElement.innerHTML = ('0' + t.hours).slice(-2);\n minutesElement.innerHTML = ('0' + t.minutes).slice(-2);\n secondsElement.innerHTML = ('0' + t.seconds).slice(-2);\n if (t.total <= 0) {\n clearInterval(time_interval);\n }\n }\n updateClock();\n var time_interval = setInterval(updateClock,1000);\n}\n\ninitializeClock('countdown-clock', eventendtime);\n\n</script>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<script>\n// Change this date to update when the countdown will be at zero\nconst eventendtime = 'October 02 2024 00:00:00 GMT-0400';\n\nfunction timeRemaining(endtime) {\n const total = Date.parse(endtime) - Date.parse(new Date());\n const seconds = Math.floor((total/1000) % 60);\n const minutes = Math.floor((total/1000/60) % 60);\n const hours = Math.floor((total/1000/60/60) % 24);\n const days = Math.floor((total/1000/60/60/24));\n return {\n total, days, hours, minutes, seconds\n };\n}\n\nfunction initializeClock(id, endtime) {\n const clock = document.getElementById(id);\n const daysElement = clock.querySelector('.days');\n const hoursElement = clock.querySelector('.hours');\n const minutesElement = clock.querySelector('.minutes');\n const secondsElement = clock.querySelector('.seconds');\n function updateClock() {\n const t = timeRemaining(endtime);\n daysElement.innerHTML = t.days;\n hoursElement.innerHTML = ('0' + t.hours).slice(-2);\n minutesElement.innerHTML = ('0' + t.minutes).slice(-2);\n secondsElement.innerHTML = ('0' + t.seconds).slice(-2);\n if (t.total <= 0) {\n clearInterval(time_interval);\n }\n }\n updateClock();\n var time_interval = setInterval(updateClock,1000);\n}\n\ninitializeClock('countdown-clock', eventendtime);\n\n</script>","div":false,"script":true,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}}],"styles":[{"_id":"2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5a","fake":false,"type":"class","name":"banner-12_container","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 100%; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; align-items: center; grid-column-gap: 3rem; grid-row-gap: 3rem;","variants":{"small":{"styleLess":"flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014d","fake":false,"type":"class","name":"countdown_divider","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014e","fake":false,"type":"class","name":"minutes","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"a8cb8461-0290-81db-57a9-73e47a42edef","fake":false,"type":"class","name":"CODE: Countdown Timer","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"2c25ac2e-bb92-2f5a-b1aa-63d9fb016a55","fake":false,"type":"class","name":"banner-12_content","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"a7e5084e-eab0-64c2-a2a9-f552b42ce7d4","fake":false,"type":"class","name":"banner-12_icon","namespace":"","comb":"","styleLess":"width: 1.25rem; height: 1.25rem; color: #3b4961;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed0149","fake":false,"type":"class","name":"countdown_days","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014f","fake":false,"type":"class","name":"countdown","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 0.75em; grid-row-gap: 0.75em; color: #0f1929;","variants":{"tiny":{"styleLess":"grid-column-gap: 0.25em;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5e","fake":false,"type":"class","name":"banner-12_close","namespace":"","comb":"","styleLess":"position: absolute; top: 0.5rem; right: 0.5rem;","variants":{"small":{"styleLess":"top: 0.5rem;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"2c25ac2e-bb92-2f5a-b1aa-63d9fb016a57","fake":false,"type":"class","name":"countdown_label 4","namespace":"","comb":"","styleLess":"font-size: 0.875rem; font-weight: 700;","variants":{"tiny":{"styleLess":"font-size: 0.75rem;"},"small":{"styleLess":"font-size: 0.75rem;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5c","fake":false,"type":"class","name":"countdown_number 5","namespace":"","comb":"","styleLess":"min-width: 3rem; font-size: 2rem; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 1.5rem;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed0148","fake":false,"type":"class","name":"hours","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014c","fake":false,"type":"class","name":"days","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"2c25ac2e-bb92-2f5a-b1aa-63d9fb016a58","fake":false,"type":"class","name":"banner-12_title","namespace":"","comb":"","styleLess":"font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014a","fake":false,"type":"class","name":"countdown_number","namespace":"","comb":"","styleLess":"min-width: 3rem; font-size: 2rem; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 1.5rem;"},"tiny":{"styleLess":""}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5d","fake":false,"type":"class","name":"banner-12","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; flex-direction: column; justify-content: center; flex-wrap: nowrap; 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":"2c25ac2e-bb92-2f5a-b1aa-63d9fb016a5b","fake":false,"type":"class","name":"banner-12_text","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed0146","fake":false,"type":"class","name":"countdown_colon","namespace":"","comb":"","styleLess":"font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed0147","fake":false,"type":"class","name":"seconds","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"6f56c71a-8dfc-3571-dd2d-9ec501ed014b","fake":false,"type":"class","name":"countdown_label","namespace":"","comb":"","styleLess":"font-size: 0.875rem; font-weight: 700;","variants":{"tiny":{"styleLess":"font-size: 0.75rem;"},"small":{"styleLess":"font-size: 0.75rem;"}},"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