{"id":415,"date":"2021-02-01T23:33:41","date_gmt":"2021-02-01T23:33:41","guid":{"rendered":"https:\/\/ariyah.webdesignengine.com\/clean-simple\/?page_id=415"},"modified":"2021-02-16T17:07:16","modified_gmt":"2021-02-16T17:07:16","slug":"banner","status":"publish","type":"page","link":"https:\/\/ariyah.webdesignengine.com\/classy\/banner\/","title":{"rendered":"Banner"},"content":{"rendered":"\n<p>Use the banner block to display a single image in the background with text overlay on top. Hover over to display the rest of the block text and animation.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Center Text with Zoom (Cancer) Animation<\/h4>\n\n\n\n<div class=\"wp-block-getwid-banner has-animation-style4 has-text-animation-opacity-bottom\"><a href=\"#\" class=\"wp-block-getwid-banner__link\"><div class=\"wp-block-getwid-banner__wrapper\"><img decoding=\"async\" src=\"https:\/\/ariyah.webdesignengine.com\/clean-simple\/wp-content\/uploads\/2020\/05\/assorted-ceramics-on-wooden-shelves-3626588-1536x1024.jpg\" alt=\"\" class=\"wp-block-getwid-banner__image wp-block-getwid-banner__source wp-image-252\"\/><div class=\"wp-block-getwid-banner__caption\"><div class=\"wp-block-getwid-banner__caption-wrapper\"><span class=\"wp-block-getwid-banner__title\">Banner Block<\/span><p class=\"wp-block-getwid-banner__text\">This is a sample banner block that features a single image with text on top.<\/p><\/div><\/div><\/div><\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Right Bottom Text with Zoom Outline (Gemini) Animation<\/h4>\n\n\n\n<div class=\"wp-block-getwid-banner has-animation-style3 has-text-animation-opacity-right has-foreground-75 has-vertical-alignment-bottom has-horizontal-alignment-right\"><a href=\"#\" class=\"wp-block-getwid-banner__link\"><div class=\"wp-block-getwid-banner__wrapper has-background\" style=\"background-color:#646055\"><img decoding=\"async\" src=\"https:\/\/ariyah.webdesignengine.com\/clean-simple\/wp-content\/uploads\/2020\/05\/assorted-ceramics-on-wooden-shelves-3626588-1536x1024.jpg\" alt=\"\" class=\"wp-block-getwid-banner__image wp-block-getwid-banner__source wp-image-252\"\/><div class=\"wp-block-getwid-banner__caption\"><div class=\"wp-block-getwid-banner__caption-wrapper\"><span class=\"wp-block-getwid-banner__title\">Banner Block<\/span><p class=\"wp-block-getwid-banner__text\">This is a sample banner block that features a single image with text on top.<\/p><\/div><\/div><\/div><\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Left Bottom Text with Shift Right (Aries) Animation<\/h4>\n\n\n\n<div class=\"wp-block-getwid-banner has-animation-style1 has-text-animation-opacity-left has-foreground-70 has-vertical-alignment-bottom has-horizontal-alignment-left\"><a href=\"#\" class=\"wp-block-getwid-banner__link\"><div class=\"wp-block-getwid-banner__wrapper has-background has-white-background-color\"><img decoding=\"async\" src=\"https:\/\/ariyah.webdesignengine.com\/clean-simple\/wp-content\/uploads\/2020\/05\/declutter.jpg\" alt=\"\" class=\"wp-block-getwid-banner__image wp-block-getwid-banner__source wp-image-144\"\/><div class=\"wp-block-getwid-banner__caption has-text-color\" style=\"color:#686565\"><div class=\"wp-block-getwid-banner__caption-wrapper\"><span class=\"wp-block-getwid-banner__title\">Banner Block<\/span><p class=\"wp-block-getwid-banner__text\">This is a sample banner block that features a single image with text on top.<\/p><\/div><\/div><\/div><\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Right Center Text with Box Lines (Taurus) Animation<\/h4>\n\n\n\n<div class=\"wp-block-getwid-banner has-animation-style2 has-text-animation-opacity has-foreground-20 has-horizontal-alignment-right\"><a href=\"#\" class=\"wp-block-getwid-banner__link\"><div class=\"wp-block-getwid-banner__wrapper\"><img decoding=\"async\" src=\"https:\/\/ariyah.webdesignengine.com\/clean-simple\/wp-content\/uploads\/2020\/06\/home_hero_1500.jpg\" alt=\"\" class=\"wp-block-getwid-banner__image wp-block-getwid-banner__source wp-image-260\"\/><div class=\"wp-block-getwid-banner__caption has-text-color has-white-color\"><div style=\"max-width:50%\" class=\"wp-block-getwid-banner__caption-wrapper\"><span class=\"wp-block-getwid-banner__title\">Banner Block<\/span><p class=\"wp-block-getwid-banner__text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div><\/div><\/div><\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Right Top Text with Zoom Out Box Lines (Virgo) Animation<\/h4>\n\n\n\n<div class=\"wp-block-getwid-banner has-animation-style6 has-text-animation-opacity-left has-foreground-55 has-vertical-alignment-top has-horizontal-alignment-right\"><a href=\"#\" class=\"wp-block-getwid-banner__link\"><div class=\"wp-block-getwid-banner__wrapper\"><img decoding=\"async\" src=\"https:\/\/ariyah.webdesignengine.com\/clean-simple\/wp-content\/uploads\/2020\/05\/stage1-800.jpg\" alt=\"\" class=\"wp-block-getwid-banner__image wp-block-getwid-banner__source wp-image-132\"\/><div class=\"wp-block-getwid-banner__caption has-text-color has-white-color\"><div class=\"wp-block-getwid-banner__caption-wrapper\"><span class=\"wp-block-getwid-banner__title\">Banner Block<\/span><p class=\"wp-block-getwid-banner__text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div><\/div><\/div><\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Center Text with Shift Right Box Lines (Leo) Animation<\/h4>\n\n\n\n<div class=\"wp-block-getwid-banner has-animation-style5 has-text-animation-opacity-zoom-out has-foreground-90\"><a href=\"#\" class=\"wp-block-getwid-banner__link\"><div class=\"wp-block-getwid-banner__wrapper has-background has-white-background-color\"><img decoding=\"async\" src=\"https:\/\/ariyah.webdesignengine.com\/clean-simple\/wp-content\/uploads\/2020\/05\/get-started.jpg\" alt=\"\" class=\"wp-block-getwid-banner__image wp-block-getwid-banner__source wp-image-160\"\/><div class=\"wp-block-getwid-banner__caption has-text-color has-black-color\"><div style=\"max-width:80%\" class=\"wp-block-getwid-banner__caption-wrapper\"><span class=\"wp-block-getwid-banner__title\">Banner Block<\/span><p class=\"wp-block-getwid-banner__text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/div><\/div><\/div><\/a><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Use the banner block to display a single image in the background with text overlay on top. Hover over to display the rest of the block text and animation. Center<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/415"}],"collection":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/comments?post=415"}],"version-history":[{"count":1,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/415\/revisions"}],"predecessor-version":[{"id":1133,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/415\/revisions\/1133"}],"wp:attachment":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/media?parent=415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}