{"id":750,"date":"2022-08-04T09:09:41","date_gmt":"2022-08-04T13:09:41","guid":{"rendered":"https:\/\/preview.spirewp.com\/demo.spiread.com\/?page_id=750"},"modified":"2022-08-31T20:37:34","modified_gmt":"2022-09-01T00:37:34","slug":"before-and-after-examples","status":"publish","type":"page","link":"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/","title":{"rendered":"Before and After"},"content":{"rendered":"<h1>Before &amp; After Examples<\/h1>\n<h2>Image Switcher Example<\/h2>\n<hr>\n<div>\n<h1>See how our lawn care treatment can transform your lawn<\/h1>\n<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae lectus eu turpis ultricies maximus. Maecenas a convallis lacus. Integer dignissim enim ac sem tempus, eu congue libero volutpat. Nullam dictum maximus lectus, sed blandit enim vestibulum a.<\/div>\n<\/div>\n<figure>\n\t<img decoding=\"async\" src=\"\/demo.spiread.com\/wp-content\/uploads\/2022\/08\/brown-grass.jpg\" alt=\"Before: brown patchy lawn\"><figcaption>Before<\/figcaption><\/figure>\n<figure>\n\t<img decoding=\"async\" src=\"\/demo.spiread.com\/wp-content\/uploads\/2022\/08\/green-grass.webp\" alt=\"After: healthy green lawn\"><figcaption>After<\/figcaption><\/figure>\n<hr>\n<h1>See how our autobody department can restore your vehicle to its former glory<\/h1>\n<figure>\n\t<img decoding=\"async\" src=\"\/demo.spiread.com\/wp-content\/uploads\/2022\/08\/corvette-before-1.jpg\" alt=\"Before: crashed red corvette\"><figcaption>Before<\/figcaption><\/figure>\n<figure>\n\t<img decoding=\"async\" src=\"\/demo.spiread.com\/wp-content\/uploads\/2022\/08\/corvette-after-1.jpg\" alt=\"After: restored to original condition\"><figcaption>After<\/figcaption><\/figure>\n<h2>Slideshow Example<\/h2>\n<hr>\n<ul>\n<li>\n<p>        <img decoding=\"async\" src=\"\/demo.spiread.com\/wp-content\/uploads\/2022\/08\/brown-grass.jpg\" alt=\"Lawn - Before\"><\/p>\n<h3>Lawn Before<\/h3>\n<p>Some more information that may or may not be necessary<\/p>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/demo.spiread.com\/wp-content\/uploads\/2022\/08\/green-grass.webp\" alt=\"Lawn - Before\"><\/p>\n<h3>Lawn After<\/h3>\n<p>Some more information that may or not be necessary<\/p>\n<\/li>\n<\/ul>\n<h2>Side by Side Image Example<\/h2>\n<hr>\n<ul>\n<li>\n<p>        <img decoding=\"async\" src=\"\/demo.spiread.com\/wp-content\/uploads\/2022\/08\/corvette-before-1.jpg\" alt=\"Car - Before\"><\/p>\n<h3>Before<\/h3>\n<div>\n<p>This car was brought in after an accident and some more details about the before image.<\/p>\n<\/div>\n<\/li>\n<li>\n<p>        <img decoding=\"async\" src=\"\/demo.spiread.com\/wp-content\/uploads\/2022\/08\/corvette-after-1.jpg\" alt=\"Car - After\"><\/p>\n<h3>After<\/h3>\n<div>\n<p>Here is all the work we did and details about the process and etc etc.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"style\":\"default\",\"width\":\"default\",\"vertical_align\":\"middle\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"title_breakpoint\":\"xl\",\"image_position\":\"center-center\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\"},\"children\":[{\"type\":\"headline\",\"props\":{\"title_element\":\"h1\",\"content\":\"Before &amp; After Examples\"}}]}]}]},{\"type\":\"section\",\"props\":{\"style\":\"default\",\"width\":\"default\",\"vertical_align\":\"middle\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"title_breakpoint\":\"xl\",\"image_position\":\"center-center\",\"title\":\"\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\"},\"children\":[{\"type\":\"headline\",\"props\":{\"title_element\":\"h2\",\"content\":\"Image Switcher Example\"}},{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\",\"divider_style\":\"\",\"margin\":\"default\"}}]}]},{\"type\":\"row\",\"props\":{\"layout\":\"1-3,2-3\",\"column_gap\":\"medium\"},\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\",\"width_medium\":\"1-3\",\"style\":\"primary\"},\"children\":[{\"type\":\"panel\",\"props\":{\"link_text\":\"Read more\",\"title_hover_style\":\"reset\",\"title_element\":\"h1\",\"title_align\":\"top\",\"title_grid_width\":\"1-2\",\"title_grid_breakpoint\":\"m\",\"meta_style\":\"meta\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"content_column_breakpoint\":\"m\",\"icon_width\":80,\"image_align\":\"top\",\"image_grid_width\":\"1-2\",\"image_grid_breakpoint\":\"m\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"margin\":\"default\",\"title\":\"See how our lawn care treatment can transform your lawn\",\"panel_style\":\"tile-primary\",\"panel_padding\":\"\",\"text_align\":\"center\",\"title_style\":\"h3\",\"content\":\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae lectus eu turpis ultricies maximus. Maecenas a convallis lacus. Integer dignissim enim ac sem tempus, eu congue libero volutpat. Nullam dictum maximus lectus, sed blandit enim vestibulum a.\"}}]},{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\",\"width_medium\":\"2-3\"},\"children\":[{\"type\":\"hd-image-comparison\",\"props\":{\"icon\":\"code\",\"icon_width\":\"20\",\"slider_background\":\"default\",\"slider_start\":50,\"margin\":\"default\",\"image_before\":\"wp-content\\\/uploads\\\/2022\\\/08\\\/brown-grass.jpg\",\"image_width\":\"2400\",\"image_before_alt\":\"Before: brown patchy lawn\",\"image_after\":\"wp-content\\\/uploads\\\/2022\\\/08\\\/green-grass.webp\",\"image_after_alt\":\"After: healthy green lawn\",\"slider_onmousemove\":false,\"container_padding_remove\":false,\"css\":\".el-element .hd-image-comparison {\\n \\tmargin-left: 0 !important;  \\n    margin-right: 0 !important;\\n}\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\"},\"children\":[{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\"}},{\"type\":\"headline\",\"props\":{\"title_element\":\"h1\",\"content\":\"See how our autobody department can restore your vehicle to its former glory\",\"title_font_family\":\"secondary\",\"class\":\"uk-text-uppercase\",\"text_align\":\"center\",\"block_align\":\"center\"}},{\"type\":\"hd-image-comparison\",\"props\":{\"icon\":\"code\",\"icon_width\":\"20\",\"slider_background\":\"default\",\"slider_start\":50,\"margin\":\"default\",\"image_before\":\"wp-content\\\/uploads\\\/2022\\\/08\\\/corvette-before-1.jpg\",\"image_width\":\"2400\",\"image_before_alt\":\"Before: crashed red corvette\",\"image_after\":\"wp-content\\\/uploads\\\/2022\\\/08\\\/corvette-after-1.jpg\",\"image_after_alt\":\"After: restored to original condition\",\"slider_onmousemove\":false,\"container_padding_remove\":false,\"css\":\".el-element .hd-image-comparison {\\n \\tmargin-left: 0 !important;  \\n    margin-right: 0 !important;\\n}\"}}]}]}]},{\"type\":\"section\",\"props\":{\"style\":\"default\",\"width\":\"default\",\"vertical_align\":\"middle\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"title_breakpoint\":\"xl\",\"image_position\":\"center-center\",\"preserve_color\":true},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\"},\"children\":[{\"type\":\"headline\",\"props\":{\"title_element\":\"h2\",\"content\":\"Slideshow Example\"}},{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\",\"divider_style\":\"\",\"margin\":\"default\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\"},\"children\":[{\"type\":\"slideshow\",\"props\":{\"show_title\":true,\"show_meta\":true,\"show_content\":true,\"show_link\":true,\"show_thumbnail\":true,\"slideshow_min_height\":300,\"slideshow_autoplay_pause\":true,\"nav\":\"dotnav\",\"nav_position\":\"bottom-center\",\"nav_position_margin\":\"medium\",\"nav_align\":\"center\",\"nav_breakpoint\":\"s\",\"thumbnav_width\":\"100\",\"thumbnav_height\":\"75\",\"thumbnav_svg_color\":\"emphasis\",\"slidenav\":\"default\",\"slidenav_margin\":\"medium\",\"slidenav_breakpoint\":\"s\",\"slidenav_outside_breakpoint\":\"xl\",\"overlay_position\":\"bottom-left\",\"overlay_animation\":\"parallax\",\"title_element\":\"h3\",\"meta_style\":\"meta\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"link_text\":\"Read more\",\"link_style\":\"default\",\"margin\":\"default\",\"slideshow_animation\":\"fade\",\"nav_below\":true,\"overlay_style\":\"overlay-default\",\"overlay_container\":\"default\",\"nav_vertical\":false,\"slideshow_autoplay\":true},\"children\":[{\"type\":\"slideshow_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2022\\\/08\\\/brown-grass.jpg\",\"image_alt\":\"Lawn - Before\",\"title\":\"Lawn Before\",\"meta\":\"Some more information that may or may not be necessary\"}},{\"type\":\"slideshow_item\",\"props\":{\"image\":\"wp-content\\\/uploads\\\/2022\\\/08\\\/green-grass.webp\",\"image_alt\":\"Lawn - Before\",\"title\":\"Lawn After\",\"meta\":\"Some more information that may or not be necessary\"}}]}]}]}]},{\"type\":\"section\",\"props\":{\"style\":\"default\",\"width\":\"default\",\"vertical_align\":\"middle\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"title_breakpoint\":\"xl\",\"image_position\":\"center-center\",\"preserve_color\":true},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\"},\"children\":[{\"type\":\"headline\",\"props\":{\"title_element\":\"h2\",\"content\":\"Side by Side Image Example\"}},{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\",\"divider_style\":\"\",\"margin\":\"default\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\"},\"children\":[{\"type\":\"grid\",\"props\":{\"show_title\":true,\"show_meta\":true,\"show_content\":true,\"show_image\":true,\"show_link\":true,\"grid_default\":\"1\",\"grid_medium\":\"\",\"filter_style\":\"tab\",\"filter_all\":true,\"filter_position\":\"top\",\"filter_align\":\"left\",\"filter_grid_width\":\"auto\",\"filter_grid_breakpoint\":\"m\",\"title_hover_style\":\"reset\",\"title_element\":\"h3\",\"title_align\":\"top\",\"title_grid_width\":\"1-2\",\"title_grid_breakpoint\":\"m\",\"meta_style\":\"meta\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"content_column_breakpoint\":\"m\",\"icon_width\":80,\"image_align\":\"top\",\"image_grid_width\":\"1-2\",\"image_grid_breakpoint\":\"m\",\"image_svg_color\":\"emphasis\",\"link_text\":\"Read more\",\"link_style\":\"default\",\"margin\":\"default\",\"item_animation\":true,\"grid_small\":\"2\"},\"children\":[{\"type\":\"grid_item\",\"props\":{\"title\":\"Before\",\"image\":\"wp-content\\\/uploads\\\/2022\\\/08\\\/corvette-before-1.jpg\",\"image_alt\":\"Car - Before\",\"content\":\"\n\n<p>This car was brought in after an accident and some more details about the before image.<\\\/p>\"}},{\"type\":\"grid_item\",\"props\":{\"title\":\"After\",\"content\":\"\n\n<p>Here is all the work we did and details about the process and etc etc.<\\\/p>\",\"image\":\"wp-content\\\/uploads\\\/2022\\\/08\\\/corvette-after-1.jpg\",\"image_alt\":\"Car - After\"}}]}]}]}]}],\"version\":\"2.7.23\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before &amp; After Examples Image Switcher Example See how our lawn care treatment can transform your lawn Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae lectus eu turpis [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":982,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Before and After - Shiplify<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Before and After - Shiplify\" \/>\n<meta property=\"og:description\" content=\"Before &amp; After Examples Image Switcher Example See how our lawn care treatment can transform your lawn Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae lectus eu turpis [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Shiplify\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-01T00:37:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/\",\"url\":\"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/\",\"name\":\"Before and After - Shiplify\",\"isPartOf\":{\"@id\":\"https:\/\/preview.spirewp.com\/demo.spiread.com\/#website\"},\"datePublished\":\"2022-08-04T13:09:41+00:00\",\"dateModified\":\"2022-09-01T00:37:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/preview.spirewp.com\/demo.spiread.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our Offerings\",\"item\":\"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Before and After\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/preview.spirewp.com\/demo.spiread.com\/#website\",\"url\":\"https:\/\/preview.spirewp.com\/demo.spiread.com\/\",\"name\":\"Shiplify\",\"description\":\"Shipping Simplified\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/preview.spirewp.com\/demo.spiread.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Before and After - Shiplify","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Before and After - Shiplify","og_description":"Before &amp; After Examples Image Switcher Example See how our lawn care treatment can transform your lawn Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae lectus eu turpis [&hellip;]","og_url":"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/","og_site_name":"Shiplify","article_modified_time":"2022-09-01T00:37:34+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/","url":"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/","name":"Before and After - Shiplify","isPartOf":{"@id":"https:\/\/preview.spirewp.com\/demo.spiread.com\/#website"},"datePublished":"2022-08-04T13:09:41+00:00","dateModified":"2022-09-01T00:37:34+00:00","breadcrumb":{"@id":"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/before-and-after-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/preview.spirewp.com\/demo.spiread.com\/"},{"@type":"ListItem","position":2,"name":"Our Offerings","item":"https:\/\/preview.spirewp.com\/demo.spiread.com\/our-offerings\/"},{"@type":"ListItem","position":3,"name":"Before and After"}]},{"@type":"WebSite","@id":"https:\/\/preview.spirewp.com\/demo.spiread.com\/#website","url":"https:\/\/preview.spirewp.com\/demo.spiread.com\/","name":"Shiplify","description":"Shipping Simplified","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/preview.spirewp.com\/demo.spiread.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/preview.spirewp.com\/demo.spiread.com\/wp-json\/wp\/v2\/pages\/750"}],"collection":[{"href":"https:\/\/preview.spirewp.com\/demo.spiread.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preview.spirewp.com\/demo.spiread.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preview.spirewp.com\/demo.spiread.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.spirewp.com\/demo.spiread.com\/wp-json\/wp\/v2\/comments?post=750"}],"version-history":[{"count":14,"href":"https:\/\/preview.spirewp.com\/demo.spiread.com\/wp-json\/wp\/v2\/pages\/750\/revisions"}],"predecessor-version":[{"id":1043,"href":"https:\/\/preview.spirewp.com\/demo.spiread.com\/wp-json\/wp\/v2\/pages\/750\/revisions\/1043"}],"up":[{"embeddable":true,"href":"https:\/\/preview.spirewp.com\/demo.spiread.com\/wp-json\/wp\/v2\/pages\/982"}],"wp:attachment":[{"href":"https:\/\/preview.spirewp.com\/demo.spiread.com\/wp-json\/wp\/v2\/media?parent=750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}