{"id":20,"date":"2025-09-20T12:14:06","date_gmt":"2025-09-20T12:14:06","guid":{"rendered":"https:\/\/max-themes.net\/vertikal\/?page_id=20"},"modified":"2025-10-09T14:37:23","modified_gmt":"2025-10-09T14:37:23","slug":"home","status":"publish","type":"page","link":"https:\/\/max-themes.net\/vertikal\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c43cb6d e-flex e-con-boxed e-con e-parent\" data-id=\"c43cb6d\" 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-d296646 elementor-widget elementor-widget-vertikal_fading_banner\" data-id=\"d296646\" 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-d296646\">\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-d296646 {\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-d296646 {\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-d296646\">\n<div class=\"banner-slide active\" data-slide-index=\"0\" 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\">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\/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\">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-d296646\" 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-d296646\" 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-d296646 -->\n\n    <script>\n        \/\/ Use a function wrapper to ensure variables are locally scoped and safe\n        (function() {\n            const uniqueId = 'd296646';\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-49c9b32 elementor-widget elementor-widget-vertikal_recent_works\" data-id=\"49c9b32\" 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>Recent Works<\/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                                    <\/div>\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-f6a0140 elementor-widget elementor-widget-partners_widget\" data-id=\"f6a0140\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"partners_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"clients-section\">\n                            <h3>Our Partners<\/h3>\n            \n            <div id=\"carousel-f6a0140\" class=\"carousel slide\" data-ride=\"carousel\">\n                <div class=\"carousel-inner\">\n                                                <div class=\"item active\">\n                                <ul class=\"partner-list\">\n                                                                                                                        <li><img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/client.png\" alt=\"\"><\/li>\n                                                                                    <li><img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/client4.png\" alt=\"\"><\/li>\n                                                                                    <li><img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/client6.png\" alt=\"\"><\/li>\n                                                                                    <li><img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/client5.png\" alt=\"\"><\/li>\n                                                                                                            <\/ul>\n                            <\/div>\n                                                        <div class=\"item\">\n                                <ul class=\"partner-list\">\n                                                                                                                        <li><img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/client6.png\" alt=\"\"><\/li>\n                                                                                    <li><img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/client5.png\" alt=\"\"><\/li>\n                                                                                    <li><img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/client4.png\" alt=\"\"><\/li>\n                                                                                    <li><img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/client1.png\" alt=\"\"><\/li>\n                                                                                                            <\/ul>\n                            <\/div>\n                                            <\/div>\n\n                <!-- Controls -->\n                <a class=\"left carousel-control\" href=\"#carousel-f6a0140\" data-slide=\"prev\"><\/a>\n                <a class=\"right carousel-control\" href=\"#carousel-f6a0140\" data-slide=\"next\"><\/a>\n            <\/div>\n        <\/div>\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28d3e93 elementor-widget elementor-widget-latest_posts_widget\" data-id=\"28d3e93\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;columns&quot;:&quot;3&quot;}\" data-widget_type=\"latest_posts_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"latest-post\">\n                            <h3>Latest Post<\/h3>\n            \n            <div class=\"row\">\n                                                            \n                                                <div class=\"col-md-4\">\n                            <div class=\"item news-item\">\n                                <div class=\"inner-item\">\n                                                                            <a href=\"https:\/\/max-themes.net\/vertikal\/closing-the-deal-with-legal-hurdles-ahead\/\">\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"234\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/image4-300x234.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/image4-300x234.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/image4-768x600.jpg 768w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/image4.jpg 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                        <\/a>\n                                    \n                                    <div class=\"hover-item\">\n                                        <ul>\n                                            <li>\n                                                <a class=\"autor\" href=\"https:\/\/max-themes.net\/vertikal\/author\/admin\/\">\n                                                    <i class=\"fa fa-user\"><\/i> admin                                                <\/a>\n                                            <\/li>\n                                            <li>\n                                                <a class=\"comment-numb\" href=\"https:\/\/max-themes.net\/vertikal\/closing-the-deal-with-legal-hurdles-ahead\/#respond\">\n                                                    <i class=\"fa fa-comments\"><\/i> 0 Comments                                                <\/a>\n                                            <\/li>\n                                        <\/ul>\n                                    <\/div>\n                                <\/div>\n\n                                <h2><a href=\"https:\/\/max-themes.net\/vertikal\/closing-the-deal-with-legal-hurdles-ahead\/\">Closing the Deal: With Legal Hurdles Ahead<\/a><\/h2>\n                                <p>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec&hellip;<\/p>\n                                <a class=\"read-more\" href=\"https:\/\/max-themes.net\/vertikal\/closing-the-deal-with-legal-hurdles-ahead\/\">\n                                    Read more <i class=\"fa fa-arrow-right\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                            \n                                                <div class=\"col-md-4\">\n                            <div class=\"item news-item\">\n                                <div class=\"inner-item\">\n                                                                            <a href=\"https:\/\/max-themes.net\/vertikal\/setting-the-goal-against-all-resistance\/\">\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"224\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/image5.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" \/>                                        <\/a>\n                                    \n                                    <div class=\"hover-item\">\n                                        <ul>\n                                            <li>\n                                                <a class=\"autor\" href=\"https:\/\/max-themes.net\/vertikal\/author\/admin\/\">\n                                                    <i class=\"fa fa-user\"><\/i> admin                                                <\/a>\n                                            <\/li>\n                                            <li>\n                                                <a class=\"comment-numb\" href=\"https:\/\/max-themes.net\/vertikal\/setting-the-goal-against-all-resistance\/#respond\">\n                                                    <i class=\"fa fa-comments\"><\/i> 0 Comments                                                <\/a>\n                                            <\/li>\n                                        <\/ul>\n                                    <\/div>\n                                <\/div>\n\n                                <h2><a href=\"https:\/\/max-themes.net\/vertikal\/setting-the-goal-against-all-resistance\/\">Setting the Goal: Against All Resistance<\/a><\/h2>\n                                <p>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec&hellip;<\/p>\n                                <a class=\"read-more\" href=\"https:\/\/max-themes.net\/vertikal\/setting-the-goal-against-all-resistance\/\">\n                                    Read more <i class=\"fa fa-arrow-right\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                            \n                                                <div class=\"col-md-4\">\n                            <div class=\"item news-item\">\n                                <div class=\"inner-item\">\n                                                                            <a href=\"https:\/\/max-themes.net\/vertikal\/starting-the-project-then-comes-scope-creep\/\">\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"238\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/photo1-300x238.jpg\" class=\"attachment-medium size-medium wp-post-image\" alt=\"\" srcset=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/photo1-300x238.jpg 300w, https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/11\/photo1.jpg 370w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                        <\/a>\n                                    \n                                    <div class=\"hover-item\">\n                                        <ul>\n                                            <li>\n                                                <a class=\"autor\" href=\"https:\/\/max-themes.net\/vertikal\/author\/admin\/\">\n                                                    <i class=\"fa fa-user\"><\/i> admin                                                <\/a>\n                                            <\/li>\n                                            <li>\n                                                <a class=\"comment-numb\" href=\"https:\/\/max-themes.net\/vertikal\/starting-the-project-then-comes-scope-creep\/#respond\">\n                                                    <i class=\"fa fa-comments\"><\/i> 0 Comments                                                <\/a>\n                                            <\/li>\n                                        <\/ul>\n                                    <\/div>\n                                <\/div>\n\n                                <h2><a href=\"https:\/\/max-themes.net\/vertikal\/starting-the-project-then-comes-scope-creep\/\">Starting the Project: Then Comes Scope Creep<\/a><\/h2>\n                                <p>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec&hellip;<\/p>\n                                <a class=\"read-more\" href=\"https:\/\/max-themes.net\/vertikal\/starting-the-project-then-comes-scope-creep\/\">\n                                    Read more <i class=\"fa fa-arrow-right\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                                <\/div>\n        <\/div>\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-982618d elementor-widget elementor-widget-accordion_widget\" data-id=\"982618d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"accordion_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"accord-tab-box\">\n                            <h3>Content With Accordion<\/h3>\n            \n            <div class=\"accordion-box\">\n                                    <div class=\"accord-elem active\">\n                        <div class=\"accord-title\">\n                            <h5>\n                                                                    <i class=\"fa fa-question\"><\/i>\n                                                                Marketplacde Basics                            <\/h5>\n                            <a class=\"accord-link\" href=\"#\"><\/a>\n                        <\/div>\n                        <div class=\"accord-content\" style=\"display:block;\">\n                                                            <span class=\"image-content\">\n                                    <i class=\"fa fa-suitcase\"><\/i>\n                                <\/span>\n                                                        <p>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio<\/p>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"accord-elem \">\n                        <div class=\"accord-title\">\n                            <h5>\n                                                                    <i class=\"fa fa-question\"><\/i>\n                                                                Design Practics                            <\/h5>\n                            <a class=\"accord-link\" href=\"#\"><\/a>\n                        <\/div>\n                        <div class=\"accord-content\" style=\"display:none;\">\n                                                            <span class=\"image-content\">\n                                    <i class=\"fa fa-suitcase\"><\/i>\n                                <\/span>\n                                                        <p>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio<\/p>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"accord-elem \">\n                        <div class=\"accord-title\">\n                            <h5>\n                                                                    <i class=\"fa fa-question\"><\/i>\n                                                                WordPress Updates                            <\/h5>\n                            <a class=\"accord-link\" href=\"#\"><\/a>\n                        <\/div>\n                        <div class=\"accord-content\" style=\"display:none;\">\n                                                            <span class=\"image-content\">\n                                    <i class=\"fa fa-suitcase\"><\/i>\n                                <\/span>\n                                                        <p>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio<\/p>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n        <script>\n        (function($){\n            $(\".accord-title\").off(\"click\").on(\"click\", function(e){\n                e.preventDefault();\n                var $elem = $(this).parent();\n                if(!$elem.hasClass(\"active\")){\n                    $elem.siblings(\".accord-elem\").removeClass(\"active\").find(\".accord-content\").slideUp();\n                    $elem.addClass(\"active\").find(\".accord-content\").slideDown();\n                } else {\n                    $elem.removeClass(\"active\").find(\".accord-content\").slideUp();\n                }\n            });\n        })(jQuery);\n        <\/script>\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6c3b6a elementor-widget elementor-widget-tabs_widget\" data-id=\"a6c3b6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tabs_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"tabs\">\n                            <h3>Awesome Tabs<\/h3>\n            \n            <div class=\"tab-box\">\n                                    <div class=\"tab-content active\">\n                                                    <img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/device1.png\" alt=\"Powerful Admin\">\n                                                <div class=\"content-tab-elem\">\n                                                            <h3>Vertikal - Premium PSD Template<\/h3>\n                                                                                        <div class=\"tab-text\"><p><strong>Vertikal\u00a0<\/strong>gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit duis set odio sit amet nibh vulputate.<\/p><p>Morbi accumsan ipsum velit. Nam ntec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi.<\/p><\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"tab-content \">\n                                                    <img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/device1.png\" alt=\"Retina Ready\">\n                                                <div class=\"content-tab-elem\">\n                                                            <h3>Vertikal - Premium PSD Template<\/h3>\n                                                                                        <div class=\"tab-text\"><p><strong>Vertikal\u00a0<\/strong>gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit duis set odio sit amet nibh vulputate.<\/p><p>Morbi accumsan ipsum velit. Nam ntec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi.<\/p><\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"tab-content \">\n                                                    <img decoding=\"async\" src=\"https:\/\/max-themes.net\/vertikal\/wp-content\/uploads\/2025\/10\/device1.png\" alt=\"Pixel Perfect\">\n                                                <div class=\"content-tab-elem\">\n                                                            <h3>Vertikal - Premium PSD Template<\/h3>\n                                                                                        <div class=\"tab-text\"><p><strong>Vertikal\u00a0<\/strong>gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit duis set odio sit amet nibh vulputate.<\/p><p>Morbi accumsan ipsum velit. Nam ntec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi.<\/p><\/div>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n\n            <ul class=\"tab-links\">\n                                    <li>\n                        <a class=\"tab-link1 active\" href=\"#\">\n                                                            <i class=\"fa fa-cog\"><\/i>\n                                                        Powerful Admin                        <\/a>\n                    <\/li>\n                                    <li>\n                        <a class=\"tab-link2 \" href=\"#\">\n                                                            <i class=\"far fa-images\"><\/i>\n                                                        Retina Ready                        <\/a>\n                    <\/li>\n                                    <li>\n                        <a class=\"tab-link3 \" href=\"#\">\n                                                            <i class=\"far fa-eye\"><\/i>\n                                                        Pixel Perfect                        <\/a>\n                    <\/li>\n                            <\/ul>\n        <\/div>\n\n        <script>\n        (function($){\n            $(\".tabs .tab-links a\").off(\"click\").on(\"click\", function(e){\n                e.preventDefault();\n                var $this = $(this);\n                var index = $this.parent().index();\n                var $tabs = $this.closest(\".tabs\");\n\n                $tabs.find(\".tab-links a\").removeClass(\"active\");\n                $this.addClass(\"active\");\n\n                $tabs.find(\".tab-content\").removeClass(\"active\").hide();\n                $tabs.find(\".tab-content\").eq(index).addClass(\"active\").fadeIn();\n            });\n        })(jQuery);\n        <\/script>\n\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. Recent Works Iphone Wallpaper Our Partners Latest Post admin 0 Comments Making the quiz but no let up on the review process Lorem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/pages\/20","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=20"}],"version-history":[{"count":99,"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":188,"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/pages\/20\/revisions\/188"}],"wp:attachment":[{"href":"https:\/\/max-themes.net\/vertikal\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}