{"id":30,"date":"2026-03-25T06:26:49","date_gmt":"2026-03-25T06:26:49","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=30"},"modified":"2026-04-01T06:25:51","modified_gmt":"2026-04-01T06:25:51","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]   <style>\r\n        :root {\r\n            --va-portfolio-primary: #6366F1;\r\n            --va-portfolio-primary-dark: #4F46E5;\r\n            --va-portfolio-primary-light: #818CF8;\r\n            --va-portfolio-secondary: #EC4899;\r\n            --va-portfolio-accent: #10B981;\r\n            --va-portfolio-dark: #0F172A;\r\n            --va-portfolio-dark-lighter: #1E293B;\r\n            --va-portfolio-gray: #64748B;\r\n            --va-portfolio-light-gray: #F1F5F9;\r\n            --va-portfolio-white: #FFFFFF;\r\n            --va-portfolio-gradient-1: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-portfolio-gradient-2: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-portfolio-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n            --va-portfolio-gradient-text: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-portfolio-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --va-portfolio-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n            --va-portfolio-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n            --va-portfolio-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n            overflow-x: hidden;\r\n            background-color: var(--va-portfolio-white);\r\n            color: var(--va-portfolio-dark);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            font-weight: 700;\r\n            color: var(--va-portfolio-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .va-portfolio-hero {\r\n            min-height: 100vh;\r\n            background: var(--va-portfolio-gradient-hero);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .va-portfolio-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-portfolio-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-portfolio-hero-breadcrumb {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            margin-bottom: 32px;\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .va-portfolio-hero-breadcrumb a {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .va-portfolio-hero-breadcrumb a:hover {\r\n            color: var(--va-portfolio-white);\r\n        }\r\n\r\n        .va-portfolio-hero-breadcrumb i {\r\n            color: var(--va-portfolio-primary);\r\n        }\r\n\r\n        .va-portfolio-hero-title {\r\n            font-size: 72px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 24px;\r\n            line-height: 1.1;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .va-portfolio-hero-title .va-portfolio-gradient-text {\r\n            background: var(--va-portfolio-gradient-text);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .va-portfolio-hero-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 40px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-portfolio-hero-stats {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 60px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-portfolio-hero-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .va-portfolio-hero-stat-number {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 8px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-portfolio-hero-stat-label {\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .va-portfolio-section {\r\n            padding: 120px 0;\r\n        }\r\n\r\n        .va-portfolio-section-light {\r\n            background-color: var(--va-portfolio-white);\r\n        }\r\n\r\n        .va-portfolio-section-gray {\r\n            background-color: var(--va-portfolio-light-gray);\r\n        }\r\n\r\n        .va-portfolio-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-portfolio-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-portfolio-section-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: var(--va-portfolio-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-portfolio-section-text {\r\n            font-size: 18px;\r\n            color: var(--va-portfolio-gray);\r\n            margin-bottom: 24px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Portfolio Filters *\/\r\n        .va-portfolio-filters {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 12px;\r\n            justify-content: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .va-portfolio-filter {\r\n            padding: 12px 24px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 30px;\r\n            color: var(--va-portfolio-primary);\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .va-portfolio-filter.active,\r\n        .va-portfolio-filter:hover {\r\n            background: var(--va-portfolio-gradient-2);\r\n            color: var(--va-portfolio-white);\r\n            border-color: var(--va-portfolio-primary);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Portfolio Grid *\/\r\n        .va-portfolio-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\r\n            gap: 40px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .va-portfolio-item {\r\n            background: var(--va-portfolio-white);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--va-portfolio-shadow-lg);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .va-portfolio-item:hover {\r\n            transform: translateY(-15px);\r\n            box-shadow: var(--va-portfolio-shadow-xl);\r\n        }\r\n\r\n        .va-portfolio-image {\r\n            height: 280px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .va-portfolio-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .va-portfolio-item:hover .va-portfolio-image img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .va-portfolio-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%);\r\n            display: flex;\r\n            align-items: flex-end;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n            padding: 30px;\r\n        }\r\n\r\n        .va-portfolio-item:hover .va-portfolio-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .va-portfolio-overlay-content {\r\n            text-align: center;\r\n            color: var(--va-portfolio-white);\r\n        }\r\n\r\n        .va-portfolio-overlay-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            margin-bottom: 8px;\r\n            color: #fff;\r\n        }\r\n\r\n        .va-portfolio-overlay-category {\r\n            font-size: 14px;\r\n            opacity: 0.9;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .va-portfolio-overlay-buttons {\r\n            display: flex;\r\n            gap: 12px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .va-portfolio-overlay-btn {\r\n            width: 44px;\r\n            height: 44px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--va-portfolio-white);\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .va-portfolio-overlay-btn:hover {\r\n            background: var(--va-portfolio-white);\r\n            color: var(--va-portfolio-primary);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .va-portfolio-content {\r\n            padding: 30px;\r\n        }\r\n\r\n        .va-portfolio-category {\r\n            display: inline-block;\r\n            padding: 6px 12px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 20px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: var(--va-portfolio-primary);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .va-portfolio-title {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--va-portfolio-dark);\r\n            margin-bottom: 12px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .va-portfolio-description {\r\n            font-size: 15px;\r\n            color: var(--va-portfolio-gray);\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-portfolio-tech {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-portfolio-tech-item {\r\n            padding: 4px 10px;\r\n            background: rgba(99, 102, 241, 0.05);\r\n            border-radius: 12px;\r\n            font-size: 11px;\r\n            color: var(--va-portfolio-gray);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .va-portfolio-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--va-portfolio-primary);\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-portfolio-link:hover {\r\n            gap: 12px;\r\n            color: var(--va-portfolio-primary-dark);\r\n        }\r\n\r\n        \/* Featured Project *\/\r\n        .va-portfolio-featured {\r\n            background: var(--va-portfolio-gradient-2);\r\n            border-radius: 30px;\r\n            padding: 60px;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 80px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-portfolio-featured::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.05\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>') no-repeat bottom;\r\n            background-size: cover;\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .va-portfolio-featured-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .va-portfolio-featured-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-portfolio-white);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-portfolio-featured-title {\r\n            font-size: 42px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-portfolio-featured-description {\r\n            font-size: 18px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.7;\r\n            margin-bottom: 30px;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .va-portfolio-featured-stats {\r\n            display: flex;\r\n            gap: 40px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .va-portfolio-featured-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .va-portfolio-featured-stat-number {\r\n            font-size: 36px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 8px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-portfolio-featured-stat-label {\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        .va-portfolio-featured-buttons {\r\n            display: flex;\r\n            gap: 16px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .va-portfolio-featured-btn {\r\n            padding: 14px 28px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-portfolio-featured-btn-primary {\r\n            background: var(--va-portfolio-white);\r\n            color: var(--va-portfolio-primary);\r\n        }\r\n\r\n        .va-portfolio-featured-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .va-portfolio-featured-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-portfolio-white)!important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .va-portfolio-featured-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Process Section *\/\r\n        .va-portfolio-process {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-portfolio-process-step {\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .va-portfolio-process-step::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 40px;\r\n            right: -20px;\r\n            width: 40px;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, var(--va-portfolio-primary) 0%, transparent 100%);\r\n        }\r\n\r\n        .va-portfolio-process-step:last-child::after {\r\n            display: none;\r\n        }\r\n\r\n        .va-portfolio-process-number {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-portfolio-gradient-2);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 32px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-portfolio-process-title {\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--va-portfolio-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-portfolio-process-description {\r\n            font-size: 14px;\r\n            color: var(--va-portfolio-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Testimonials *\/\r\n        .va-portfolio-testimonials {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-portfolio-testimonial {\r\n            background: var(--va-portfolio-white);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            box-shadow: var(--va-portfolio-shadow-lg);\r\n            position: relative;\r\n        }\r\n\r\n        .va-portfolio-testimonial::before {\r\n            content: '\"';\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            font-size: 60px;\r\n            color: var(--va-portfolio-primary);\r\n            opacity: 0.1;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-portfolio-testimonial-content {\r\n            font-size: 16px;\r\n            color: var(--va-portfolio-gray);\r\n            line-height: 1.7;\r\n            margin-bottom: 20px;\r\n            font-style: italic;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-portfolio-testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n        }\r\n\r\n        .va-portfolio-testimonial-image {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-portfolio-testimonial-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .va-portfolio-testimonial-info {\r\n            flex: 1;\r\n        }\r\n\r\n        .va-portfolio-testimonial-name {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: var(--va-portfolio-dark);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .va-portfolio-testimonial-position {\r\n            font-size: 13px;\r\n            color: var(--va-portfolio-primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .va-portfolio-testimonial-rating {\r\n            display: flex;\r\n            gap: 4px;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .va-portfolio-testimonial-rating i {\r\n            color: #FFC107;\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .va-portfolio-cta {\r\n            padding: 120px 0;\r\n            background: var(--va-portfolio-gradient-2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-portfolio-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.05\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>') no-repeat bottom;\r\n            background-size: cover;\r\n        }\r\n\r\n        .va-portfolio-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-portfolio-cta-title {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-portfolio-cta-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 40px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-portfolio-cta-buttons {\r\n            display: flex;\r\n            gap: 16px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .va-portfolio-cta-btn {\r\n            padding: 16px 32px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-portfolio-cta-btn-primary {\r\n            background: var(--va-portfolio-white);\r\n            color: var(--va-portfolio-primary);\r\n        }\r\n\r\n        .va-portfolio-cta-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .va-portfolio-cta-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-portfolio-white)!important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .va-portfolio-cta-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Load More Button *\/\r\n        .va-portfolio-load-more {\r\n            text-align: center;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-portfolio-load-more-btn {\r\n            padding: 16px 40px;\r\n            background: var(--va-portfolio-gradient-2);\r\n            color: var(--va-portfolio-white);\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .va-portfolio-load-more-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--va-portfolio-shadow-lg);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .va-portfolio-hero-title {\r\n                font-size: 56px;\r\n            }\r\n            \r\n            .va-portfolio-section-title {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .va-portfolio-hero-stats {\r\n                gap: 40px;\r\n            }\r\n            \r\n            .va-portfolio-process-step::after {\r\n                display: none;\r\n            }\r\n            \r\n            .va-portfolio-featured {\r\n                padding: 40px;\r\n            }\r\n            \r\n            .va-portfolio-featured-title {\r\n                font-size: 32px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .va-portfolio-hero-title {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .va-portfolio-section-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-portfolio-cta-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .va-portfolio-hero-stats {\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .va-portfolio-featured-stats {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n            }\r\n            \r\n            .va-portfolio-featured-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-portfolio-cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-portfolio-cta-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .va-portfolio-hero-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-portfolio-section-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-portfolio-cta-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-portfolio-section {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .va-portfolio-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .va-portfolio-featured {\r\n                padding: 30px;\r\n            }\r\n            \r\n            .va-portfolio-featured-title {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n\r\n            \/* Back to Top Button *\/\r\n            .anv-footer-back-to-top {\r\n                position: fixed;\r\n                bottom: 30px;\r\n                right: 30px;\r\n                width: 50px;\r\n                height: 50px;\r\n                background: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n                border: none;\r\n                border-radius: 50%;\r\n                color: #FFFFFF;\r\n                font-size: 24px;\r\n                cursor: pointer;\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transition: all 0.3s ease;\r\n                z-index: 1000;\r\n                box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);\r\n            }\r\n\r\n            .anv-footer-back-to-top.show {\r\n                opacity: 1;\r\n                visibility: visible;\r\n            }\r\n\r\n            .anv-footer-back-to-top:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);\r\n            }\r\n\r\n            \/* Responsive Design *\/\r\n            @media (max-width: 768px) {\r\n                \r\n                .anv-footer-back-to-top {\r\n                    bottom: 20px;\r\n                    right: 20px;\r\n                    width: 45px;\r\n                    height: 45px;\r\n                    font-size: 20px;\r\n                }\r\n            }\r\n    <\/style>\r\n<style id=\"vvvebjs-styles\"><\/style><\/head>\r\n    <body class=\"antialiased\" data-new-gr-c-s-check-loaded=\"14.1271.0\" data-gr-ext-installed=\"\" data-aos-easing=\"ease\" data-aos-duration=\"1000\" data-aos-delay=\"0\">\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"va-portfolio-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"row align-items-center min-vh-100\">\r\n                <div class=\"col-lg-12\">\r\n                    <div class=\"va-portfolio-hero-content text-center\">\r\n                        <div class=\"va-portfolio-hero-breadcrumb\">\r\n                            <span><a href=\"\/\">Home<\/a><\/span>\r\n                            <i class=\"bx bx-chevron-right\"><\/i>\r\n                            <span>Portfolio<\/span>\r\n                        <\/div>\r\n                        <h1 class=\"va-portfolio-hero-title\">\r\n                            Our <span class=\"va-portfolio-gradient-text\">Success Stories<\/span>\r\n                        <\/h1>\r\n                        <p class=\"va-portfolio-hero-subtitle\">\r\n                            Discover how we've helped businesses across the globe achieve digital excellence through innovative solutions, cutting-edge technology, and strategic partnerships that drive real results.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-hero-stats\">\r\n                            <div class=\"va-portfolio-hero-stat\">\r\n                                <div class=\"va-portfolio-hero-stat-number\">4500+<\/div>\r\n                                <div class=\"va-portfolio-hero-stat-label\">Projects Delivered<\/div>\r\n                            <\/div>\r\n                            <div class=\"va-portfolio-hero-stat\">\r\n                                <div class=\"va-portfolio-hero-stat-number\">15000+<\/div>\r\n                                <div class=\"va-portfolio-hero-stat-label\">Satisfied Clients<\/div>\r\n                            <\/div>\r\n                            <div class=\"va-portfolio-hero-stat\">\r\n                                <div class=\"va-portfolio-hero-stat-number\">15+<\/div>\r\n                                <div class=\"va-portfolio-hero-stat-label\">Years Innovation<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Featured Project Section -->\r\n    <section class=\"va-portfolio-section va-portfolio-section-light\">\r\n        <div class=\"container\">\r\n            <div class=\"va-portfolio-featured\" data-aos=\"fade-up\">\r\n                <div class=\"va-portfolio-featured-content\">\r\n                    <div class=\"va-portfolio-featured-badge\">\r\n                        <i class=\"bx bx-star\"><\/i>\r\n                        Award-Winning Project\r\n                    <\/div>\r\n                    <h2 class=\"va-portfolio-featured-title\">CloudSync - Enterprise Cloud Platform<\/h2>\r\n                    <p class=\"va-portfolio-featured-description\">\r\n                        Revolutionary cloud infrastructure solution managing 50PB+ of data for Fortune 500 companies, featuring zero-downtime migrations, advanced security protocols, and AI-driven optimization that reduced operational costs by 40%.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-featured-stats\">\r\n                        <div class=\"va-portfolio-featured-stat\">\r\n                            <div class=\"va-portfolio-featured-stat-number\">500+<\/div>\r\n                            <div class=\"va-portfolio-featured-stat-label\">Enterprise Clients<\/div>\r\n                        <\/div>\r\n                        <div class=\"va-portfolio-featured-stat\">\r\n                            <div class=\"va-portfolio-featured-stat-number\">50PB+<\/div>\r\n                            <div class=\"va-portfolio-featured-stat-label\">Data Managed<\/div>\r\n                        <\/div>\r\n                        <div class=\"va-portfolio-featured-stat\">\r\n                            <div class=\"va-portfolio-featured-stat-number\">99.99%<\/div>\r\n                            <div class=\"va-portfolio-featured-stat-label\">SLA Compliance<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-featured-buttons\">\r\n                        <a href=\"#\" class=\"va-portfolio-featured-btn va-portfolio-featured-btn-primary\">\r\n                            View Success Story\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"va-portfolio-featured-btn va-portfolio-featured-btn-secondary\">\r\n                            Live Platform\r\n                            <i class=\"bx bx-external-link\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Portfolio Grid Section -->\r\n    <section class=\"va-portfolio-section va-portfolio-section-gray\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\">\r\n                <div class=\"va-portfolio-section-badge d-inline-block\">Featured Work<\/div>\r\n                <h2 class=\"va-portfolio-section-title\">Latest Innovations<\/h2>\r\n                <p class=\"va-portfolio-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                    Explore our cutting-edge projects that push boundaries and deliver exceptional value across industries, from startups to Fortune 500 enterprises.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-portfolio-filters\">\r\n                <button class=\"va-portfolio-filter active\" data-filter=\"all\">All Projects<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"web\">Web Development<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"software\">Software Solutions<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"mobile\">Mobile Applications<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"ecommerce\">Digital Commerce<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"enterprise\">Enterprise Systems<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"wordpress\">Wordpress Theme<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"va-portfolio-grid\">\r\n              \r\n            <!-- Project 1: Mana Theme -->\r\n            <div class=\"va-portfolio-item\" data-category=\"wordpress\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Mana-Responsive-Multipurpose-WordPress-Theme.png\" alt=\"Mana - Responsive Multi-Purpose Theme\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-overlay-content\">\r\n                            <h3 class=\"va-portfolio-overlay-title\">Mana Theme<\/h3>\r\n                            <div class=\"va-portfolio-overlay-category\">WordPress Corporate Business<\/div>\r\n                            <div class=\"va-portfolio-overlay-buttons\">\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-search-alt\"><\/i>\r\n                                <\/a>\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-link-external\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <div class=\"va-portfolio-category\">WordPress \/ Corporate \/ Business<\/div>\r\n                    <h3 class=\"va-portfolio-title\">Mana - Responsive Multi-Purpose Theme<\/h3>\r\n                    <p class=\"va-portfolio-description\">\r\n                        A responsive theme with compatibility for WooCommerce, Visual Composer, and WPML, optimized for multiple browsers, and supporting high resolution and widgets.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tech\">\r\n                        <span class=\"va-portfolio-tech-item\">WordPress 5.5.x<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">Visual Composer<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WooCommerce<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WPML<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-stats\">\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-star\"><\/i> 108 Ratings<\/span>\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-shopping-bag\"><\/i> 1,123 Sales<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"va-portfolio-link\">\r\n                        View Project\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n              \r\n                        <!-- Project 2: Seller Theme -->\r\n            <div class=\"va-portfolio-item\" data-category=\"wordpress\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Seller-Responsive-Multipurpose-WordPress-Theme.jpg\" alt=\"Seller - Responsive MultiPurpose Theme\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-overlay-content\">\r\n                            <h3 class=\"va-portfolio-overlay-title\">Seller Theme<\/h3>\r\n                            <div class=\"va-portfolio-overlay-category\">WordPress Creative<\/div>\r\n                            <div class=\"va-portfolio-overlay-buttons\">\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-search-alt\"><\/i>\r\n                                <\/a>\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-link-external\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <div class=\"va-portfolio-category\">WordPress \/ Creative<\/div>\r\n                    <h3 class=\"va-portfolio-title\">Seller - Responsive MultiPurpose Theme<\/h3>\r\n                    <p class=\"va-portfolio-description\">\r\n                        A versatile theme compatible with WooCommerce, WPML, and optimized for high resolution, supporting multiple browsers.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tech\">\r\n                        <span class=\"va-portfolio-tech-item\">WordPress 4.7.x<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WooCommerce<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WPML<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">Bootstrap 3.x<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-stats\">\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-star\"><\/i> 10 Ratings<\/span>\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-shopping-bag\"><\/i> 191 Sales<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"va-portfolio-link\">\r\n                        View Project\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 3: Ammo Theme -->\r\n            <div class=\"va-portfolio-item\" data-category=\"wordpress\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Ammo-Corporate-MultiPurpose-Theme.png\" alt=\"Ammo - Corporate MultiPurpose Theme\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-overlay-content\">\r\n                            <h3 class=\"va-portfolio-overlay-title\">Ammo Theme<\/h3>\r\n                            <div class=\"va-portfolio-overlay-buttons\">\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-search-alt\"><\/i>\r\n                                <\/a>\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-link-external\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <div class=\"va-portfolio-category\">WordPress \/ Corporate \/ Business<\/div>\r\n                    <h3 class=\"va-portfolio-title\">Ammo - Corporate MultiPurpose Theme<\/h3>\r\n                    <p class=\"va-portfolio-description\">\r\n                        A multi-purpose theme supporting WooCommerce, WPML, and optimized for multiple browsers, with high resolution and widget readiness.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tech\">\r\n                        <span class=\"va-portfolio-tech-item\">WordPress 5.0.x<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WooCommerce 3.4.x<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WPML<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">Bootstrap 3.x<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-stats\">\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-star\"><\/i> 20 Ratings<\/span>\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-shopping-bag\"><\/i> 322 Sales<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"va-portfolio-link\">\r\n                        View Project\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n              \r\n                <!-- Project 1 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"web\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Corporate-Website-img1.jpg\" alt=\"GlobalTech Solutions\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">GlobalTech Solutions<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Web Development<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Web Development<\/div>\r\n                        <h3 class=\"va-portfolio-title\">GlobalTech Corporate Portal<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Next-generation corporate portal featuring AI-powered content personalization, real-time collaboration tools, and advanced analytics dashboard.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Next.js<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">GraphQL<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">PostgreSQL<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Vercel<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 2 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"ecommerce\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/fashion-av-img2.jpg\" alt=\"LuxStyle Boutique\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">LuxStyle Boutique<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Digital Commerce<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Digital Commerce<\/div>\r\n                        <h3 class=\"va-portfolio-title\">LuxStyle Luxury Platform<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Premium e-commerce experience with AR try-on, blockchain-verified authenticity, and exclusive member benefits driving 300% revenue growth.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Shopify Plus<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Vue.js<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Web3.js<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">AR.js<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 3 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"software\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/FitLife-Pro-img3.jpg\" alt=\"MediCare Plus\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">MediCare Plus<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Software Solutions<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Software Solutions<\/div>\r\n                        <h3 class=\"va-portfolio-title\">MediCare Plus Platform<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Comprehensive healthcare management system with AI diagnostics, telemedicine capabilities, and seamless EHR integration serving 2M+ patients.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Python<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Django<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">TensorFlow<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Docker<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 4 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"mobile\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/QuickEats-img4.jpg\" alt=\"SwiftRide\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">SwiftRide<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Mobile Applications<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Mobile Applications<\/div>\r\n                        <h3 class=\"va-portfolio-title\">SwiftRide Mobility App<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Smart transportation platform with autonomous vehicle integration, dynamic pricing, and carbon footprint tracking across 50+ cities.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">React Native<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Firebase<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">ML Kit<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Mapbox<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 5 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"enterprise\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/manu-ev-img5.jpg\" alt=\"SmartFactory\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">SmartFactory<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Enterprise Systems<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Enterprise Systems<\/div>\r\n                        <h3 class=\"va-portfolio-title\">SmartFactory Industry 4.0<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            IoT-powered manufacturing platform with predictive maintenance, real-time monitoring, and automated quality control reducing defects by 85%.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Kubernetes<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Apache Kafka<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">InfluxDB<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Grafana<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 6 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"web\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/EduLearn-img6.jpg\" alt=\"EduFuture\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">EduFuture<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Web Development<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Web Development<\/div>\r\n                        <h3 class=\"va-portfolio-title\">EduFuture Learning Hub<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Revolutionary education platform with VR classrooms, AI tutors, and personalized learning paths serving 1M+ students globally.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Angular<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">NestJS<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Redis<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">WebXR<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 7 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"software\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/SaaS-Dashboard-img7.jpg\" alt=\"DataInsight Pro\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">DataInsight Pro<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Software Solutions<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Software Solutions<\/div>\r\n                        <h3 class=\"va-portfolio-title\">DataInsight Pro Analytics<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Enterprise-grade analytics platform with real-time data processing, predictive modeling, and automated insights generation for C-level decisions.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Apache Spark<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">React<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Cassandra<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Tableau<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 8 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"ecommerce\" data-aos=\"fade-up\" data-aos-delay=\"800\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Enterprise-ERP-Solution-img8.jpg\" alt=\"GreenMarket\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">GreenMarket<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Digital Commerce<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Digital Commerce<\/div>\r\n                        <h3 class=\"va-portfolio-title\">GreenMarket Sustainable<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Eco-conscious marketplace connecting 10K+ sustainable brands with conscious consumers, featuring carbon-neutral shipping and impact tracking.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">WooCommerce<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">React<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Elasticsearch<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Stripe<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 9 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"mobile\" data-aos=\"fade-up\" data-aos-delay=\"900\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Healthcare-Management-Platform-img9.jpg\" alt=\"MindfulLife\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">MindfulLife<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Mobile Applications<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Mobile Applications<\/div>\r\n                        <h3 class=\"va-portfolio-title\">MindfulLife Wellness<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Holistic wellness app with AI-powered meditation guidance, mood tracking, and community support achieving 4.8\u2605 rating from 500K+ users.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Flutter<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Supabase<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Core ML<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">HealthKit<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"va-portfolio-load-more\">\r\n                <button class=\"va-portfolio-load-more-btn\" id=\"loadMoreBtn\">\r\n                    Discover More Projects\r\n                    <i class=\"bx bx-down-arrow-alt\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Process Section -->\r\n    <section class=\"va-portfolio-section va-portfolio-section-light\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\">\r\n                <div class=\"va-portfolio-section-badge d-inline-block\">Our Methodology<\/div>\r\n                <h2 class=\"va-portfolio-section-title\">Excellence in Every Step<\/h2>\r\n                <p class=\"va-portfolio-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                    Our proven development methodology ensures exceptional results through systematic planning, agile execution, and continuous optimization.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-portfolio-process\">\r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-portfolio-process-number\">1<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Strategy & Discovery<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Deep dive into your business objectives, user needs, and market landscape to architect the perfect solution roadmap.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-portfolio-process-number\">2<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Design & Prototyping<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Create stunning, user-centric designs with interactive prototypes that bring your vision to life before development.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-portfolio-process-number\">3<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Agile Development<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Build robust, scalable solutions using cutting-edge technologies with iterative sprints and continuous integration.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"va-portfolio-process-number\">4<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Quality Assurance<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Comprehensive testing including automated, performance, and security testing to ensure flawless deployment.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"va-portfolio-process-number\">5<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Deployment & Launch<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Seamless deployment with zero-downtime strategies, performance monitoring, and user training for successful adoption.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <div class=\"va-portfolio-process-number\">6<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Growth & Optimization<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Continuous improvement through data-driven insights, feature enhancements, and proactive support for sustained success.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<!-- Testimonials Section -->\r\n<section class=\"va-portfolio-section va-portfolio-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-portfolio-section-badge d-inline-block\">Happy Customers<\/div>\r\n            <h2 class=\"va-portfolio-section-title\">What Our Users Say<\/h2>\r\n            <p class=\"va-portfolio-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Discover why thousands of developers, designers, and business owners trust our premium themes and templates for their projects.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-portfolio-testimonials\">\r\n            <div class=\"va-portfolio-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <p class=\"va-portfolio-testimonial-content\">\r\n                    \"The GRID X theme completely transformed our agency's workflow. The WPBakery integration is seamless, and the pre-built demos saved us countless hours. Our clients are thrilled with the results, and we've seen a 40% increase in project turnaround speed. Absolutely worth every penny!\"\r\n                <\/p>\r\n                <div class=\"va-portfolio-testimonial-author\">\r\n                    <div class=\"va-portfolio-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Alex-Roberts.png\" alt=\"Alex Roberts\">\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-info\">\r\n                        <div class=\"va-portfolio-testimonial-name\">Alexandra Williams<\/div>\r\n                        <div class=\"va-portfolio-testimonial-position\">Creative Director, PixelPerfect Agency<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-portfolio-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <p class=\"va-portfolio-testimonial-content\">\r\n                    \"As a developer, I appreciate the clean code and extensive documentation. The Mana theme's WooCommerce integration is flawless, and the WPML support made our international launch smooth. The customer support team is incredibly responsive and helpful. Highly recommended!\"\r\n                <\/p>\r\n                <div class=\"va-portfolio-testimonial-author\">\r\n                    <div class=\"va-portfolio-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Kevin-Peterson.png\" alt=\"Kevin Peterson\">\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-info\">\r\n                        <div class=\"va-portfolio-testimonial-name\">David Chen<\/div>\r\n                        <div class=\"va-portfolio-testimonial-position\">Senior WordPress Developer<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-portfolio-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <p class=\"va-portfolio-testimonial-content\">\r\n                    \"The Mustang HTML template was exactly what we needed for our startup. The Bootstrap framework made customization a breeze, and the responsive design looks perfect on all devices. We launched our website in just 3 days instead of weeks. Fantastic product!\"\r\n                <\/p>\r\n                <div class=\"va-portfolio-testimonial-author\">\r\n                    <div class=\"va-portfolio-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Sophia-Lee.png\" alt=\"Sophia Lee\">\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-info\">\r\n                        <div class=\"va-portfolio-testimonial-name\">Emma Thompson<\/div>\r\n                        <div class=\"va-portfolio-testimonial-position\">Founder, TechStart Solutions<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"text-center mt-5\">\r\n            <div class=\"va-portfolio-testimonial-stats\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-4 mb-4 mb-md-0\">\r\n                        <div class=\"va-portfolio-stat-item\">\r\n                            <div class=\"va-portfolio-stat-number\">15,000+<\/div>\r\n                            <div class=\"va-portfolio-stat-label\">Happy Customers<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"col-md-4 mb-4 mb-md-0\">\r\n                        <div class=\"va-portfolio-stat-item\">\r\n                            <div class=\"va-portfolio-stat-number\">4.9\/5<\/div>\r\n                            <div class=\"va-portfolio-stat-label\">Average Rating<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"va-portfolio-stat-item\">\r\n                            <div class=\"va-portfolio-stat-number\">24\/7<\/div>\r\n                            <div class=\"va-portfolio-stat-label\">Customer Support<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"va-portfolio-cta\">\r\n        <div class=\"container\">\r\n            <div class=\"va-portfolio-cta-content\">\r\n                <h2 class=\"va-portfolio-cta-title\" data-aos=\"fade-up\">Ready to Create Your Success Story?<\/h2>\r\n                <p class=\"va-portfolio-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    Join thousands of successful businesses that have transformed their digital presence with our innovative solutions. Let's build something extraordinary together.\r\n                <\/p>\r\n                <div class=\"va-portfolio-cta-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <a href=\"\/contact\" class=\"va-portfolio-cta-btn va-portfolio-cta-btn-primary\">\r\n                        Begin Your Journey\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"\/services\" class=\"va-portfolio-cta-btn va-portfolio-cta-btn-secondary\">\r\n                        Explore Solutions\r\n                        <i class=\"bx bx-briefcase\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Back to Top Button -->\r\n    <button class=\"anv-footer-back-to-top show\" id=\"backToTop\" aria-label=\"Back to top\">\r\n        <i class=\"bx bx-up-arrow-alt\"><\/i>\r\n    <\/button>\r\n\r\n    <!-- Scripts -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n    <script>\r\n        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 1000,\r\n            once: true,\r\n            offset: 100\r\n        });\r\n\r\n        \/\/ Portfolio Filter\r\n        const portfolioFilters = document.querySelectorAll('.va-portfolio-filter');\r\n        const portfolioItems = document.querySelectorAll('.va-portfolio-item');\r\n\r\n        portfolioFilters.forEach(filter => {\r\n            filter.addEventListener('click', () => {\r\n                \/\/ Remove active class from all filters\r\n                portfolioFilters.forEach(f => f.classList.remove('active'));\r\n                \/\/ Add active class to clicked filter\r\n                filter.classList.add('active');\r\n                \r\n                const filterValue = filter.getAttribute('data-filter');\r\n                \r\n                portfolioItems.forEach(item => {\r\n                    if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {\r\n                        item.style.display = 'block';\r\n                        \/\/ Re-trigger AOS animation\r\n                        item.classList.remove('aos-animate');\r\n                        setTimeout(() => {\r\n                            item.classList.add('aos-animate');\r\n                        }, 100);\r\n                    } else {\r\n                        item.style.display = 'none';\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Load More functionality\r\n        const loadMoreBtn = document.getElementById('loadMoreBtn');\r\n        let itemsShowing = 9;\r\n        const totalItems = portfolioItems.length;\r\n\r\n        \/\/ Initially hide items beyond the first 9\r\n        portfolioItems.forEach((item, index) => {\r\n            if (index >= itemsShowing) {\r\n                item.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        loadMoreBtn.addEventListener('click', () => {\r\n            const currentFilter = document.querySelector('.va-portfolio-filter.active').getAttribute('data-filter');\r\n            let hiddenItems = 0;\r\n            \r\n            portfolioItems.forEach((item, index) => {\r\n                if (index >= itemsShowing) {\r\n                    if (currentFilter === 'all' || item.getAttribute('data-category') === currentFilter) {\r\n                        item.style.display = 'block';\r\n                        \/\/ Trigger AOS animation\r\n                        setTimeout(() => {\r\n                            item.classList.add('aos-animate');\r\n                        }, hiddenItems * 100);\r\n                        hiddenItems++;\r\n                    }\r\n                }\r\n            });\r\n            \r\n            itemsShowing += hiddenItems;\r\n            \r\n            \/\/ Hide load more button if all items are showing\r\n            if (itemsShowing >= totalItems) {\r\n                loadMoreBtn.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/\/ Smooth Scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Counter animation for hero stats\r\n        const observerOptions = {\r\n            threshold: 0.5,\r\n            rootMargin: '0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const counters = entry.target.querySelectorAll('.va-portfolio-hero-stat-number');\r\n                    counters.forEach(counter => {\r\n                        const target = counter.innerText;\r\n                        const finalNumber = parseInt(target);\r\n                        if (!isNaN(finalNumber)) {\r\n                            let currentNumber = 0;\r\n                            const increment = finalNumber \/ 50;\r\n                            \r\n                            const updateCounter = () => {\r\n                                if (currentNumber < finalNumber) {\r\n                                    currentNumber += increment;\r\n                                    counter.innerText = Math.ceil(currentNumber) + '+';\r\n                                    requestAnimationFrame(updateCounter);\r\n                                } else {\r\n                                    counter.innerText = target;\r\n                                }\r\n                            };\r\n                            \r\n                            updateCounter();\r\n                        }\r\n                    });\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe hero stats\r\n        const heroStats = document.querySelector('.va-portfolio-hero-stats');\r\n        if (heroStats) {\r\n            observer.observe(heroStats);\r\n        }\r\n    <\/script>\r\n \r\n\r\n           <!-- footer -->\r\n           <script>\r\n     \r\n            \/\/ Back to Top Button\r\n            const backToTopBtn = document.getElementById('backToTop');\r\n            \r\n            window.addEventListener('scroll', () => {\r\n                if (window.pageYOffset > 300) {\r\n                    backToTopBtn.classList.add('show');\r\n                } else {\r\n                    backToTopBtn.classList.remove('show');\r\n                }\r\n            });\r\n            \r\n            backToTopBtn.addEventListener('click', () => {\r\n                window.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n            <\/script>\r\n\r\n[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"   <style>\r\n        :root {\r\n            --va-portfolio-primary: #6366F1;\r\n            --va-portfolio-primary-dark: #4F46E5;\r\n            --va-portfolio-primary-light: #818CF8;\r\n            --va-portfolio-secondary: #EC4899;\r\n            --va-portfolio-accent: #10B981;\r\n            --va-portfolio-dark: #0F172A;\r\n            --va-portfolio-dark-lighter: #1E293B;\r\n            --va-portfolio-gray: #64748B;\r\n            --va-portfolio-light-gray: #F1F5F9;\r\n            --va-portfolio-white: #FFFFFF;\r\n            --va-portfolio-gradient-1: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-portfolio-gradient-2: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-portfolio-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);\r\n            --va-portfolio-gradient-text: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --va-portfolio-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --va-portfolio-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\r\n            --va-portfolio-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n            --va-portfolio-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n            overflow-x: hidden;\r\n            background-color: var(--va-portfolio-white);\r\n            color: var(--va-portfolio-dark);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            font-weight: 700;\r\n            color: var(--va-portfolio-dark);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .va-portfolio-hero {\r\n            min-height: 100vh;\r\n            background: var(--va-portfolio-gradient-hero);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .va-portfolio-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 20%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-portfolio-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .va-portfolio-hero-breadcrumb {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            margin-bottom: 32px;\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .va-portfolio-hero-breadcrumb a {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .va-portfolio-hero-breadcrumb a:hover {\r\n            color: var(--va-portfolio-white);\r\n        }\r\n\r\n        .va-portfolio-hero-breadcrumb i {\r\n            color: var(--va-portfolio-primary);\r\n        }\r\n\r\n        .va-portfolio-hero-title {\r\n            font-size: 72px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 24px;\r\n            line-height: 1.1;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .va-portfolio-hero-title .va-portfolio-gradient-text {\r\n            background: var(--va-portfolio-gradient-text);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .va-portfolio-hero-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 40px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-portfolio-hero-stats {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 60px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-portfolio-hero-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .va-portfolio-hero-stat-number {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 8px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-portfolio-hero-stat-label {\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .va-portfolio-section {\r\n            padding: 120px 0;\r\n        }\r\n\r\n        .va-portfolio-section-light {\r\n            background-color: var(--va-portfolio-white);\r\n        }\r\n\r\n        .va-portfolio-section-gray {\r\n            background-color: var(--va-portfolio-light-gray);\r\n        }\r\n\r\n        .va-portfolio-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-portfolio-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-portfolio-section-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: var(--va-portfolio-dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-portfolio-section-text {\r\n            font-size: 18px;\r\n            color: var(--va-portfolio-gray);\r\n            margin-bottom: 24px;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Portfolio Filters *\/\r\n        .va-portfolio-filters {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 12px;\r\n            justify-content: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .va-portfolio-filter {\r\n            padding: 12px 24px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 30px;\r\n            color: var(--va-portfolio-primary);\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .va-portfolio-filter.active,\r\n        .va-portfolio-filter:hover {\r\n            background: var(--va-portfolio-gradient-2);\r\n            color: var(--va-portfolio-white);\r\n            border-color: var(--va-portfolio-primary);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Portfolio Grid *\/\r\n        .va-portfolio-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\r\n            gap: 40px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .va-portfolio-item {\r\n            background: var(--va-portfolio-white);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--va-portfolio-shadow-lg);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .va-portfolio-item:hover {\r\n            transform: translateY(-15px);\r\n            box-shadow: var(--va-portfolio-shadow-xl);\r\n        }\r\n\r\n        .va-portfolio-image {\r\n            height: 280px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .va-portfolio-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .va-portfolio-item:hover .va-portfolio-image img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .va-portfolio-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%);\r\n            display: flex;\r\n            align-items: flex-end;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n            padding: 30px;\r\n        }\r\n\r\n        .va-portfolio-item:hover .va-portfolio-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .va-portfolio-overlay-content {\r\n            text-align: center;\r\n            color: var(--va-portfolio-white);\r\n        }\r\n\r\n        .va-portfolio-overlay-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            margin-bottom: 8px;\r\n            color: #fff;\r\n        }\r\n\r\n        .va-portfolio-overlay-category {\r\n            font-size: 14px;\r\n            opacity: 0.9;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .va-portfolio-overlay-buttons {\r\n            display: flex;\r\n            gap: 12px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .va-portfolio-overlay-btn {\r\n            width: 44px;\r\n            height: 44px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--va-portfolio-white);\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .va-portfolio-overlay-btn:hover {\r\n            background: var(--va-portfolio-white);\r\n            color: var(--va-portfolio-primary);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .va-portfolio-content {\r\n            padding: 30px;\r\n        }\r\n\r\n        .va-portfolio-category {\r\n            display: inline-block;\r\n            padding: 6px 12px;\r\n            background: rgba(99, 102, 241, 0.1);\r\n            border-radius: 20px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: var(--va-portfolio-primary);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .va-portfolio-title {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--va-portfolio-dark);\r\n            margin-bottom: 12px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .va-portfolio-description {\r\n            font-size: 15px;\r\n            color: var(--va-portfolio-gray);\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-portfolio-tech {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-portfolio-tech-item {\r\n            padding: 4px 10px;\r\n            background: rgba(99, 102, 241, 0.05);\r\n            border-radius: 12px;\r\n            font-size: 11px;\r\n            color: var(--va-portfolio-gray);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .va-portfolio-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--va-portfolio-primary);\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .va-portfolio-link:hover {\r\n            gap: 12px;\r\n            color: var(--va-portfolio-primary-dark);\r\n        }\r\n\r\n        \/* Featured Project *\/\r\n        .va-portfolio-featured {\r\n            background: var(--va-portfolio-gradient-2);\r\n            border-radius: 30px;\r\n            padding: 60px;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 80px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-portfolio-featured::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.05\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>') no-repeat bottom;\r\n            background-size: cover;\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .va-portfolio-featured-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .va-portfolio-featured-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 100px;\r\n            padding: 8px 16px;\r\n            color: var(--va-portfolio-white);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-portfolio-featured-title {\r\n            font-size: 42px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .va-portfolio-featured-description {\r\n            font-size: 18px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.7;\r\n            margin-bottom: 30px;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .va-portfolio-featured-stats {\r\n            display: flex;\r\n            gap: 40px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .va-portfolio-featured-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .va-portfolio-featured-stat-number {\r\n            font-size: 36px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 8px;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-portfolio-featured-stat-label {\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        .va-portfolio-featured-buttons {\r\n            display: flex;\r\n            gap: 16px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .va-portfolio-featured-btn {\r\n            padding: 14px 28px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-portfolio-featured-btn-primary {\r\n            background: var(--va-portfolio-white);\r\n            color: var(--va-portfolio-primary);\r\n        }\r\n\r\n        .va-portfolio-featured-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .va-portfolio-featured-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-portfolio-white)!important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .va-portfolio-featured-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Process Section *\/\r\n        .va-portfolio-process {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-portfolio-process-step {\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .va-portfolio-process-step::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 40px;\r\n            right: -20px;\r\n            width: 40px;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, var(--va-portfolio-primary) 0%, transparent 100%);\r\n        }\r\n\r\n        .va-portfolio-process-step:last-child::after {\r\n            display: none;\r\n        }\r\n\r\n        .va-portfolio-process-number {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--va-portfolio-gradient-2);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 32px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-portfolio-process-title {\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--va-portfolio-dark);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .va-portfolio-process-description {\r\n            font-size: 14px;\r\n            color: var(--va-portfolio-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Testimonials *\/\r\n        .va-portfolio-testimonials {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-portfolio-testimonial {\r\n            background: var(--va-portfolio-white);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            box-shadow: var(--va-portfolio-shadow-lg);\r\n            position: relative;\r\n        }\r\n\r\n        .va-portfolio-testimonial::before {\r\n            content: '\"';\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            font-size: 60px;\r\n            color: var(--va-portfolio-primary);\r\n            opacity: 0.1;\r\n            font-family: 'Space Grotesk', sans-serif;\r\n        }\r\n\r\n        .va-portfolio-testimonial-content {\r\n            font-size: 16px;\r\n            color: var(--va-portfolio-gray);\r\n            line-height: 1.7;\r\n            margin-bottom: 20px;\r\n            font-style: italic;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .va-portfolio-testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n        }\r\n\r\n        .va-portfolio-testimonial-image {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-portfolio-testimonial-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .va-portfolio-testimonial-info {\r\n            flex: 1;\r\n        }\r\n\r\n        .va-portfolio-testimonial-name {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: var(--va-portfolio-dark);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .va-portfolio-testimonial-position {\r\n            font-size: 13px;\r\n            color: var(--va-portfolio-primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .va-portfolio-testimonial-rating {\r\n            display: flex;\r\n            gap: 4px;\r\n            margin-left: auto;\r\n        }\r\n\r\n        .va-portfolio-testimonial-rating i {\r\n            color: #FFC107;\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .va-portfolio-cta {\r\n            padding: 120px 0;\r\n            background: var(--va-portfolio-gradient-2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .va-portfolio-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.05\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path><\/svg>') no-repeat bottom;\r\n            background-size: cover;\r\n        }\r\n\r\n        .va-portfolio-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .va-portfolio-cta-title {\r\n            font-size: 48px;\r\n            font-weight: 800;\r\n            color: var(--va-portfolio-white);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .va-portfolio-cta-subtitle {\r\n            font-size: 20px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 40px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .va-portfolio-cta-buttons {\r\n            display: flex;\r\n            gap: 16px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .va-portfolio-cta-btn {\r\n            padding: 16px 32px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .va-portfolio-cta-btn-primary {\r\n            background: var(--va-portfolio-white);\r\n            color: var(--va-portfolio-primary);\r\n        }\r\n\r\n        .va-portfolio-cta-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .va-portfolio-cta-btn-secondary {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            color: var(--va-portfolio-white)!important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .va-portfolio-cta-btn-secondary:hover {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Load More Button *\/\r\n        .va-portfolio-load-more {\r\n            text-align: center;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .va-portfolio-load-more-btn {\r\n            padding: 16px 40px;\r\n            background: var(--va-portfolio-gradient-2);\r\n            color: var(--va-portfolio-white);\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .va-portfolio-load-more-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--va-portfolio-shadow-lg);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .va-portfolio-hero-title {\r\n                font-size: 56px;\r\n            }\r\n            \r\n            .va-portfolio-section-title {\r\n                font-size: 40px;\r\n            }\r\n            \r\n            .va-portfolio-hero-stats {\r\n                gap: 40px;\r\n            }\r\n            \r\n            .va-portfolio-process-step::after {\r\n                display: none;\r\n            }\r\n            \r\n            .va-portfolio-featured {\r\n                padding: 40px;\r\n            }\r\n            \r\n            .va-portfolio-featured-title {\r\n                font-size: 32px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .va-portfolio-hero-title {\r\n                font-size: 42px;\r\n            }\r\n            \r\n            .va-portfolio-section-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-portfolio-cta-title {\r\n                font-size: 36px;\r\n            }\r\n            \r\n            .va-portfolio-hero-stats {\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .va-portfolio-featured-stats {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n            }\r\n            \r\n            .va-portfolio-featured-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-portfolio-cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .va-portfolio-cta-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .va-portfolio-hero-title {\r\n                font-size: 32px;\r\n            }\r\n            \r\n            .va-portfolio-section-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-portfolio-cta-title {\r\n                font-size: 28px;\r\n            }\r\n            \r\n            .va-portfolio-section {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .va-portfolio-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .va-portfolio-featured {\r\n                padding: 30px;\r\n            }\r\n            \r\n            .va-portfolio-featured-title {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n\r\n            \/* Back to Top Button *\/\r\n            .anv-footer-back-to-top {\r\n                position: fixed;\r\n                bottom: 30px;\r\n                right: 30px;\r\n                width: 50px;\r\n                height: 50px;\r\n                background: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n                border: none;\r\n                border-radius: 50%;\r\n                color: #FFFFFF;\r\n                font-size: 24px;\r\n                cursor: pointer;\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transition: all 0.3s ease;\r\n                z-index: 1000;\r\n                box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);\r\n            }\r\n\r\n            .anv-footer-back-to-top.show {\r\n                opacity: 1;\r\n                visibility: visible;\r\n            }\r\n\r\n            .anv-footer-back-to-top:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);\r\n            }\r\n\r\n            \/* Responsive Design *\/\r\n            @media (max-width: 768px) {\r\n                \r\n                .anv-footer-back-to-top {\r\n                    bottom: 20px;\r\n                    right: 20px;\r\n                    width: 45px;\r\n                    height: 45px;\r\n                    font-size: 20px;\r\n                }\r\n            }\r\n    <\/style>\r\n<style id=\"vvvebjs-styles\"><\/style><\/head>\r\n    <body class=\"antialiased\" data-new-gr-c-s-check-loaded=\"14.1271.0\" data-gr-ext-installed=\"\" data-aos-easing=\"ease\" data-aos-duration=\"1000\" data-aos-delay=\"0\">\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"va-portfolio-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"row align-items-center min-vh-100\">\r\n                <div class=\"col-lg-12\">\r\n                    <div class=\"va-portfolio-hero-content text-center\">\r\n                        <div class=\"va-portfolio-hero-breadcrumb\">\r\n                            <span><a href=\"\/\">Home<\/a><\/span>\r\n                            <i class=\"bx bx-chevron-right\"><\/i>\r\n                            <span>Portfolio<\/span>\r\n                        <\/div>\r\n                        <h1 class=\"va-portfolio-hero-title\">\r\n                            Our <span class=\"va-portfolio-gradient-text\">Success Stories<\/span>\r\n                        <\/h1>\r\n                        <p class=\"va-portfolio-hero-subtitle\">\r\n                            Discover how we've helped businesses across the globe achieve digital excellence through innovative solutions, cutting-edge technology, and strategic partnerships that drive real results.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-hero-stats\">\r\n                            <div class=\"va-portfolio-hero-stat\">\r\n                                <div class=\"va-portfolio-hero-stat-number\">4500+<\/div>\r\n                                <div class=\"va-portfolio-hero-stat-label\">Projects Delivered<\/div>\r\n                            <\/div>\r\n                            <div class=\"va-portfolio-hero-stat\">\r\n                                <div class=\"va-portfolio-hero-stat-number\">15000+<\/div>\r\n                                <div class=\"va-portfolio-hero-stat-label\">Satisfied Clients<\/div>\r\n                            <\/div>\r\n                            <div class=\"va-portfolio-hero-stat\">\r\n                                <div class=\"va-portfolio-hero-stat-number\">15+<\/div>\r\n                                <div class=\"va-portfolio-hero-stat-label\">Years Innovation<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Featured Project Section -->\r\n    <section class=\"va-portfolio-section va-portfolio-section-light\">\r\n        <div class=\"container\">\r\n            <div class=\"va-portfolio-featured\" data-aos=\"fade-up\">\r\n                <div class=\"va-portfolio-featured-content\">\r\n                    <div class=\"va-portfolio-featured-badge\">\r\n                        <i class=\"bx bx-star\"><\/i>\r\n                        Award-Winning Project\r\n                    <\/div>\r\n                    <h2 class=\"va-portfolio-featured-title\">CloudSync - Enterprise Cloud Platform<\/h2>\r\n                    <p class=\"va-portfolio-featured-description\">\r\n                        Revolutionary cloud infrastructure solution managing 50PB+ of data for Fortune 500 companies, featuring zero-downtime migrations, advanced security protocols, and AI-driven optimization that reduced operational costs by 40%.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-featured-stats\">\r\n                        <div class=\"va-portfolio-featured-stat\">\r\n                            <div class=\"va-portfolio-featured-stat-number\">500+<\/div>\r\n                            <div class=\"va-portfolio-featured-stat-label\">Enterprise Clients<\/div>\r\n                        <\/div>\r\n                        <div class=\"va-portfolio-featured-stat\">\r\n                            <div class=\"va-portfolio-featured-stat-number\">50PB+<\/div>\r\n                            <div class=\"va-portfolio-featured-stat-label\">Data Managed<\/div>\r\n                        <\/div>\r\n                        <div class=\"va-portfolio-featured-stat\">\r\n                            <div class=\"va-portfolio-featured-stat-number\">99.99%<\/div>\r\n                            <div class=\"va-portfolio-featured-stat-label\">SLA Compliance<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-featured-buttons\">\r\n                        <a href=\"#\" class=\"va-portfolio-featured-btn va-portfolio-featured-btn-primary\">\r\n                            View Success Story\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"va-portfolio-featured-btn va-portfolio-featured-btn-secondary\">\r\n                            Live Platform\r\n                            <i class=\"bx bx-external-link\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Portfolio Grid Section -->\r\n    <section class=\"va-portfolio-section va-portfolio-section-gray\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\">\r\n                <div class=\"va-portfolio-section-badge d-inline-block\">Featured Work<\/div>\r\n                <h2 class=\"va-portfolio-section-title\">Latest Innovations<\/h2>\r\n                <p class=\"va-portfolio-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                    Explore our cutting-edge projects that push boundaries and deliver exceptional value across industries, from startups to Fortune 500 enterprises.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-portfolio-filters\">\r\n                <button class=\"va-portfolio-filter active\" data-filter=\"all\">All Projects<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"web\">Web Development<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"software\">Software Solutions<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"mobile\">Mobile Applications<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"ecommerce\">Digital Commerce<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"enterprise\">Enterprise Systems<\/button>\r\n                <button class=\"va-portfolio-filter\" data-filter=\"wordpress\">Wordpress Theme<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"va-portfolio-grid\">\r\n              \r\n            <!-- Project 1: Mana Theme -->\r\n            <div class=\"va-portfolio-item\" data-category=\"wordpress\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Mana-Responsive-Multipurpose-WordPress-Theme.png\" alt=\"Mana - Responsive Multi-Purpose Theme\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-overlay-content\">\r\n                            <h3 class=\"va-portfolio-overlay-title\">Mana Theme<\/h3>\r\n                            <div class=\"va-portfolio-overlay-category\">WordPress Corporate Business<\/div>\r\n                            <div class=\"va-portfolio-overlay-buttons\">\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-search-alt\"><\/i>\r\n                                <\/a>\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-link-external\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <div class=\"va-portfolio-category\">WordPress \/ Corporate \/ Business<\/div>\r\n                    <h3 class=\"va-portfolio-title\">Mana - Responsive Multi-Purpose Theme<\/h3>\r\n                    <p class=\"va-portfolio-description\">\r\n                        A responsive theme with compatibility for WooCommerce, Visual Composer, and WPML, optimized for multiple browsers, and supporting high resolution and widgets.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tech\">\r\n                        <span class=\"va-portfolio-tech-item\">WordPress 5.5.x<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">Visual Composer<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WooCommerce<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WPML<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-stats\">\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-star\"><\/i> 108 Ratings<\/span>\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-shopping-bag\"><\/i> 1,123 Sales<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"va-portfolio-link\">\r\n                        View Project\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n              \r\n                        <!-- Project 2: Seller Theme -->\r\n            <div class=\"va-portfolio-item\" data-category=\"wordpress\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Seller-Responsive-Multipurpose-WordPress-Theme.jpg\" alt=\"Seller - Responsive MultiPurpose Theme\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-overlay-content\">\r\n                            <h3 class=\"va-portfolio-overlay-title\">Seller Theme<\/h3>\r\n                            <div class=\"va-portfolio-overlay-category\">WordPress Creative<\/div>\r\n                            <div class=\"va-portfolio-overlay-buttons\">\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-search-alt\"><\/i>\r\n                                <\/a>\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-link-external\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <div class=\"va-portfolio-category\">WordPress \/ Creative<\/div>\r\n                    <h3 class=\"va-portfolio-title\">Seller - Responsive MultiPurpose Theme<\/h3>\r\n                    <p class=\"va-portfolio-description\">\r\n                        A versatile theme compatible with WooCommerce, WPML, and optimized for high resolution, supporting multiple browsers.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tech\">\r\n                        <span class=\"va-portfolio-tech-item\">WordPress 4.7.x<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WooCommerce<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WPML<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">Bootstrap 3.x<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-stats\">\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-star\"><\/i> 10 Ratings<\/span>\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-shopping-bag\"><\/i> 191 Sales<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"va-portfolio-link\">\r\n                        View Project\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Project 3: Ammo Theme -->\r\n            <div class=\"va-portfolio-item\" data-category=\"wordpress\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"va-portfolio-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Ammo-Corporate-MultiPurpose-Theme.png\" alt=\"Ammo - Corporate MultiPurpose Theme\">\r\n                    <div class=\"va-portfolio-overlay\">\r\n                        <div class=\"va-portfolio-overlay-content\">\r\n                            <h3 class=\"va-portfolio-overlay-title\">Ammo Theme<\/h3>\r\n                            <div class=\"va-portfolio-overlay-buttons\">\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-search-alt\"><\/i>\r\n                                <\/a>\r\n                                <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                    <i class=\"bx bx-link-external\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"va-portfolio-content\">\r\n                    <div class=\"va-portfolio-category\">WordPress \/ Corporate \/ Business<\/div>\r\n                    <h3 class=\"va-portfolio-title\">Ammo - Corporate MultiPurpose Theme<\/h3>\r\n                    <p class=\"va-portfolio-description\">\r\n                        A multi-purpose theme supporting WooCommerce, WPML, and optimized for multiple browsers, with high resolution and widget readiness.\r\n                    <\/p>\r\n                    <div class=\"va-portfolio-tech\">\r\n                        <span class=\"va-portfolio-tech-item\">WordPress 5.0.x<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WooCommerce 3.4.x<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">WPML<\/span>\r\n                        <span class=\"va-portfolio-tech-item\">Bootstrap 3.x<\/span>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-stats\">\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-star\"><\/i> 20 Ratings<\/span>\r\n                        <span class=\"va-portfolio-stat\"><i class=\"bx bx-shopping-bag\"><\/i> 322 Sales<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"va-portfolio-link\">\r\n                        View Project\r\n                        <i class=\"bx bx-arrow-right\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n              \r\n                <!-- Project 1 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"web\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Corporate-Website-img1.jpg\" alt=\"GlobalTech Solutions\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">GlobalTech Solutions<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Web Development<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Web Development<\/div>\r\n                        <h3 class=\"va-portfolio-title\">GlobalTech Corporate Portal<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Next-generation corporate portal featuring AI-powered content personalization, real-time collaboration tools, and advanced analytics dashboard.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Next.js<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">GraphQL<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">PostgreSQL<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Vercel<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 2 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"ecommerce\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/fashion-av-img2.jpg\" alt=\"LuxStyle Boutique\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">LuxStyle Boutique<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Digital Commerce<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Digital Commerce<\/div>\r\n                        <h3 class=\"va-portfolio-title\">LuxStyle Luxury Platform<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Premium e-commerce experience with AR try-on, blockchain-verified authenticity, and exclusive member benefits driving 300% revenue growth.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Shopify Plus<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Vue.js<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Web3.js<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">AR.js<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 3 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"software\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/FitLife-Pro-img3.jpg\" alt=\"MediCare Plus\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">MediCare Plus<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Software Solutions<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Software Solutions<\/div>\r\n                        <h3 class=\"va-portfolio-title\">MediCare Plus Platform<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Comprehensive healthcare management system with AI diagnostics, telemedicine capabilities, and seamless EHR integration serving 2M+ patients.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Python<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Django<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">TensorFlow<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Docker<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 4 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"mobile\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/QuickEats-img4.jpg\" alt=\"SwiftRide\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">SwiftRide<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Mobile Applications<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Mobile Applications<\/div>\r\n                        <h3 class=\"va-portfolio-title\">SwiftRide Mobility App<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Smart transportation platform with autonomous vehicle integration, dynamic pricing, and carbon footprint tracking across 50+ cities.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">React Native<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Firebase<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">ML Kit<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Mapbox<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 5 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"enterprise\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/manu-ev-img5.jpg\" alt=\"SmartFactory\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">SmartFactory<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Enterprise Systems<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Enterprise Systems<\/div>\r\n                        <h3 class=\"va-portfolio-title\">SmartFactory Industry 4.0<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            IoT-powered manufacturing platform with predictive maintenance, real-time monitoring, and automated quality control reducing defects by 85%.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Kubernetes<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Apache Kafka<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">InfluxDB<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Grafana<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 6 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"web\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/EduLearn-img6.jpg\" alt=\"EduFuture\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">EduFuture<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Web Development<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Web Development<\/div>\r\n                        <h3 class=\"va-portfolio-title\">EduFuture Learning Hub<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Revolutionary education platform with VR classrooms, AI tutors, and personalized learning paths serving 1M+ students globally.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Angular<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">NestJS<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Redis<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">WebXR<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 7 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"software\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/SaaS-Dashboard-img7.jpg\" alt=\"DataInsight Pro\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">DataInsight Pro<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Software Solutions<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Software Solutions<\/div>\r\n                        <h3 class=\"va-portfolio-title\">DataInsight Pro Analytics<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Enterprise-grade analytics platform with real-time data processing, predictive modeling, and automated insights generation for C-level decisions.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Apache Spark<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">React<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Cassandra<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Tableau<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 8 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"ecommerce\" data-aos=\"fade-up\" data-aos-delay=\"800\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Enterprise-ERP-Solution-img8.jpg\" alt=\"GreenMarket\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">GreenMarket<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Digital Commerce<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Digital Commerce<\/div>\r\n                        <h3 class=\"va-portfolio-title\">GreenMarket Sustainable<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Eco-conscious marketplace connecting 10K+ sustainable brands with conscious consumers, featuring carbon-neutral shipping and impact tracking.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">WooCommerce<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">React<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Elasticsearch<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Stripe<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Project 9 -->\r\n                <div class=\"va-portfolio-item\" data-category=\"mobile\" data-aos=\"fade-up\" data-aos-delay=\"900\">\r\n                    <div class=\"va-portfolio-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Healthcare-Management-Platform-img9.jpg\" alt=\"MindfulLife\">\r\n                        <div class=\"va-portfolio-overlay\">\r\n                            <div class=\"va-portfolio-overlay-content\">\r\n                                <h3 class=\"va-portfolio-overlay-title\">MindfulLife<\/h3>\r\n                                <div class=\"va-portfolio-overlay-category\">Mobile Applications<\/div>\r\n                                <div class=\"va-portfolio-overlay-buttons\">\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-search-alt\"><\/i>\r\n                                    <\/a>\r\n                                    <a href=\"#\" class=\"va-portfolio-overlay-btn\">\r\n                                        <i class=\"bx bx-link-external\"><\/i>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-content\">\r\n                        <div class=\"va-portfolio-category\">Mobile Applications<\/div>\r\n                        <h3 class=\"va-portfolio-title\">MindfulLife Wellness<\/h3>\r\n                        <p class=\"va-portfolio-description\">\r\n                            Holistic wellness app with AI-powered meditation guidance, mood tracking, and community support achieving 4.8\u2605 rating from 500K+ users.\r\n                        <\/p>\r\n                        <div class=\"va-portfolio-tech\">\r\n                            <span class=\"va-portfolio-tech-item\">Flutter<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Supabase<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">Core ML<\/span>\r\n                            <span class=\"va-portfolio-tech-item\">HealthKit<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"va-portfolio-link\">\r\n                            View Project\r\n                            <i class=\"bx bx-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"va-portfolio-load-more\">\r\n                <button class=\"va-portfolio-load-more-btn\" id=\"loadMoreBtn\">\r\n                    Discover More Projects\r\n                    <i class=\"bx bx-down-arrow-alt\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Process Section -->\r\n    <section class=\"va-portfolio-section va-portfolio-section-light\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\">\r\n                <div class=\"va-portfolio-section-badge d-inline-block\">Our Methodology<\/div>\r\n                <h2 class=\"va-portfolio-section-title\">Excellence in Every Step<\/h2>\r\n                <p class=\"va-portfolio-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                    Our proven development methodology ensures exceptional results through systematic planning, agile execution, and continuous optimization.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"va-portfolio-process\">\r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"va-portfolio-process-number\">1<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Strategy & Discovery<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Deep dive into your business objectives, user needs, and market landscape to architect the perfect solution roadmap.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"va-portfolio-process-number\">2<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Design & Prototyping<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Create stunning, user-centric designs with interactive prototypes that bring your vision to life before development.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"va-portfolio-process-number\">3<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Agile Development<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Build robust, scalable solutions using cutting-edge technologies with iterative sprints and continuous integration.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"va-portfolio-process-number\">4<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Quality Assurance<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Comprehensive testing including automated, performance, and security testing to ensure flawless deployment.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"va-portfolio-process-number\">5<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Deployment & Launch<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Seamless deployment with zero-downtime strategies, performance monitoring, and user training for successful adoption.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"va-portfolio-process-step\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <div class=\"va-portfolio-process-number\">6<\/div>\r\n                    <h3 class=\"va-portfolio-process-title\">Growth & Optimization<\/h3>\r\n                    <p class=\"va-portfolio-process-description\">\r\n                        Continuous improvement through data-driven insights, feature enhancements, and proactive support for sustained success.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<!-- Testimonials Section -->\r\n<section class=\"va-portfolio-section va-portfolio-section-gray\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"va-portfolio-section-badge d-inline-block\">Happy Customers<\/div>\r\n            <h2 class=\"va-portfolio-section-title\">What Our Users Say<\/h2>\r\n            <p class=\"va-portfolio-section-text mx-auto\" style=\"max-width: 700px;\">\r\n                Discover why thousands of developers, designers, and business owners trust our premium themes and templates for their projects.\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"va-portfolio-testimonials\">\r\n            <div class=\"va-portfolio-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <p class=\"va-portfolio-testimonial-content\">\r\n                    \"The GRID X theme completely transformed our agency's workflow. The WPBakery integration is seamless, and the pre-built demos saved us countless hours. Our clients are thrilled with the results, and we've seen a 40% increase in project turnaround speed. Absolutely worth every penny!\"\r\n                <\/p>\r\n                <div class=\"va-portfolio-testimonial-author\">\r\n                    <div class=\"va-portfolio-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Alex-Roberts.png\" alt=\"Alex Roberts\">\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-info\">\r\n                        <div class=\"va-portfolio-testimonial-name\">Alexandra Williams<\/div>\r\n                        <div class=\"va-portfolio-testimonial-position\">Creative Director, PixelPerfect Agency<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-portfolio-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <p class=\"va-portfolio-testimonial-content\">\r\n                    \"As a developer, I appreciate the clean code and extensive documentation. The Mana theme's WooCommerce integration is flawless, and the WPML support made our international launch smooth. The customer support team is incredibly responsive and helpful. Highly recommended!\"\r\n                <\/p>\r\n                <div class=\"va-portfolio-testimonial-author\">\r\n                    <div class=\"va-portfolio-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Kevin-Peterson.png\" alt=\"Kevin Peterson\">\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-info\">\r\n                        <div class=\"va-portfolio-testimonial-name\">David Chen<\/div>\r\n                        <div class=\"va-portfolio-testimonial-position\">Senior WordPress Developer<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"va-portfolio-testimonial\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <p class=\"va-portfolio-testimonial-content\">\r\n                    \"The Mustang HTML template was exactly what we needed for our startup. The Bootstrap framework made customization a breeze, and the responsive design looks perfect on all devices. We launched our website in just 3 days instead of weeks. Fantastic product!\"\r\n                <\/p>\r\n                <div class=\"va-portfolio-testimonial-author\">\r\n                    <div class=\"va-portfolio-testimonial-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Sophia-Lee.png\" alt=\"Sophia Lee\">\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-info\">\r\n                        <div class=\"va-portfolio-testimonial-name\">Emma Thompson<\/div>\r\n                        <div class=\"va-portfolio-testimonial-position\">Founder, TechStart Solutions<\/div>\r\n                    <\/div>\r\n                    <div class=\"va-portfolio-testimonial-rating\">\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                        <i class=\"bx bxs-star\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"text-center mt-5\">\r\n            <div class=\"va-portfolio-testimonial-stats\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-4 mb-4 mb-md-0\">\r\n                        <div class=\"va-portfolio-stat-item\">\r\n                            <div class=\"va-portfolio-stat-number\">15,000+<\/div>\r\n                            <div class=\"va-portfolio-stat-label\">Happy Customers<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"col-md-4 mb-4 mb-md-0\">\r\n                        <div class=\"va-portfolio-stat-item\">\r\n                            <div class=\"va-portfolio-stat-number\">4.9\/5<\/div>\r\n                            <div class=\"va-portfolio-stat-label\">Average Rating<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"va-portfolio-stat-item\">\r\n                            <div class=\"va-portfolio-stat-number\">24\/7<\/div>\r\n                            <div class=\"va-portfolio-stat-label\">Customer Support<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"va-portfolio-cta\">\r\n        <div class=\"container\">\r\n            <div class=\"va-portfolio-cta-content\">\r\n                <h2 class=\"va-portfolio-cta-title\" data-aos=\"fade-up\">Ready to Create Your Success Story?<\/h2>\r\n                <p class=\"va-portfolio-cta-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    Join thousands of successful businesses that have transformed their digital presence with our innovative solutions. Let's build something extraordinary together.\r\n                <\/p>\r\n                <div class=\"va-portfolio-cta-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <a href=\"\/contact\" class=\"va-portfolio-cta-btn va-portfolio-cta-btn-primary\">\r\n                        Begin Your Journey\r\n                        <i class=\"bx bx-rocket\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"\/services\" class=\"va-portfolio-cta-btn va-portfolio-cta-btn-secondary\">\r\n                        Explore Solutions\r\n                        <i class=\"bx bx-briefcase\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Back to Top Button -->\r\n    <button class=\"anv-footer-back-to-top show\" id=\"backToTop\" aria-label=\"Back to top\">\r\n        <i class=\"bx bx-up-arrow-alt\"><\/i>\r\n    <\/button>\r\n\r\n    <!-- Scripts -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n    <script>\r\n        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 1000,\r\n            once: true,\r\n            offset: 100\r\n        });\r\n\r\n        \/\/ Portfolio Filter\r\n        const portfolioFilters = document.querySelectorAll('.va-portfolio-filter');\r\n        const portfolioItems = document.querySelectorAll('.va-portfolio-item');\r\n\r\n        portfolioFilters.forEach(filter => {\r\n            filter.addEventListener('click', () => {\r\n                \/\/ Remove active class from all filters\r\n                portfolioFilters.forEach(f => f.classList.remove('active'));\r\n                \/\/ Add active class to clicked filter\r\n                filter.classList.add('active');\r\n                \r\n                const filterValue = filter.getAttribute('data-filter');\r\n                \r\n                portfolioItems.forEach(item => {\r\n                    if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {\r\n                        item.style.display = 'block';\r\n                        \/\/ Re-trigger AOS animation\r\n                        item.classList.remove('aos-animate');\r\n                        setTimeout(() => {\r\n                            item.classList.add('aos-animate');\r\n                        }, 100);\r\n                    } else {\r\n                        item.style.display = 'none';\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Load More functionality\r\n        const loadMoreBtn = document.getElementById('loadMoreBtn');\r\n        let itemsShowing = 9;\r\n        const totalItems = portfolioItems.length;\r\n\r\n        \/\/ Initially hide items beyond the first 9\r\n        portfolioItems.forEach((item, index) => {\r\n            if (index >= itemsShowing) {\r\n                item.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        loadMoreBtn.addEventListener('click', () => {\r\n            const currentFilter = document.querySelector('.va-portfolio-filter.active').getAttribute('data-filter');\r\n            let hiddenItems = 0;\r\n            \r\n            portfolioItems.forEach((item, index) => {\r\n                if (index >= itemsShowing) {\r\n                    if (currentFilter === 'all' || item.getAttribute('data-category') === currentFilter) {\r\n                        item.style.display = 'block';\r\n                        \/\/ Trigger AOS animation\r\n                        setTimeout(() => {\r\n                            item.classList.add('aos-animate');\r\n                        }, hiddenItems * 100);\r\n                        hiddenItems++;\r\n                    }\r\n                }\r\n            });\r\n            \r\n            itemsShowing += hiddenItems;\r\n            \r\n            \/\/ Hide load more button if all items are showing\r\n            if (itemsShowing >= totalItems) {\r\n                loadMoreBtn.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/\/ Smooth Scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Counter animation for hero stats\r\n        const observerOptions = {\r\n            threshold: 0.5,\r\n            rootMargin: '0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const counters = entry.target.querySelectorAll('.va-portfolio-hero-stat-number');\r\n                    counters.forEach(counter => {\r\n                        const target = counter.innerText;\r\n                        const finalNumber = parseInt(target);\r\n                        if (!isNaN(finalNumber)) {\r\n                            let currentNumber = 0;\r\n                            const increment = finalNumber \/ 50;\r\n                            \r\n                            const updateCounter = () => {\r\n                                if (currentNumber < finalNumber) {\r\n                                    currentNumber += increment;\r\n                                    counter.innerText = Math.ceil(currentNumber) + '+';\r\n                                    requestAnimationFrame(updateCounter);\r\n                                } else {\r\n                                    counter.innerText = target;\r\n                                }\r\n                            };\r\n                            \r\n                            updateCounter();\r\n                        }\r\n                    });\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe hero stats\r\n        const heroStats = document.querySelector('.va-portfolio-hero-stats');\r\n        if (heroStats) {\r\n            observer.observe(heroStats);\r\n        }\r\n    <\/script>\r\n \r\n\r\n           <!-- footer -->\r\n           <script>\r\n     \r\n            \/\/ Back to Top Button\r\n            const backToTopBtn = document.getElementById('backToTop');\r\n            \r\n            window.addEventListener('scroll', () => {\r\n                if (window.pageYOffset > 300) {\r\n                    backToTopBtn.classList.add('show');\r\n                } else {\r\n                    backToTopBtn.classList.remove('show');\r\n                }\r\n            });\r\n            \r\n            backToTopBtn.addEventListener('click', () => {\r\n                window.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n            <\/script>\r\n\r\n\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":3,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":895,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/30\/revisions\/895"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}