Back
Banner 14
Copy component
Copy component
Upgrade to copy
Join to copy
Lifetime access $249
Banner with customizable countdown timer and newsletter subscription form with close option.
Home
Components
Components
Banner
Banner 14
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"02f6aa5a-0cc0-b9d4-247d-d8336f237953","type":"Block","tag":"div","classes":["63710b26-a3c4-7888-3495-401c360f59a4"],"children":["be84bad0-8108-9072-561f-0c95991dafa3","0f36ec0f-fada-1ef0-583b-506a56a5c0bb"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"be84bad0-8108-9072-561f-0c95991dafa3","type":"Block","tag":"div","classes":["63710b26-a3c4-7888-3495-401c360f59a9"],"children":["3324fe59-6e73-23ca-c2a4-95d49f1a2184","7a2b5f63-ed6c-d1dc-becc-4e8a5456e953","20706aee-ad13-7237-6bfc-c6dfedad80d4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3324fe59-6e73-23ca-c2a4-95d49f1a2184","type":"Block","tag":"div","classes":["63710b26-a3c4-7888-3495-401c360f59aa"],"children":["9b9d4ace-db19-c27c-9e7e-1c1130bc1a54","e11e76a9-4e41-6de3-30ea-33969b865a07"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9b9d4ace-db19-c27c-9e7e-1c1130bc1a54","type":"Block","tag":"div","classes":["63710b26-a3c4-7888-3495-401c360f59a1"],"children":["a69cb969-f950-0be9-7483-ed7d88e643af"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a69cb969-f950-0be9-7483-ed7d88e643af","text":true,"v":"Subscribe to be the first to know when we launch!"},{"_id":"e11e76a9-4e41-6de3-30ea-33969b865a07","type":"FormWrapper","tag":"div","classes":["63710b26-a3c4-7888-3495-401c360f599f"],"children":["816b45ec-8e3f-e43b-fb4c-b535758f54f5","b3c82588-9b12-ec3b-6db8-761cc94fca9b","83824e5b-bf2c-d479-8c3e-0b3d2a8fdd3e"],"data":{"search":{"exclude":true},"form":{"type":"wrapper"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"816b45ec-8e3f-e43b-fb4c-b535758f54f5","type":"FormForm","tag":"form","classes":["63710b26-a3c4-7888-3495-401c360f59a5"],"children":["950b85dc-d327-9518-67f2-4e91fe9ac9c3","fb0bc8fa-5ee9-f93d-a60f-cce364aee671"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Banner 13 Subscribe"},"attr":{"id":"wf-form-Banner-13-Subscribe","name":"wf-form-Banner-13-Subscribe","data-name":"Banner 13 Subscribe","redirect":"","data-redirect":"","action":"","method":"get"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"950b85dc-d327-9518-67f2-4e91fe9ac9c3","type":"FormTextInput","tag":"input","classes":["63710b26-a3c4-7888-3495-401c360f59a7"],"children":[],"data":{"form":{"name":"Banner 13 Email 2","type":"input","passwordPage":false},"attr":{"id":"Banner-13-Email-2","name":"Banner-13-Email-2","maxlength":256,"data-name":"Banner 13 Email 2","placeholder":"Enter your email address...","disabled":false,"type":"email","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fb0bc8fa-5ee9-f93d-a60f-cce364aee671","type":"FormButton","tag":"input","classes":["27e2c28d-84e7-9136-e293-5ae1ccc4f8d9","3b4f261d-5209-659d-b43e-d49e7abe6e82"],"children":[],"data":{"form":{"type":"button"},"attr":{"type":"submit","value":"Subscribe","data-wait":"Please wait...","id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b3c82588-9b12-ec3b-6db8-761cc94fca9b","type":"FormSuccessMessage","tag":"div","classes":["63710b26-a3c4-7888-3495-401c360f59a6"],"children":["e1a2238c-8af1-1196-de6e-5f6f74891f01"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"e1a2238c-8af1-1196-de6e-5f6f74891f01","type":"Block","tag":"div","classes":[],"children":["747d1120-c570-a2b0-0d4a-b74db10ea348"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"747d1120-c570-a2b0-0d4a-b74db10ea348","text":true,"v":"You have been subscribed! Please check your email for your coupon code."},{"_id":"83824e5b-bf2c-d479-8c3e-0b3d2a8fdd3e","type":"FormErrorMessage","tag":"div","classes":["63710b26-a3c4-7888-3495-401c360f59a2"],"children":["b0f04baa-57e7-b78f-f68c-238d159421d1"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"b0f04baa-57e7-b78f-f68c-238d159421d1","type":"Block","tag":"div","classes":[],"children":["6095253c-6fda-7aa2-2844-984a27e06bd9"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6095253c-6fda-7aa2-2844-984a27e06bd9","text":true,"v":"Couldn't subscribe you, please try again."},{"_id":"7a2b5f63-ed6c-d1dc-becc-4e8a5456e953","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014f"],"children":["c7a71058-570b-aeef-a1b8-c6677478d755","8d3a6fc1-b4af-e8a2-3bde-04f87fe57831","73ed67ee-d203-5b0d-e752-38ad998f2076","4ac5ee5e-3d58-03ad-75d0-c098ea689033","c13fa64b-0b69-241e-1965-3d21dc9077f3","1cf271f6-35c4-4e26-a873-2a7f940eef22","34939e27-74e5-2037-8ff9-bbaf6353d9a8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"countdown-clock"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c7a71058-570b-aeef-a1b8-c6677478d755","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["33dc47a7-91ac-515f-912f-f880a67a0ea3","400e33a8-e134-abd4-f230-1f267ee3c6bb"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"33dc47a7-91ac-515f-912f-f880a67a0ea3","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014a"],"children":["123f2ca7-d01b-a176-735a-b7dc0a86e46d"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"123f2ca7-d01b-a176-735a-b7dc0a86e46d","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014c"],"children":["752bad89-ccea-8d69-e224-6a4d26093c23"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"days"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"752bad89-ccea-8d69-e224-6a4d26093c23","text":true,"v":"00"},{"_id":"400e33a8-e134-abd4-f230-1f267ee3c6bb","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014b"],"children":["ae88e517-4e66-e6d9-74d6-9ab9e61d8741"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ae88e517-4e66-e6d9-74d6-9ab9e61d8741","text":true,"v":"Days"},{"_id":"8d3a6fc1-b4af-e8a2-3bde-04f87fe57831","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["8ea29db0-5012-328f-4f5a-c3380fe47347"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8ea29db0-5012-328f-4f5a-c3380fe47347","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["aca7eff6-0710-11d3-d818-7b902c46ff9a"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aca7eff6-0710-11d3-d818-7b902c46ff9a","text":true,"v":":"},{"_id":"73ed67ee-d203-5b0d-e752-38ad998f2076","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["a2b6e7ea-5c00-c018-c051-4dcbb948502b","b49f1646-e953-0244-b137-6606ddc9367e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a2b6e7ea-5c00-c018-c051-4dcbb948502b","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014a"],"children":["96a08798-ad0f-85dd-4e04-913f82ab7e8f"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"96a08798-ad0f-85dd-4e04-913f82ab7e8f","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0148"],"children":["e9995791-f345-114f-9797-c1638177d017"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e9995791-f345-114f-9797-c1638177d017","text":true,"v":"00"},{"_id":"b49f1646-e953-0244-b137-6606ddc9367e","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014b"],"children":["0bffaaf0-615c-6922-25be-3523a3ef9933"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0bffaaf0-615c-6922-25be-3523a3ef9933","text":true,"v":"Hours"},{"_id":"4ac5ee5e-3d58-03ad-75d0-c098ea689033","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["3e985194-05a1-24cb-703f-1c3f3cbae8ad"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3e985194-05a1-24cb-703f-1c3f3cbae8ad","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["27410141-dc7b-c9f1-9cec-f26c07b9069a"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"27410141-dc7b-c9f1-9cec-f26c07b9069a","text":true,"v":":"},{"_id":"c13fa64b-0b69-241e-1965-3d21dc9077f3","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["d03c39ab-165b-60d7-d769-3f45e7b56a7f","3f864268-6caa-eb28-6cd6-5d6120d11600"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d03c39ab-165b-60d7-d769-3f45e7b56a7f","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014a"],"children":["d6bfe4be-8100-3ac6-aca7-9f0c1e3ee64c"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d6bfe4be-8100-3ac6-aca7-9f0c1e3ee64c","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014e"],"children":["03c8786f-7ad2-ce2c-2cd8-b3e309e7c86d"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"03c8786f-7ad2-ce2c-2cd8-b3e309e7c86d","text":true,"v":"00"},{"_id":"3f864268-6caa-eb28-6cd6-5d6120d11600","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014b"],"children":["9cffa12f-c9f5-9329-f1ae-a4ed79fb4b8f"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9cffa12f-c9f5-9329-f1ae-a4ed79fb4b8f","text":true,"v":"Minutes"},{"_id":"1cf271f6-35c4-4e26-a873-2a7f940eef22","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["de3f7140-e63f-1d41-8aa7-55ef6fa1ab09"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"de3f7140-e63f-1d41-8aa7-55ef6fa1ab09","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["bbb90b7b-e0b0-b408-0cdf-f95a94356b38"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bbb90b7b-e0b0-b408-0cdf-f95a94356b38","text":true,"v":":"},{"_id":"34939e27-74e5-2037-8ff9-bbaf6353d9a8","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["f3fda09b-cc5b-5703-dc0d-8bf5ad8a2ed9","fcb58319-1ca9-cc63-3c9d-74e7a2174ff0"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f3fda09b-cc5b-5703-dc0d-8bf5ad8a2ed9","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014a"],"children":["855a5030-0d18-7607-e0ee-d061d5d674bc"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"855a5030-0d18-7607-e0ee-d061d5d674bc","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0147"],"children":["c6d8caf9-e2ff-2441-9a58-dc6f1f8eb229"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c6d8caf9-e2ff-2441-9a58-dc6f1f8eb229","text":true,"v":"00"},{"_id":"fcb58319-1ca9-cc63-3c9d-74e7a2174ff0","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014b"],"children":["9577a5ac-d4c5-a89b-bce9-d17aaf310e66"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9577a5ac-d4c5-a89b-bce9-d17aaf310e66","text":true,"v":"Seconds"},{"_id":"20706aee-ad13-7237-6bfc-c6dfedad80d4","type":"Link","tag":"a","classes":["63710b26-a3c4-7888-3495-401c360f59a0"],"children":["cda2f7f6-cb5a-3bab-eca1-3f31c0da6766"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cda2f7f6-cb5a-3bab-eca1-3f31c0da6766","type":"HtmlEmbed","tag":"div","classes":["63710b26-a3c4-7888-3495-401c360f59a3"],"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":"0f36ec0f-fada-1ef0-583b-506a56a5c0bb","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":"63710b26-a3c4-7888-3495-401c360f59a0","fake":false,"type":"class","name":"banner-14_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":"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},{"_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":"63710b26-a3c4-7888-3495-401c360f59a7","fake":false,"type":"class","name":"banner-14_form-input","namespace":"","comb":"","styleLess":"height: 3rem; margin-bottom: 0px; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border-top-style: solid; border-top-width: 0.0625rem; border-top-color: #9eabc1; border-right-style: solid; border-right-width: 0.0625rem; border-right-color: #9eabc1; border-bottom-style: solid; border-bottom-width: 0.0625rem; border-bottom-color: #9eabc1; border-left-style: solid; border-left-width: 0.0625rem; border-left-color: #9eabc1; background-color: white; font-size: 1rem; line-height: 1.2em;","variants":{"main_placeholder":{"styleLess":"color: #7587a5;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"63710b26-a3c4-7888-3495-401c360f59a3","fake":false,"type":"class","name":"banner-14_icon","namespace":"","comb":"","styleLess":"width: 1.25rem; height: 1.25rem; color: #3b4961;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"63710b26-a3c4-7888-3495-401c360f59aa","fake":false,"type":"class","name":"banner-14_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":"63710b26-a3c4-7888-3495-401c360f59a6","fake":false,"type":"class","name":"banner-14_form-success","namespace":"","comb":"","styleLess":"margin-top: 0px; padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; background-color: transparent; color: #0049ca; font-weight: 700;","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":"63710b26-a3c4-7888-3495-401c360f59a1","fake":false,"type":"class","name":"banner-14_title","namespace":"","comb":"","styleLess":"font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"63710b26-a3c4-7888-3495-401c360f59a2","fake":false,"type":"class","name":"banner-14_form-error","namespace":"","comb":"","styleLess":"margin-top: 0.5rem; padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; background-color: transparent; color: #d91b5f; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"63710b26-a3c4-7888-3495-401c360f599f","fake":false,"type":"class","name":"banner-14_form","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","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":"63710b26-a3c4-7888-3495-401c360f59a4","fake":false,"type":"class","name":"banner-14","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":"27e2c28d-84e7-9136-e293-5ae1ccc4f8d9","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 1rem; padding-right: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem; border-top-style: solid; border-top-width: 2px; border-top-color: #0c60f5; border-right-style: solid; border-right-width: 2px; border-right-color: #0c60f5; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #0c60f5; border-left-style: solid; border-left-width: 2px; border-left-color: #0c60f5; background-color: #0c60f5; color: white; font-size: 1em; line-height: 1.125em; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap;","variants":{"main_hover":{"styleLess":"border-top-color: #0049ca; border-right-color: #0049ca; border-bottom-color: #0049ca; border-left-color: #0049ca; background-color: #0049ca;"}},"children":["27e2c28d-84e7-9136-e293-5ae1ccc4f8de","a6b7c620-6703-68cb-4e59-d2b3a9d1ab04","5eb34a0d-1d4c-bc49-56cf-7af9cc5e2dcf","3b4f261d-5209-659d-b43e-d49e7abe6e82"],"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":"3b4f261d-5209-659d-b43e-d49e7abe6e82","fake":false,"type":"class","name":"is-banner","namespace":"","comb":"&","styleLess":"height: 3rem; padding-top: 0rem; padding-bottom: 0rem;","variants":{},"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":"63710b26-a3c4-7888-3495-401c360f59a5","fake":false,"type":"class","name":"banner-14_form-container","namespace":"","comb":"","styleLess":"display: flex; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem;","variants":{"tiny":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"63710b26-a3c4-7888-3495-401c360f59a9","fake":false,"type":"class","name":"banner-14_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-9ec501ed014a","fake":false,"type":"class","name":"countdown_number","namespace":"","comb":"","styleLess":"font-size: 1.25rem; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 1.5rem;"}},"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; font-size: 1.5rem; font-weight: 700;","variants":{"tiny":{"styleLess":"grid-column-gap: 0.25em;"}},"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}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Built by hand with
from