{"id":1819,"date":"2026-11-03T11:14:56","date_gmt":"2026-11-03T11:14:56","guid":{"rendered":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/"},"modified":"2026-11-05T18:17:17","modified_gmt":"2026-11-05T18:17:17","slug":"hover-box","status":"publish","type":"page","link":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/","title":{"rendered":"Hover Box"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section et_pb_section_parallax section_has_divider et_pb_bottom_divider dpds-info particles-js\" id=\"particles-js\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background-module--divi-section-0\" style=\"background-image:url(https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/dipi-pattern-color.jpg)\"><\/span><\/span>\n<div class=\"et_pb_row_0 et_pb_row et_block_row rellax\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/dp-hover-box-1.svg\" class=\"wp-image-1296\" title=\"dp-hover-box\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center\"><div class=\"et_pb_text_inner\"><h1>Hover Box for Divi<\/h1>\n<\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center\"><div class=\"et_pb_text_inner\"><p>The Hover Box module enables the effortless creation of interactive blurbs, capable of showcasing distinct content upon users' mouseovers. This module facilitates the addition of both default and hover content to the card.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_blurb_0 et_pb_blurb et_pb_bg_layout_light et_pb_blurb_position_left et_pb_module et_block_module\"><div class=\"et_pb_blurb_content\"><div class=\"et_pb_main_blurb_image et_animated\"><span class=\"et_pb_image_wrap et_pb_only_image_mode_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/d5-logo.png\" width=\"186\" height=\"186\" srcset=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/d5-logo.png 186w, https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/d5-logo-150x150.png 150w\" sizes=\"(max-width: 186px) 100vw, 186px\" class=\"wp-image-7\" \/><\/span><\/div><div class=\"et_pb_blurb_container\"><h4 class=\"et_pb_module_header\">Divi 5 Ready<\/h4><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<div class=\"et_pb_bottom_inside_divider et-no-transition\"><\/div><\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_block_section dpds-info\">\n<div class=\"et_pb_row_1 et_pb_row et_pb_equal_columns et_pb_gutters2 et_block_row et_animated\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_1_2 et_block_column et_pb_css_mix_blend_mode_passthrough dp-vertical-align\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><center><video id=\"video1\" width=\u201e800\" height=\"auto\" autoplay loop  muted  playsinline style=\"max-width:100%\">\n<source type=\"video\/mp4\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/dp-hover-box-demo.mp4\">\n<source  type=\"video\/webm\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/dp-hover-box-demo.mp4\">\n<\/video><\/center><\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_1_2 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough dp-vertical-align\">\n<div class=\"et_pb_cta_0 et_pb_promo et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_promo_description\"><h2 class=\"et_pb_module_header\">Custom Module<\/h2><div class=\"et_pb_promo_content\"><p>Create engaging and interactive content for your Divi website.<\/p>\n<\/div><\/div><\/div>\n\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><p>With the Hover Box module you can easily create interactive blurbs that can display different content when users mouse over. The module allows adding default and hover content to the card.<\/p>\n<p>You can add images and icons, title descriptions, and buttons. The Flip Box module comes with 6 beautiful hover animations which make this module very powerful and universal.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_2 et_pb_row et_block_row\">\n<div class=\"et_pb_column_3 et_pb_column et_pb_column_1_3 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_0 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_bottom\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    <div class=\"dipi-hover-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" class=\"dipi-hover-box-hover-imge\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/dp-demo-icon-03.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Discover Architecture<\/h2>\n                        <div class=\"dipi-desc\"><p>Mauris ultricies sodales venenatis. Sed sagittis sem tincidunt sapien vulputate, eu elementum ligula feugiat. Mauris justo tortor, blandit sed varius dapibus.<\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_4 et_pb_column et_pb_column_1_3 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_1 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_bottom\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    <div class=\"dipi-hover-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" class=\"dipi-hover-box-hover-imge\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/dp-demo-icon-02.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Engineering<\/h2>\n                        <div class=\"dipi-desc\"><p>Mauris ultricies sodales venenatis. Sed sagittis sem tincidunt sapien vulputate, eu elementum ligula feugiat. Mauris justo tortor, blandit sed varius dapibus.<\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_5 et_pb_column et_pb_column_1_3 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_2 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_bottom\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    <div class=\"dipi-hover-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" class=\"dipi-hover-box-hover-imge\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/dp-demo-icon-04.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Design<\/h2>\n                        <div class=\"dipi-desc\"><p>Mauris ultricies sodales venenatis. Sed sagittis sem tincidunt sapien vulputate, eu elementum ligula feugiat. Mauris justo tortor, blandit sed varius dapibus.<\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_3 et_pb_row et_block_row\">\n<div class=\"et_pb_column_6 et_pb_column et_pb_column_1_2 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_3 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Carrot<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Carrot<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. Praesent ornare lorem eget libero tempor, sit amet aliquet felis luctus. Quisque vitae quam eget nisl placerat tincidunt. <\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_7 et_pb_column et_pb_column_1_2 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_4 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Blueberries<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Blueberries<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. Praesent ornare lorem eget libero tempor, sit amet aliquet felis luctus. Quisque vitae quam eget nisl placerat tincidunt. <\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_4 et_pb_row et_pb_row_4col et_block_row et_block_row_4col\">\n<div class=\"et_pb_column_8 et_pb_column et_pb_column_1_4 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_5 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-fade hover_box_align_front_bottom hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Patrick Doe<\/h2>\n                        <div class=\"dipi-desc\"><p>Managing Director<\/p>\n<\/div>\n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Patrick Doe<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. <\/p>\n<\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_9 et_pb_column et_pb_column_1_4 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_6 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-fade hover_box_align_front_bottom hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Vanessa Lee<\/h2>\n                        <div class=\"dipi-desc\"><p>Accountant<\/p>\n<\/div>\n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Vanessa Lee<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. <\/p>\n<\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_10 et_pb_column et_pb_column_1_4 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_7 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-fade hover_box_align_front_bottom hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Sarah Doe<\/h2>\n                        <div class=\"dipi-desc\"><p>Consultant<\/p>\n<\/div>\n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Sarah Doe<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. <\/p>\n<\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_11 et_pb_column et_pb_column_1_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_8 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-fade hover_box_align_front_bottom hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Chong Xai<\/h2>\n                        <div class=\"dipi-desc\"><p>Manager<\/p>\n<\/div>\n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Chong Xai<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. <\/p>\n<\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_12 et_pb_column et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"dipi_dual_heading_0 dipi_dual_heading et_pb_bg_layout_light et_pb_module\"><div class=\"dipi-dual-heading \">\n                <h2 class=\"dipi-dh-main\">\n                    <span class=\"dipi-dh-first-heading\">\n                        <span class=\"dipi-dh-animation-container\">\n                            <span class=\"dipi-dh-bg-container\">\n                                <span> Nature's<\/span>\n                            <\/span>\n                        <\/span>\n                    <\/span>\n                    <span class=\"dipi-dh-second-heading\">\n                        <span class=\"dipi-dh-animation-container\">\n                            <span class=\"dipi-dh-bg-container\">\n                                <span>Enchantment<\/span>\n                            <\/span>\n                        <\/span>\n                    <\/span>\n                <\/h2>\n            <\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_6 et_pb_row et_pb_gutters1 et_block_row\">\n<div class=\"et_pb_column_13 et_pb_column et_pb_column_1_3 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_9 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    <div class=\"dipi-content-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/travel-outline-icon-4.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Safety<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n\n<div class=\"dipi_hover_box_10 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    <div class=\"dipi-content-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/travel-outline-icon-23.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Meals Included<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_14 et_pb_column et_pb_column_1_3 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_11 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    <div class=\"dipi-content-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/travel-outline-icon-16.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Local Cuisine<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n\n<div class=\"dipi_hover_box_12 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    <div class=\"dipi-content-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/travel-outline-icon-25.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Family Friendly<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_15 et_pb_column et_pb_column_1_3 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_13 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    <div class=\"dipi-content-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/travel-outline-icon-22.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Free Souvenirs<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n\n<div class=\"dipi_hover_box_14 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    <div class=\"dipi-content-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/travel-outline-icon-21.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Free Cancellation<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_7 et_pb_row et_pb_gutters2 et_block_row\">\n<div class=\"et_pb_column_16 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center\"><div class=\"et_pb_text_inner\"><p>Divi Pixel Layout Pack<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h2>Unparalleled Service<\/h2>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_8 et_pb_row et_pb_gutters2 et_block_row\">\n<div class=\"et_pb_column_17 et_pb_column et_pb_column_1_3 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_15 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Dine <\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    <div class=\"dipi-hover-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" class=\"dipi-hover-box-hover-imge\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/sushi-icons-white-outlines-01-1.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Dine<\/h2>\n                        <div class=\"dipi-desc\"><p>Lorem ipsum dolor sit amet consectetur adipiscing elit duis a diam nisi orci eu faucibus sodales.<\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Explore the Services<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n\n<div class=\"dipi_hover_box_16 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Special Cuisine<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    <div class=\"dipi-hover-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" class=\"dipi-hover-box-hover-imge\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/sushi-icons-white-outlines-01-1.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Special Cuisine<\/h2>\n                        <div class=\"dipi-desc\"><p>Lorem ipsum dolor sit amet consectetur adipiscing elit duis a diam nisi orci eu faucibus sodales.<\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Explore the Services<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_18 et_pb_column et_pb_column_1_3 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_17 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Private Dining<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    <div class=\"dipi-hover-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" class=\"dipi-hover-box-hover-imge\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/sushi-icons-white-outlines-02-1.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Private Dining<\/h2>\n                        <div class=\"dipi-desc\"><p>Lorem ipsum dolor sit amet consectetur adipiscing elit duis a diam nisi orci eu faucibus sodales.<\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Explore the Services<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n\n<div class=\"dipi_hover_box_18 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Room Service<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    <div class=\"dipi-hover-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" class=\"dipi-hover-box-hover-imge\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/sushi-icons-white-outlines-02-1.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Room Service<\/h2>\n                        <div class=\"dipi-desc\"><p>Lorem ipsum dolor sit amet consectetur adipiscing elit duis a diam nisi orci eu faucibus sodales.<\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Explore the Services<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_19 et_pb_column et_pb_column_1_3 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_19 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Local Cuisine<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    <div class=\"dipi-hover-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" class=\"dipi-hover-box-hover-imge\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/sushi-icons-white-outlines-01-1.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Local Cuisine<\/h2>\n                        <div class=\"dipi-desc\"><p>Lorem ipsum dolor sit amet consectetur adipiscing elit duis a diam nisi orci eu faucibus sodales.<\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Explore the Services<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n\n<div class=\"dipi_hover_box_20 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Special Dietary<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    <div class=\"dipi-hover-image-icon-wrap dipi-image-wrap\">\n                    <img decoding=\"async\" class=\"dipi-hover-box-hover-imge\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/sushi-icons-white-outlines-01-1.svg\" alt=\"\">\n                <\/div>\n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Special Dietary<\/h2>\n                        <div class=\"dipi-desc\"><p>Lorem ipsum dolor sit amet consectetur adipiscing elit duis a diam nisi orci eu faucibus sodales.<\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Explore the Services<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_9 et_pb_row et_block_row\">\n<div class=\"et_pb_column_20 et_pb_column et_pb_column_1_2 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_21 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-left hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">San Francisco<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">San Francisco<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. Praesent ornare lorem eget libero tempor, sit amet aliquet felis luctus. Quisque vitae quam eget nisl placerat tincidunt. <\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_21 et_pb_column et_pb_column_1_2 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_22 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-right hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Warsaw<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Warsaw<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. Praesent ornare lorem eget libero tempor, sit amet aliquet felis luctus. Quisque vitae quam eget nisl placerat tincidunt. <\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_8 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_10 et_pb_row et_block_row\">\n<div class=\"et_pb_column_22 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center\"><div class=\"et_pb_text_inner\"><p>- Our awards<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_6 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h2>Awards speak about us more than us.<\/h2>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_11 et_pb_row et_pb_row_4col et_pb_gutters2 et_block_row et_block_row_4col\">\n<div class=\"et_pb_column_23 et_pb_column et_pb_column_1_4 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_23 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_bottom_left hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">National Photography Awards 2019<\/h2>\n                        <div class=\"dipi-desc\"><p>award winner<\/p>\n<\/div>\n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">National Photography Awards 2019<\/h2>\n                        <div class=\"dipi-desc\"><p>Lorem ipsum dolor sit amett consectetur adipcing elit<\/p>\n<\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_24 et_pb_column et_pb_column_1_4 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_24 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_bottom_left hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">W. Eugene Smith Grant Awards 2017<\/h2>\n                        <div class=\"dipi-desc\"><p>award winner<\/p>\n<\/div>\n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">W. Eugene Smith Grant Awards 2017<\/h2>\n                        <div class=\"dipi-desc\"><p>Lorem ipsum dolor sit amett consectetur adipcing elit<\/p>\n<\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_25 et_pb_column et_pb_column_1_4 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_25 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_bottom_left hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">IPhone Photography Awards 2009<\/h2>\n                        <div class=\"dipi-desc\"><p>award winner<\/p>\n<\/div>\n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">IPhone Photography Awards 2009<\/h2>\n                        <div class=\"dipi-desc\"><p>Lorem ipsum dolor sit amett consectetur adipcing elit<\/p>\n<\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_26 et_pb_column et_pb_column_1_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_26 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_bottom_left hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">International Photography Awards 2005<\/h2>\n                        <div class=\"dipi-desc\"><p>award winner<\/p>\n<\/div>\n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">International Photography Awards 2005<\/h2>\n                        <div class=\"dipi-desc\"><p>Lorem ipsum dolor sit amett consectetur adipcing elit<\/p>\n<\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_9 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_12 et_pb_row et_pb_row_4col et_pb_equal_columns et_pb_gutters1 et_block_row et_block_row_4col\">\n<div class=\"et_pb_column_27 et_pb_column et_pb_column_1_4 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_divider_0 dipi_divider et_pb_bg_layout_light et_pb_module\">\n\t\t<div class=\"dipi-pixel-divider dipi-pixel-divider-row dipi-pixel-divider-text dipi-pixel-divider-mirror\"><div class=\"dipi-td-decoration  dipi-td-decoration-image dipi-td-first\"><img decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/nutritionist-assets-img-9123-1-1-1.svg\" alt=\"\"\/><\/div><h3 class=\"dipi-td-content\">1971<\/h3><div class=\"dipi-td-decoration  dipi-td-decoration-image dipi-td-second\"><img decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/nutritionist-assets-img-9123-1-1-1.svg\" alt=\"\"\/><\/div><\/div><\/div>\n\n<div class=\"et_pb_image_1 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/church-img-09433.png\" width=\"400\" height=\"823\" srcset=\"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/church-img-09433.png 400w, https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/church-img-09433-146x300.png 146w\" sizes=\"(max-width: 400px) 100vw, 400px\" class=\"wp-image-1323\" title=\"church-img-09433\" \/><\/span><\/div>\n<\/div>\n\n<div class=\"et_pb_column_28 et_pb_column et_pb_column_1_4 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_blurb_1 et_pb_blurb et_pb_bg_layout_light et_pb_blurb_position_top et_pb_module et_block_module\"><div class=\"et_pb_blurb_content\"><div class=\"et_pb_blurb_container\"><h4 class=\"et_pb_module_header\">Charlotte Davis - Data Scientist<\/h4><div class=\"et_pb_blurb_description\"><p>Joining the church has been a life-changing experience for me. The sense of community and support is unparalleled. I have found a second family here.<\/p>\n<\/div><\/div><\/div><\/div>\n\n<div class=\"et_pb_text_7 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><p>&amp;<\/p>\n<\/div><\/div>\n\n<div class=\"dipi_hover_box_27 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Youth Group<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_29 et_pb_column et_pb_column_1_4 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_28 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Sunday School<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n\n<div class=\"dipi_hover_box_29 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Baptism Service<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_30 et_pb_column et_pb_column_1_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_30 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Worship Service<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n\n<div class=\"dipi_hover_box_31 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Prayer Meeting<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n\n<div class=\"dipi_hover_box_32 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-slide-top hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Funeral Service<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        \n                        \n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_10 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_13 et_pb_row et_pb_gutters2 et_block_row\">\n<div class=\"et_pb_column_31 et_pb_column et_pb_column_1_3 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_33 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">King Prawns<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">King Prawns<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. Praesent ornare lorem eget libero tempor, sit amet aliquet felis luctus. Quisque vitae quam eget nisl placerat tincidunt. <\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_32 et_pb_column et_pb_column_1_3 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_34 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Avocado Salad<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Avocado Salad<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. Praesent ornare lorem eget libero tempor, sit amet aliquet felis luctus. Quisque vitae quam eget nisl placerat tincidunt. <\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_33 et_pb_column et_pb_column_1_3 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"dipi_hover_box_35 dipi_hover_box et_pb_module\"><div class=\"dipi-hover-box-container dipi-hover-box-zoom hover_box_align_front_center hover_box_align_back_center\" data-force_square=\"off\">\n                <div class=\"dipi-hover-box-inner-wrapper\">\n                    <div class=\"dipi-hover-box-content\">\n              \n              <div class=\"dipi-hover-box-content-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Grilled Salmon<\/h2>\n                        \n                    <\/div>\n              <\/div>\n            <\/div>\n            \n                    <div class=\"dipi-hover-box-hover\">\n                \n                <div class=\"dipi-hover-box-hover-innner\">\n                    \n                    <div class=\"dipi-text\">\n                        <h2 class=\"dipi-hover-box-heading\">Grilled Salmon<\/h2>\n                        <div class=\"dipi-desc\"><p>Vivamus congue tristique tincidunt. Mauris maximus, purus vitae cursus dapibus, metus lorem aliquam ex, nec vestibulum sem felis vitae mi. Nulla facilisis leo ut augue scelerisque malesuada. Praesent ornare lorem eget libero tempor, sit amet aliquet felis luctus. Quisque vitae quam eget nisl placerat tincidunt. <\/p>\n<\/div>\n                    <\/div>\n                    <a class=\"et_pb_button dipi-hover-button\" href=\"#\">Learn More<\/a>\n                <\/div>\n            <\/div>\n                <\/div>\n            <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_11 et_pb_section et_section_regular et_block_section dipi-highlightable\"><div class=\"et_pb_row_14 et_pb_row et_block_row dipi_card_featured\"><div class=\"et_pb_column_34 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_text_8 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h2>Enhance your Divi Theme with Custom Settings and New Modules. Start Creating Awesome Websites with Divi Pixel<\/h2>\n<\/div><\/div><div class=\"dipi_button_grid_0 dipi_button_grid et_pb_module\"><div class=\"dipi-button-grid-container\">\n        <div class=\"dipi_button_grid_child_0 dipi_button_grid_child dipi-pt-item--Text et_pb_module\"><a class=\"et_pb_button dipi-button-grid dipi-button-wrap\" target=\"_blank\" href=\"https:\/\/www.divi-pixel.com\/pricing\" rel=\"noreferrer\">See Pricing<\/a><\/div>\n      <\/div><\/div><div class=\"et_pb_text_9 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center\"><div class=\"et_pb_text_inner\"><p><span>We offer a 14 Day Money Back Guarantee, so joining is\u00a0<\/span><strong><span class=\"guarantee\" style=\"color: #ff4200;\">Risk-Free!<\/span><\/strong><\/p>\n<\/div><\/div><\/div><\/div><\/div>\n\n<div class=\"et_pb_section_12 et_pb_section et_section_regular et_block_section dipi-highlighted-overlay\"><\/div>","protected":false},"excerpt":{"rendered":"<p>The Hover Box module is a perfect way to showcase elements on your Divi site. It has endless customization options.<\/p>\n","protected":false},"author":0,"featured_media":734,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"dipi_cpt_category":[],"class_list":["post-1819","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"Hover Box for Divi The Hover Box module enables the effortless creation of interactive blurbs, capable of showcasing distinct content upon users&#039; mouseovers. This module facilitates the addition of both default and hover content to the card. Divi 5 Ready\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Module Demos -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Hover Box - Module Demos\" \/>\n\t\t<meta property=\"og:description\" content=\"Hover Box for Divi The Hover Box module enables the effortless creation of interactive blurbs, capable of showcasing distinct content upon users&#039; mouseovers. This module facilitates the addition of both default and hover content to the card. Divi 5 Ready\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-11-03T11:14:56+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-11-05T18:17:17+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Hover Box - Module Demos\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Hover Box for Divi The Hover Box module enables the effortless creation of interactive blurbs, capable of showcasing distinct content upon users&#039; mouseovers. This module facilitates the addition of both default and hover content to the card. Divi 5 Ready\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/hover-box\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/hover-box\\\/#listItem\",\"name\":\"Hover Box\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/hover-box\\\/#listItem\",\"position\":2,\"name\":\"Hover Box\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/#organization\",\"name\":\"Module Demos\",\"url\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/hover-box\\\/#webpage\",\"url\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/hover-box\\\/\",\"name\":\"Hover Box - Module Demos\",\"description\":\"Hover Box for Divi The Hover Box module enables the effortless creation of interactive blurbs, capable of showcasing distinct content upon users' mouseovers. This module facilitates the addition of both default and hover content to the card. Divi 5 Ready\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/hover-box\\\/#breadcrumblist\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/wp-content\\\/uploads\\\/sites\\\/69\\\/2026\\\/11\\\/hover-box-featured.png\",\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/hover-box\\\/#mainImage\",\"width\":1200,\"height\":627},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/hover-box\\\/#mainImage\"},\"datePublished\":\"2026-11-03T11:14:56+00:00\",\"dateModified\":\"2026-11-05T18:17:17+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/#website\",\"url\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/\",\"name\":\"Module Demos\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/demo.divi-pixel.com\\\/modules\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Hover Box - Module Demos","description":"Hover Box for Divi The Hover Box module enables the effortless creation of interactive blurbs, capable of showcasing distinct content upon users' mouseovers. This module facilitates the addition of both default and hover content to the card. Divi 5 Ready","canonical_url":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/demo.divi-pixel.com\/modules\/#listItem","position":1,"name":"Home","item":"https:\/\/demo.divi-pixel.com\/modules\/","nextItem":{"@type":"ListItem","@id":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/#listItem","name":"Hover Box"}},{"@type":"ListItem","@id":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/#listItem","position":2,"name":"Hover Box","previousItem":{"@type":"ListItem","@id":"https:\/\/demo.divi-pixel.com\/modules\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/demo.divi-pixel.com\/modules\/#organization","name":"Module Demos","url":"https:\/\/demo.divi-pixel.com\/modules\/"},{"@type":"WebPage","@id":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/#webpage","url":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/","name":"Hover Box - Module Demos","description":"Hover Box for Divi The Hover Box module enables the effortless creation of interactive blurbs, capable of showcasing distinct content upon users' mouseovers. This module facilitates the addition of both default and hover content to the card. Divi 5 Ready","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/demo.divi-pixel.com\/modules\/#website"},"breadcrumb":{"@id":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/#breadcrumblist"},"image":{"@type":"ImageObject","url":"https:\/\/demo.divi-pixel.com\/modules\/wp-content\/uploads\/sites\/69\/2026\/11\/hover-box-featured.png","@id":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/#mainImage","width":1200,"height":627},"primaryImageOfPage":{"@id":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/#mainImage"},"datePublished":"2026-11-03T11:14:56+00:00","dateModified":"2026-11-05T18:17:17+00:00"},{"@type":"WebSite","@id":"https:\/\/demo.divi-pixel.com\/modules\/#website","url":"https:\/\/demo.divi-pixel.com\/modules\/","name":"Module Demos","inLanguage":"en-US","publisher":{"@id":"https:\/\/demo.divi-pixel.com\/modules\/#organization"}}]},"og:locale":"en_US","og:site_name":"Module Demos -","og:type":"article","og:title":"Hover Box - Module Demos","og:description":"Hover Box for Divi The Hover Box module enables the effortless creation of interactive blurbs, capable of showcasing distinct content upon users' mouseovers. This module facilitates the addition of both default and hover content to the card. Divi 5 Ready","og:url":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/","article:published_time":"2026-11-03T11:14:56+00:00","article:modified_time":"2026-11-05T18:17:17+00:00","twitter:card":"summary_large_image","twitter:title":"Hover Box - Module Demos","twitter:description":"Hover Box for Divi The Hover Box module enables the effortless creation of interactive blurbs, capable of showcasing distinct content upon users' mouseovers. This module facilitates the addition of both default and hover content to the card. Divi 5 Ready"},"aioseo_meta_data":{"post_id":"1819","title":null,"description":null,"keywords":null,"keyphrases":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-11-05 15:41:47","updated":"2026-11-05 23:31:59"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/demo.divi-pixel.com\/modules\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHover Box\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/demo.divi-pixel.com\/modules\/"},{"label":"Hover Box","link":"https:\/\/demo.divi-pixel.com\/modules\/hover-box\/"}],"_links":{"self":[{"href":"https:\/\/demo.divi-pixel.com\/modules\/wp-json\/wp\/v2\/pages\/1819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.divi-pixel.com\/modules\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.divi-pixel.com\/modules\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.divi-pixel.com\/modules\/wp-json\/wp\/v2\/comments?post=1819"}],"version-history":[{"count":2,"href":"https:\/\/demo.divi-pixel.com\/modules\/wp-json\/wp\/v2\/pages\/1819\/revisions"}],"predecessor-version":[{"id":2242,"href":"https:\/\/demo.divi-pixel.com\/modules\/wp-json\/wp\/v2\/pages\/1819\/revisions\/2242"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.divi-pixel.com\/modules\/wp-json\/wp\/v2\/media\/734"}],"wp:attachment":[{"href":"https:\/\/demo.divi-pixel.com\/modules\/wp-json\/wp\/v2\/media?parent=1819"}],"wp:term":[{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/demo.divi-pixel.com\/modules\/wp-json\/wp\/v2\/dipi_cpt_category?post=1819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}