Banner 26

Banner featuring a subscription form with name and email address input fields and a custom countdown timer. Banner also has a close option.

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"a4c9bc0b-dff4-aa31-fb1b-293ab392fe3f","type":"Block","tag":"div","classes":["54343f66-57eb-2527-9a3e-a8639aca35b3"],"children":["e25148c8-06f3-be1f-69f5-22924df83850","8876618a-5274-32fd-95cc-afe43f58295e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e25148c8-06f3-be1f-69f5-22924df83850","type":"Block","tag":"div","classes":["54343f66-57eb-2527-9a3e-a8639aca35b6"],"children":["cb71708f-31a4-8993-b067-cbcd8fbbe9f2","79429691-1dee-b1f1-f767-94d8b3a9a942","c23823cb-c5d8-a75a-027f-8ba3a4ffa718"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cb71708f-31a4-8993-b067-cbcd8fbbe9f2","type":"Block","tag":"div","classes":["54343f66-57eb-2527-9a3e-a8639aca35bb"],"children":["8f7d7592-8965-c0ba-ac72-7bc23b3d664d","b7430c46-6987-81bf-2c6b-2851f608d02d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8f7d7592-8965-c0ba-ac72-7bc23b3d664d","type":"Block","tag":"div","classes":["54343f66-57eb-2527-9a3e-a8639aca35b4"],"children":["dfa393e5-f075-f0ed-bf06-44f04e58afbb"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dfa393e5-f075-f0ed-bf06-44f04e58afbb","text":true,"v":"Subscribe to be the first to know when we launch!"},{"_id":"b7430c46-6987-81bf-2c6b-2851f608d02d","type":"FormWrapper","tag":"div","classes":["54343f66-57eb-2527-9a3e-a8639aca35b1"],"children":["5d64b418-ed77-cf6b-524a-843bb4253a75","c681941d-0395-b337-979d-2aab9fd923a4","a28c38b8-14e7-5101-4ea1-e8ca1dbe94a3"],"data":{"search":{"exclude":true},"form":{"type":"wrapper"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"5d64b418-ed77-cf6b-524a-843bb4253a75","type":"FormForm","tag":"form","classes":["54343f66-57eb-2527-9a3e-a8639aca35ba"],"children":["5f2ae738-bac8-5686-cf88-9fe9e3add5ac","98dd619a-b87f-1eb3-8671-9bdd0ea15667","b5b8f9b4-9d58-6884-bfe4-ef73577bb6bb"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Banner 26 Subscribe"},"attr":{"id":"wf-form-Banner-26-Subscribe","name":"wf-form-Banner-26-Subscribe","data-name":"Banner 26 Subscribe","redirect":"","data-redirect":"","action":"","method":"get"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5f2ae738-bac8-5686-cf88-9fe9e3add5ac","type":"FormTextInput","tag":"input","classes":["54343f66-57eb-2527-9a3e-a8639aca35b2"],"children":[],"data":{"form":{"name":"Banner 25 Name","type":"input","passwordPage":false},"attr":{"id":"Banner-26-Name","name":"Banner-25-Name","maxlength":256,"data-name":"Banner 25 Name","placeholder":"Your name","disabled":false,"type":"text","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"98dd619a-b87f-1eb3-8671-9bdd0ea15667","type":"FormTextInput","tag":"input","classes":["54343f66-57eb-2527-9a3e-a8639aca35b2"],"children":[],"data":{"form":{"name":"Banner 26 Email","type":"input","passwordPage":false},"attr":{"id":"Banner-26-Email","name":"Banner-26-Email","maxlength":256,"data-name":"Banner 26 Email","placeholder":"Your email address","disabled":false,"type":"email","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b5b8f9b4-9d58-6884-bfe4-ef73577bb6bb","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":[]},"style":{"base":{"medium":{"noPseudo":{"gridColumnStart":"span 2","gridColumnEnd":"span 2","gridRowStart":"span 1","gridRowEnd":"span 1"}},"tiny":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1"}}}}}},{"_id":"c681941d-0395-b337-979d-2aab9fd923a4","type":"FormSuccessMessage","tag":"div","classes":["54343f66-57eb-2527-9a3e-a8639aca35b8"],"children":["75c296d1-e8d4-0ff9-2fdf-c4652ba99277"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"75c296d1-e8d4-0ff9-2fdf-c4652ba99277","type":"Block","tag":"div","classes":[],"children":["7860edbe-eaca-eeb8-91f9-b503e0be269a"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7860edbe-eaca-eeb8-91f9-b503e0be269a","text":true,"v":"You have been subscribed! Please check your email for your coupon code."},{"_id":"a28c38b8-14e7-5101-4ea1-e8ca1dbe94a3","type":"FormErrorMessage","tag":"div","classes":["54343f66-57eb-2527-9a3e-a8639aca35b5"],"children":["330d409f-0e15-1887-4bda-bd07157d6468"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"330d409f-0e15-1887-4bda-bd07157d6468","type":"Block","tag":"div","classes":[],"children":["ef772860-b627-cc52-b9d1-cdbfe7afa541"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ef772860-b627-cc52-b9d1-cdbfe7afa541","text":true,"v":"Couldn't subscribe you, please try again."},{"_id":"79429691-1dee-b1f1-f767-94d8b3a9a942","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014f"],"children":["85db0add-cb83-3966-41a0-e9ffd79099e6","d724840f-984a-76d5-258b-a0cc675ad120","5b457b91-be5d-fe67-3733-8096217460db","896900f9-bcbc-3388-a981-87a0ac8ad143","46c3be5a-7099-2fb7-70da-ae4db48e7f94","609eb0c7-4369-be10-4a56-6855d27bb31b","b9e17b98-c1a0-7504-7f01-48cad7bb8e3e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"countdown-clock"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"85db0add-cb83-3966-41a0-e9ffd79099e6","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["1e6b3f79-1582-f46f-96bc-38e3a981c917","30c778dd-3acd-3a38-7594-f6f6bfc2248e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1e6b3f79-1582-f46f-96bc-38e3a981c917","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014a"],"children":["4449d572-05b9-6e46-6493-37a2e6d51bcf"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4449d572-05b9-6e46-6493-37a2e6d51bcf","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014c"],"children":["1ecfac9d-087b-4122-c3c2-b143e13d0d2a"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"days"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1ecfac9d-087b-4122-c3c2-b143e13d0d2a","text":true,"v":"00"},{"_id":"30c778dd-3acd-3a38-7594-f6f6bfc2248e","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014b"],"children":["a2b96bab-b3cb-1f24-f223-be57e4bfe94a"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a2b96bab-b3cb-1f24-f223-be57e4bfe94a","text":true,"v":"Days"},{"_id":"d724840f-984a-76d5-258b-a0cc675ad120","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["78067afe-57a1-73b2-80e9-054bd119bdef"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"78067afe-57a1-73b2-80e9-054bd119bdef","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["5297588c-6c08-403e-a073-22ba9537606e"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5297588c-6c08-403e-a073-22ba9537606e","text":true,"v":":"},{"_id":"5b457b91-be5d-fe67-3733-8096217460db","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["03a27024-a24e-eed0-5ec7-a1cbc5bd791d","9e39bc1e-083c-6ef5-54a1-d71eefcfc632"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"03a27024-a24e-eed0-5ec7-a1cbc5bd791d","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014a"],"children":["c0351f7d-28c5-ebbd-17c1-849941e25761"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c0351f7d-28c5-ebbd-17c1-849941e25761","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0148"],"children":["77818d29-cfc1-94a9-886b-3abd8ef6fd7f"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"77818d29-cfc1-94a9-886b-3abd8ef6fd7f","text":true,"v":"00"},{"_id":"9e39bc1e-083c-6ef5-54a1-d71eefcfc632","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014b"],"children":["8b3ae310-ead9-c55b-1ad9-9f6c539bf850"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8b3ae310-ead9-c55b-1ad9-9f6c539bf850","text":true,"v":"Hours"},{"_id":"896900f9-bcbc-3388-a981-87a0ac8ad143","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["33961a1f-4f2a-3ee2-5c56-d587ca2394d7"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"33961a1f-4f2a-3ee2-5c56-d587ca2394d7","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["07519527-1098-d5f8-5b3e-0bc97c543c18"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"07519527-1098-d5f8-5b3e-0bc97c543c18","text":true,"v":":"},{"_id":"46c3be5a-7099-2fb7-70da-ae4db48e7f94","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["aecb562f-f821-d441-00d1-9c8b4e9a564e","cdaa9434-451d-b71c-e0dd-d6b098c25922"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aecb562f-f821-d441-00d1-9c8b4e9a564e","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014a"],"children":["84130cde-5cda-6fb9-fb50-a5e3a5276179"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"84130cde-5cda-6fb9-fb50-a5e3a5276179","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014e"],"children":["ed98cd50-0e3d-5072-0a05-ecec85cb4a85"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ed98cd50-0e3d-5072-0a05-ecec85cb4a85","text":true,"v":"00"},{"_id":"cdaa9434-451d-b71c-e0dd-d6b098c25922","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014b"],"children":["332951eb-1cdb-badf-0a2f-f830f33fa0ef"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"332951eb-1cdb-badf-0a2f-f830f33fa0ef","text":true,"v":"Minutes"},{"_id":"609eb0c7-4369-be10-4a56-6855d27bb31b","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014d"],"children":["8b021d4a-f969-f970-823c-c77755844c73"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8b021d4a-f969-f970-823c-c77755844c73","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0146"],"children":["eb6a073b-68b1-db5d-d0de-5dc112b247bf"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"eb6a073b-68b1-db5d-d0de-5dc112b247bf","text":true,"v":":"},{"_id":"b9e17b98-c1a0-7504-7f01-48cad7bb8e3e","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0149"],"children":["14049a06-b1db-eea8-020c-d2bfb19999cb","d96708ca-a421-6c0c-5956-50774f334d23"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"14049a06-b1db-eea8-020c-d2bfb19999cb","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014a"],"children":["6b54fcfb-9d43-0044-11e4-3b18b34f0cba"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6b54fcfb-9d43-0044-11e4-3b18b34f0cba","type":"Span","tag":"span","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed0147"],"children":["05425b82-d767-4d07-c392-08566f316628"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"05425b82-d767-4d07-c392-08566f316628","text":true,"v":"00"},{"_id":"d96708ca-a421-6c0c-5956-50774f334d23","type":"Block","tag":"div","classes":["6f56c71a-8dfc-3571-dd2d-9ec501ed014b"],"children":["793bf337-1b33-552a-a743-c2b110c3784a"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"793bf337-1b33-552a-a743-c2b110c3784a","text":true,"v":"Seconds"},{"_id":"c23823cb-c5d8-a75a-027f-8ba3a4ffa718","type":"Link","tag":"a","classes":["15998f32-7701-e057-26bc-ccdf230c113e"],"children":["dd428de2-72d0-9209-cfe8-ebd1848f3811"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"aria-label","value":"close"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dd428de2-72d0-9209-cfe8-ebd1848f3811","type":"HtmlEmbed","tag":"div","classes":["15998f32-7701-e057-26bc-ccdf230c113f"],"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":"8876618a-5274-32fd-95cc-afe43f58295e","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":"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":"54343f66-57eb-2527-9a3e-a8639aca35bb","fake":false,"type":"class","name":"banner-26_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":"6f56c71a-8dfc-3571-dd2d-9ec501ed014e","fake":false,"type":"class","name":"minutes","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"54343f66-57eb-2527-9a3e-a8639aca35b2","fake":false,"type":"class","name":"banner-26_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":"54343f66-57eb-2527-9a3e-a8639aca35b6","fake":false,"type":"class","name":"banner-26_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":"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":"15998f32-7701-e057-26bc-ccdf230c113f","fake":false,"type":"class","name":"banner-26_icon","namespace":"","comb":"","styleLess":"width: 1.25rem; height: 1.25rem; color: #3b4961;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"54343f66-57eb-2527-9a3e-a8639aca35b4","fake":false,"type":"class","name":"banner-26_title","namespace":"","comb":"","styleLess":"font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"54343f66-57eb-2527-9a3e-a8639aca35ba","fake":false,"type":"class","name":"banner-26_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; grid-template-columns: 1fr; grid-template-rows: auto auto auto;"},"medium":{"styleLess":"display: grid; grid-auto-columns: 1fr; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto;"}},"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":"15998f32-7701-e057-26bc-ccdf230c113e","fake":false,"type":"class","name":"banner-26_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-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":"54343f66-57eb-2527-9a3e-a8639aca35b3","fake":false,"type":"class","name":"banner-26","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: #eef3fa;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap; text-align: center;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"54343f66-57eb-2527-9a3e-a8639aca35b8","fake":false,"type":"class","name":"banner-26_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-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":"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},{"_id":"54343f66-57eb-2527-9a3e-a8639aca35b5","fake":false,"type":"class","name":"banner-26_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":"54343f66-57eb-2527-9a3e-a8639aca35b1","fake":false,"type":"class","name":"banner-26_form","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","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