{"id":1006185,"date":"2025-12-03T23:35:25","date_gmt":"2025-12-03T23:35:25","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=1006185"},"modified":"2025-12-03T23:35:25","modified_gmt":"2025-12-03T23:35:25","slug":"hero-with-image-slider","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/hero-with-image-slider\/","title":{"rendered":"Hero With Image Slider"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull wp-elements-5d627749bdebed9e93d1be9067b38efd\"><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L3Vwd2s2MTkxNjQwNy13aWtpbWVkaWEtaW1hZ2Uta293ZW0yaWouanBn.jpg\" style=\"object-position:50% 50%\" data-object-fit=\"cover\" data-object-position=\"50% 50%\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-dark-blueberry-background-color has-background-dim-80 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h1 class=\"wp-block-heading has-text-align-center has-white-color has-text-color has-link-color has-huge-font-size wp-elements-5a2d5a2ecfa55af0dfe49575e05e55d7\" style=\"padding-right:200px;padding-left:200px\">The standard Lorem Ipsum passage, used since the 1500s<\/h1>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-white-background-color has-background is-layout-constrained wp-container-core-group-is-layout-8f9d8a40 wp-block-group-is-layout-constrained\" style=\"margin-top:-70px;padding-top:var(--wp--preset--spacing--30);padding-right:30px;padding-bottom:var(--wp--preset--spacing--30);padding-left:30px;box-shadow:var(--wp--preset--shadow--sharp)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL3B4OTIzOTE1LWltYWdlLWt6MmViZ2d6LmpwZw.jpg\" alt=\"Rolls royce car logo. Location\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZyYmVudGxleV9sdXh1cnlfdmVoaWNsZV9hdXRvbW9iaWxlXzAtaW1hZ2Uta3oyZTJnOXcuanBn.jpg\" alt=\"Bentley car logo, location unknown\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZybWVyY2VkZXNfbG9nb19iYWRnZV9ib25uZXQtaW1hZ2Uta3oyZTYyNnUuanBn.jpg\" alt=\"Mercedesbenz logo, location unknown, date\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL3B4MTAzODM4NS1pbWFnZS1rejJlYjJuZi5qcGc.jpg\" alt=\"BMW logo, location unknown, 08\/03\/2017\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZsMjc0MjUxMzU5OTMtaW1hZ2Uta3oyZHp1aDYuanBn.jpg\" alt=\"MINI Cooper logo, location unknown\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":23199674,"parent":0,"template":"","meta":{"wpop_keywords":"hero, slider, layout, gallery","wpop_description":"A clean hero section featuring a large background image with centered text and a thumbnail image slider below.","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/cover,core\/group,core\/heading,core\/image","footnotes":""},"pattern-categories":[60],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-1006185","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-banner"],"category_slugs":["banner"],"keyword_slugs":[],"pattern_content":"<!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L3Vwd2s2MTkxNjQwNy13aWtpbWVkaWEtaW1hZ2Uta293ZW0yaWouanBn.jpg\",\"dimRatio\":80,\"overlayColor\":\"dark-blueberry\",\"isUserOverlayColor\":true,\"focalPoint\":{\"x\":0.5,\"y\":0.5},\"className\":\"alignfull\",\"style\":{\"elements\":{\"heading\":{\"color\":{\"text\":\"var:preset|color|white\"}}}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-cover alignfull\"><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L3Vwd2s2MTkxNjQwNy13aWtpbWVkaWEtaW1hZ2Uta293ZW0yaWouanBn.jpg\" style=\"object-position:50% 50%\" data-object-fit=\"cover\" data-object-position=\"50% 50%\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-dark-blueberry-background-color has-background-dim-80 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:heading {\"textAlign\":\"center\",\"level\":1,\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|white\"}}},\"spacing\":{\"padding\":{\"right\":\"200px\",\"left\":\"200px\"}}},\"textColor\":\"white\",\"fontSize\":\"huge\"} -->\n<h1 class=\"wp-block-heading has-text-align-center has-white-color has-text-color has-link-color has-huge-font-size\" style=\"padding-right:200px;padding-left:200px\">The standard Lorem Ipsum passage, used since the 1500s<\/h1>\n<!-- \/wp:heading --><\/div><\/div>\n<!-- \/wp:cover -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|30\",\"bottom\":\"var:preset|spacing|30\",\"left\":\"30px\",\"right\":\"30px\"},\"margin\":{\"top\":\"-70px\"}},\"shadow\":\"var:preset|shadow|sharp\"},\"backgroundColor\":\"white\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group has-white-background-color has-background\" style=\"margin-top:-70px;padding-top:var(--wp--preset--spacing--30);padding-right:30px;padding-bottom:var(--wp--preset--spacing--30);padding-left:30px;box-shadow:var(--wp--preset--shadow--sharp)\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL3B4OTIzOTE1LWltYWdlLWt6MmViZ2d6LmpwZw.jpg\" alt=\"Rolls royce car logo. Location\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZyYmVudGxleV9sdXh1cnlfdmVoaWNsZV9hdXRvbW9iaWxlXzAtaW1hZ2Uta3oyZTJnOXcuanBn.jpg\" alt=\"Bentley car logo, location unknown\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZybWVyY2VkZXNfbG9nb19iYWRnZV9ib25uZXQtaW1hZ2Uta3oyZTYyNnUuanBn.jpg\" alt=\"Mercedesbenz logo, location unknown, date\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL3B4MTAzODM4NS1pbWFnZS1rejJlYjJuZi5qcGc.jpg\" alt=\"BMW logo, location unknown, 08\/03\/2017\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image {\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL2ZsMjc0MjUxMzU5OTMtaW1hZ2Uta3oyZHp1aDYuanBn.jpg\" alt=\"MINI Cooper logo, location unknown\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":7,"author_meta":{"name":"Dharti Patel","url":"https:\/\/it.wordpress.org\/patterns\/author\/dhartipatel","avatar":"https:\/\/secure.gravatar.com\/avatar\/77c18e79e79fe6325f9ec2db53418d2afbfd423362d80c337e1575a36c2ffbab?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\/1006185","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":47,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1006185\/revisions"}],"predecessor-version":[{"id":1076378,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1006185\/revisions\/1076378"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/dhartipatel"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=1006185"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=1006185"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=1006185"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=1006185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}