{"id":239,"date":"2025-11-06T14:24:49","date_gmt":"2025-11-06T14:24:49","guid":{"rendered":"https:\/\/max-themes.net\/vertikal\/?page_id=239"},"modified":"2025-11-06T14:26:14","modified_gmt":"2025-11-06T14:26:14","slug":"home-work","status":"publish","type":"page","link":"https:\/\/max-themes.net\/vertikal\/home-work\/","title":{"rendered":"Home Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"239\" class=\"elementor elementor-239\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e55b56 e-flex e-con-boxed e-con e-parent\" data-id=\"4e55b56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\n\t\t<div class=\"elementor-element elementor-element-9f921c6 elementor-widget elementor-widget-vertikal_fading_banner\" data-id=\"9f921c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vertikal_fading_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"vertikal-fading-banner-9f921c6\">\n            \n    <style>\n        \/* General setup for Inter font *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap');\n        \n        \/* Container Styles - Constrained to 100% width and fixed height *\/\n        #banner-container-9f921c6 {\n            position: relative;\n            \/* REMOVED max-width: 1000px; *\/\n            width: 100%; \n            height: 400px; \n            overflow: hidden;\n            margin: 0 auto; \n            border-radius: 1rem;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* Slide Styles - Positioned absolutely for fading *\/\n        .banner-slide {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0;\n            transition: opacity 1.5s ease-in-out; \/* Slower transition for a smooth fade *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            text-align: center;\n            padding: 2rem;\n            background-size: cover;\n            background-position: center;\n            \/* Ensure text content is clickable\/accessible *\/\n            pointer-events: none; \n        }\n\n        \/* Active slide *\/\n        .banner-slide.active {\n            opacity: 1;\n            pointer-events: auto; \/* Re-enable pointer events on the active slide *\/\n        }\n\n        \/* Overlay for contrast *\/\n        .overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.5); \/* Semi-transparent dark overlay for readability *\/\n            display: none;\n        }\n        \n        \/* Navigation Arrows Styling *\/\n        .nav-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            z-index: 20;\n            width: 40px;\n            height: 40px;\n            background-color: rgba(255, 255, 255, 0.15); \/* Slightly visible white background *\/\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: background-color 0.3s, transform 0.3s;\n            backdrop-filter: blur(2px); \/* Subtle blur behind the arrow *\/\n        }\n        \n        .nav-arrow:hover {\n            background-color: rgba(255, 255, 255, 0.3);\n            transform: translateY(-50%) scale(1.1);\n        }\n        \n        .nav-arrow.left {\n            left: 1rem;\n        }\n        \n        .nav-arrow.right {\n            right: 1rem;\n        }\n\n        .slide-content h2, .slide-content p{\n            color: #fff;\n        }\n        \/* Responsive height adjustment for smaller screens *\/\n        @media (max-width: 768px) {\n            #banner-container-9f921c6 {\n                height: 300px; \/* Shorter on mobile *\/\n                border-radius: 0.5rem;\n            }\n            .nav-arrow {\n                width: 30px;\n                height: 30px;\n            }\n        }\n    <\/style>\n\n\n    <div id=\"banner-container-9f921c6\">\n<div class=\"banner-slide active\" data-slide-index=\"0\" style=\"background-image: url('https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/09\/3.jpg');\">  <div class=\"overlay\"><\/div>  <div class=\"relative z-10 slide-content\">      <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-extrabold mb-3 tracking-tight transition transform duration-1000 ease-out\">Clean Code. Fast Results.      <\/h2>      <p class=\"text-lg sm:text-xl font-light opacity-90 transition transform duration-1000 ease-out delay-200\">Modern development for modern websites.      <\/p>  <\/div><\/div><div class=\"banner-slide \" data-slide-index=\"1\" style=\"background-image: url('https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/09\/2.jpg');\">  <div class=\"overlay\"><\/div>  <div class=\"relative z-10 slide-content\">      <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-extrabold mb-3 tracking-tight transition transform duration-1000 ease-out\">Responsive Design. Every Device.      <\/h2>      <p class=\"text-lg sm:text-xl font-light opacity-90 transition transform duration-1000 ease-out delay-200\">Optimized for mobile, tablet, and desktop viewing.      <\/p>  <\/div><\/div><div class=\"banner-slide \" data-slide-index=\"2\" style=\"background-image: url('https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/09\/1.jpg');\">  <div class=\"overlay\"><\/div>  <div class=\"relative z-10 slide-content\">      <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-extrabold mb-3 tracking-tight transition transform duration-1000 ease-out\">Elementor Ready. Easy to Use.      <\/h2>      <p class=\"text-lg sm:text-xl font-light opacity-90 transition transform duration-1000 ease-out delay-200\">Seamless integration with your favorite page builder.      <\/p>  <\/div><\/div>            <!-- Previous Arrow -->\n            <div id=\"prev-arrow-9f921c6\" class=\"nav-arrow left\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\n            <\/div>\n            \n            <!-- Next Arrow -->\n            <div id=\"next-arrow-9f921c6\" class=\"nav-arrow right\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\n            <\/div>    <\/div> <!-- #banner-container-9f921c6 -->\n\n    <script>\n        \/\/ Use a function wrapper to ensure variables are locally scoped and safe\n        (function() {\n            const uniqueId = '9f921c6';\n            const container = document.getElementById('banner-container-' + uniqueId);\n            const prevArrow = document.getElementById('prev-arrow-' + uniqueId);\n            const nextArrow = document.getElementById('next-arrow-' + uniqueId);\n\n            if (!container) return; \/\/ Safely exit if container doesn't exist\n\n            const slides = container.querySelectorAll('.banner-slide');\n            let currentSlideIndex = 0;\n            \/\/ Clear any existing interval before setting a new one\n            let autoSlideInterval = null; \n\n            function applyTextAnimation(slide, isActive) {\n                const content = slide.querySelector('.slide-content');\n                if (!content) return;\n\n                const title = content.querySelector('h2');\n                const subtitle = content.querySelector('p');\n\n                \/\/ Tailwind classes for animation: translate-y-0\/4 and opacity-100\/0\n                const activeClasses = ['translate-y-0', 'opacity-100'];\n                const inactiveClasses = ['translate-y-4', 'opacity-0'];\n\n                \/\/ Remove all animation classes first to ensure a clean transition\n                [title, subtitle].forEach(el => {\n                    el.classList.remove(...activeClasses, ...inactiveClasses);\n                });\n\n                \/\/ Set initial state (for the next slide) or final state (for the current slide)\n                if (isActive) {\n                    title.classList.add(...activeClasses);\n                    subtitle.classList.add(...activeClasses);\n                    subtitle.style.transitionDelay = '0.2s';\n                } else {\n                    title.classList.add(...inactiveClasses);\n                    subtitle.classList.add(...inactiveClasses);\n                    subtitle.style.transitionDelay = '0s'; \/\/ Reset delay\n                }\n            }\n\n            function updateSlide(nextIndex) {\n                \/\/ Stop the automatic cycling when a manual change happens\n                clearInterval(autoSlideInterval);\n                \n                \/\/ Ensure index loops correctly\n                nextIndex = (nextIndex + slides.length) % slides.length;\n\n                \/\/ Animate current slide's text out\n                applyTextAnimation(slides[currentSlideIndex], false);\n\n                \/\/ Deactivate current slide\n                slides[currentSlideIndex].classList.remove('active');\n\n                \/\/ Move to next slide\n                currentSlideIndex = nextIndex;\n\n                \/\/ Activate next slide (fades in)\n                slides[currentSlideIndex].classList.add('active');\n\n                \/\/ Animate next slide's text in\n                setTimeout(() => {\n                    applyTextAnimation(slides[currentSlideIndex], true);\n                }, 100); \n                \n                \/\/ Restart the interval after a manual change\n                startAutoSlide();\n            }\n\n            function nextSlide() {\n                const nextIndex = (currentSlideIndex + 1) % slides.length;\n                updateSlide(nextIndex);\n            }\n\n            function prevSlide() {\n                const prevIndex = (currentSlideIndex - 1 + slides.length) % slides.length;\n                updateSlide(prevIndex);\n            }\n\n            \/\/ Event Listeners for Arrows\n            if (prevArrow) {\n                prevArrow.addEventListener('click', prevSlide);\n            }\n            if (nextArrow) {\n                nextArrow.addEventListener('click', nextSlide);\n            }\n\n            function startAutoSlide() {\n                autoSlideInterval = setInterval(nextSlide, 5000); \n            }\n\n            \/\/ Initialization\n            \/\/ 1. Set all slides to the 'out' state for the initial animation\n            slides.forEach(slide => applyTextAnimation(slide, false));\n            \/\/ 2. Run the first update to trigger the 'in' animation for slide 0\n            updateSlide(0); \n            \/\/ 3. Start the auto-slide transition\n            startAutoSlide();\n        })();\n    <\/script>\n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2947326 elementor-widget elementor-widget-vertikal_recent_works\" data-id=\"2947326\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vertikal_recent_works.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"recent-works\">\n                <h3><\/h3>\n                <div class=\"row\">\n                    \n                        <div class=\"col-md-4\">\n                            <div class=\"work-post\">\n                                <div class=\"work-post-gal\">\n                                                                            <img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"249\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work8-300x249.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Thunder Struck\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work8-300x249.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work8-1024x849.jpg 1024w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work8-768x637.jpg 768w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work8.jpg 1288w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    \n                                    <div class=\"hover-box\">\n                                        <a class=\"zoom\" href=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work8.jpg\"><\/a>\n                                        <a class=\"page\" href=\"https:\/\/max-themes.net\/vertikal\/works\/thunder-struck\/\"><\/a>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"work-post-content\">\n                                    <h2>Thunder Struck<\/h2>\n                                    <span>\n                                        smartphones                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \n                        <div class=\"col-md-4\">\n                            <div class=\"work-post\">\n                                <div class=\"work-post-gal\">\n                                                                            <img decoding=\"async\" width=\"300\" height=\"249\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work10-300x249.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Front Desk\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work10-300x249.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work10-1024x849.jpg 1024w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work10-768x637.jpg 768w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work10.jpg 1288w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    \n                                    <div class=\"hover-box\">\n                                        <a class=\"zoom\" href=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work10.jpg\"><\/a>\n                                        <a class=\"page\" href=\"https:\/\/max-themes.net\/vertikal\/works\/front-desk\/\"><\/a>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"work-post-content\">\n                                    <h2>Front Desk<\/h2>\n                                    <span>\n                                        wallpaper                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \n                        <div class=\"col-md-4\">\n                            <div class=\"work-post\">\n                                <div class=\"work-post-gal\">\n                                                                            <img decoding=\"async\" width=\"300\" height=\"249\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work9-300x249.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Forgotten\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work9-300x249.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work9-1024x849.jpg 1024w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work9-768x637.jpg 768w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work9.jpg 1288w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    \n                                    <div class=\"hover-box\">\n                                        <a class=\"zoom\" href=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work9.jpg\"><\/a>\n                                        <a class=\"page\" href=\"https:\/\/max-themes.net\/vertikal\/works\/forgotten\/\"><\/a>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"work-post-content\">\n                                    <h2>Forgotten<\/h2>\n                                    <span>\n                                        card                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \n                        <div class=\"col-md-4\">\n                            <div class=\"work-post\">\n                                <div class=\"work-post-gal\">\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"249\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work7-300x249.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"New Born\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work7-300x249.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work7-1024x849.jpg 1024w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work7-768x637.jpg 768w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work7.jpg 1288w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    \n                                    <div class=\"hover-box\">\n                                        <a class=\"zoom\" href=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work7.jpg\"><\/a>\n                                        <a class=\"page\" href=\"https:\/\/max-themes.net\/vertikal\/works\/new-born\/\"><\/a>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"work-post-content\">\n                                    <h2>New Born<\/h2>\n                                    <span>\n                                                                            <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \n                        <div class=\"col-md-4\">\n                            <div class=\"work-post\">\n                                <div class=\"work-post-gal\">\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"249\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work5-300x249.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Frennzy\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work5-300x249.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work5-1024x849.jpg 1024w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work5-768x637.jpg 768w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work5.jpg 1288w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    \n                                    <div class=\"hover-box\">\n                                        <a class=\"zoom\" href=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work5.jpg\"><\/a>\n                                        <a class=\"page\" href=\"https:\/\/max-themes.net\/vertikal\/works\/frennzy\/\"><\/a>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"work-post-content\">\n                                    <h2>Frennzy<\/h2>\n                                    <span>\n                                        business                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \n                        <div class=\"col-md-4\">\n                            <div class=\"work-post\">\n                                <div class=\"work-post-gal\">\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"249\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work11-300x249.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Nightwish\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work11-300x249.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work11-1024x849.jpg 1024w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work11-768x637.jpg 768w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work11.jpg 1288w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    \n                                    <div class=\"hover-box\">\n                                        <a class=\"zoom\" href=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/work11.jpg\"><\/a>\n                                        <a class=\"page\" href=\"https:\/\/max-themes.net\/vertikal\/works\/nightwish\/\"><\/a>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"work-post-content\">\n                                    <h2>Nightwish<\/h2>\n                                    <span>\n                                                                            <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \n                        <div class=\"col-md-4\">\n                            <div class=\"work-post\">\n                                <div class=\"work-post-gal\">\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"234\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image3-300x234.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Beautiful Wallpaper\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image3-300x234.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image3-768x600.jpg 768w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image3.jpg 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    \n                                    <div class=\"hover-box\">\n                                        <a class=\"zoom\" href=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image3.jpg\"><\/a>\n                                        <a class=\"page\" href=\"https:\/\/max-themes.net\/vertikal\/works\/beautiful-wallpaper\/\"><\/a>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"work-post-content\">\n                                    <h2>Beautiful Wallpaper<\/h2>\n                                    <span>\n                                        nature                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \n                        <div class=\"col-md-4\">\n                            <div class=\"work-post\">\n                                <div class=\"work-post-gal\">\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"234\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image2-300x234.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Leaf Falling Dawn\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image2-300x234.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image2-768x600.jpg 768w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image2.jpg 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    \n                                    <div class=\"hover-box\">\n                                        <a class=\"zoom\" href=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image2.jpg\"><\/a>\n                                        <a class=\"page\" href=\"https:\/\/max-themes.net\/vertikal\/works\/green-leaf-falling-dawn\/\"><\/a>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"work-post-content\">\n                                    <h2>Leaf Falling Dawn<\/h2>\n                                    <span>\n                                        nature                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \n                        <div class=\"col-md-4\">\n                            <div class=\"work-post\">\n                                <div class=\"work-post-gal\">\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"234\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image1-300x234.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Wallpaper\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image1-300x234.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image1-768x600.jpg 768w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image1.jpg 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                    \n                                    <div class=\"hover-box\">\n                                        <a class=\"zoom\" href=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/image1.jpg\"><\/a>\n                                        <a class=\"page\" href=\"https:\/\/max-themes.net\/vertikal\/works\/iphone-wallpaper\/\"><\/a>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"work-post-content\">\n                                    <h2>Wallpaper<\/h2>\n                                    <span>\n                                        smartphones                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Clean Code. Fast Results. Modern development for modern websites. Responsive Design. Every Device. Optimized for mobile, tablet, and desktop viewing. Elementor Ready. Easy to Use. Seamless integration with your favorite page builder. Beautiful Wallpaper nature Green Leaf Falling Dawn nature Iphone Wallpaper smartphones<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-parts\/page-home-work.php","meta":{"footnotes":""},"class_list":["post-239","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/pages\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":4,"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/pages\/239\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/pages\/239\/revisions\/243"}],"wp:attachment":[{"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/media?parent=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}