{"id":209402,"date":"2022-10-29T03:40:23","date_gmt":"2022-10-29T03:40:23","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=209402"},"modified":"2022-10-29T03:40:23","modified_gmt":"2022-10-29T03:40:23","slug":"counter-up-countdown-timer-design","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/counter-up-countdown-timer-design\/","title":{"rendered":"Counter Up\/Countdown timer design"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:60px;margin-bottom:20px\">\n<h2 class=\"has-text-align-center has-text-color wp-block-heading\" style=\"color:#251c74;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:0;padding-left:var(--wp--preset--spacing--50);font-size:40px;font-style:normal;font-weight:600;letter-spacing:0px;line-height:1.2\">Countdown Start<\/h2>\n\n\n\n<p class=\"has-text-align-center has-text-color wp-block-paragraph\" style=\"color:#696e8d;margin-top:10px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px\">The countdown has begun for the launch of the space shuttle<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"margin-top:0px;background-color:#7c81a1;color:#7c81a1\" \/>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-79b05a06 wp-block-columns-is-layout-flex\" style=\"margin-top:50px;margin-bottom:80px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"has-text-align-center has-text-color wp-block-heading\" style=\"color:#4941e9;font-size:100px;font-style:normal;font-weight:500;line-height:1\">9<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"has-text-align-center has-text-color wp-block-heading\" style=\"color:#f92b8b;font-size:100px;font-style:normal;font-weight:500;line-height:1\">10<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"has-text-align-center has-text-color wp-block-heading\" style=\"color:#06caff;font-size:100px;font-style:normal;font-weight:500;line-height:1\">53<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"has-text-align-center has-text-color wp-block-heading\" style=\"color:#34dd87;font-size:100px;font-style:normal;font-weight:500;line-height:1\">43<\/h2>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":17802939,"parent":0,"template":"","meta":{"wpop_keywords":"Counter Up, Countdown","wpop_description":"A Counter up\/ Countdown design with a short description and timer text.","wpop_viewport_width":800,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/group,core\/heading,core\/paragraph,core\/separator","footnotes":""},"pattern-categories":[3,5,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-209402","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-columns","wporg-pattern-category-header","wporg-pattern-category-text"],"category_slugs":["columns","header","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"wide\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"60px\",\"bottom\":\"20px\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignwide\" style=\"margin-top:60px;margin-bottom:20px\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"color\":{\"text\":\"#251c74\"},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|50\",\"right\":\"var:preset|spacing|50\",\"bottom\":\"0\",\"left\":\"var:preset|spacing|50\"}},\"typography\":{\"fontSize\":\"40px\",\"lineHeight\":\"1.2\",\"letterSpacing\":\"0px\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\"}}} -->\n<h2 class=\"has-text-align-center has-text-color\" style=\"color:#251c74;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:0;padding-left:var(--wp--preset--spacing--50);font-size:40px;font-style:normal;font-weight:600;letter-spacing:0px;line-height:1.2\">Countdown Start<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"color\":{\"text\":\"#696e8d\"},\"spacing\":{\"padding\":{\"right\":\"var:preset|spacing|30\",\"bottom\":\"var:preset|spacing|30\",\"left\":\"var:preset|spacing|30\"},\"margin\":{\"top\":\"10px\"}},\"typography\":{\"fontSize\":\"14px\"}}} -->\n<p class=\"has-text-align-center has-text-color\" style=\"color:#696e8d;margin-top:10px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px\">The countdown has begun for the launch of the space shuttle<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator {\"style\":{\"spacing\":{\"margin\":{\"top\":\"0px\"}},\"color\":{\"background\":\"#7c81a1\"}},\"className\":\"is-style-default\"} -->\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"margin-top:0px;background-color:#7c81a1;color:#7c81a1\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:columns {\"align\":\"wide\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"50px\",\"bottom\":\"80px\"}}}} -->\n<div class=\"wp-block-columns alignwide\" style=\"margin-top:50px;margin-bottom:80px\"><!-- wp:column {\"width\":\"100%\",\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-column\" style=\"flex-basis:100%\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"color\":{\"text\":\"#4941e9\"},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"fontSize\":\"100px\",\"lineHeight\":\"1\"}}} -->\n<h2 class=\"has-text-align-center has-text-color\" style=\"color:#4941e9;font-size:100px;font-style:normal;font-weight:500;line-height:1\">9<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"100%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:100%\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"color\":{\"text\":\"#f92b8b\"},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"fontSize\":\"100px\",\"lineHeight\":\"1\"}}} -->\n<h2 class=\"has-text-align-center has-text-color\" style=\"color:#f92b8b;font-size:100px;font-style:normal;font-weight:500;line-height:1\">10<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"100%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:100%\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"color\":{\"text\":\"#06caff\"},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"fontSize\":\"100px\",\"lineHeight\":\"1\"}}} -->\n<h2 class=\"has-text-align-center has-text-color\" style=\"color:#06caff;font-size:100px;font-style:normal;font-weight:500;line-height:1\">53<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"100%\",\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-column\" style=\"flex-basis:100%\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"color\":{\"text\":\"#34dd87\"},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"fontSize\":\"100px\",\"lineHeight\":\"1\"}}} -->\n<h2 class=\"has-text-align-center has-text-color\" style=\"color:#34dd87;font-size:100px;font-style:normal;font-weight:500;line-height:1\">43<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":16,"author_meta":{"name":"Sajib Talukder","url":"https:\/\/it.wordpress.org\/patterns\/author\/stalukder03","avatar":"https:\/\/secure.gravatar.com\/avatar\/2e5e9fba423e7fffa687ace7b354ed97c40aba3ebb2afbb7229255a5d7625ca9?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/209402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":21,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/209402\/revisions"}],"predecessor-version":[{"id":209445,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/209402\/revisions\/209445"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/stalukder03"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=209402"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=209402"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=209402"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=209402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}