{"id":517,"date":"2026-01-10T13:37:29","date_gmt":"2026-01-10T13:37:29","guid":{"rendered":"https:\/\/yebbo.com\/ethiodiego\/?page_id=517"},"modified":"2026-01-10T13:37:32","modified_gmt":"2026-01-10T13:37:32","slug":"yebbotax","status":"publish","type":"page","link":"http:\/\/yebbo.com\/ethiodiego\/yebbotax\/","title":{"rendered":"YebboTax"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>YebboTax | Specialized In-Person Tax Preparation Services<\/title>\n    <meta name=\"description\" content=\"Professional in-person tax preparation for Ride Sharing Drivers, Crypto Investors, Military, F1\/F2 Visa Holders, and more. IRS Authorized e-file Provider &#038; CTEC Registered. Open year-round.\">\n    <meta name=\"keywords\" content=\"YebboTax, tax preparation San Diego, Uber tax help, Lyft taxes, crypto taxes, military tax service, F1 visa taxes, expat taxes, IRS authorized, CTEC registered\">\n    <meta name=\"author\" content=\"YebboTax\">\n    \n    <!-- Open Graph \/ Social Media -->\n    <meta property=\"og:title\" content=\"YebboTax | Specialized Tax Services\">\n    <meta property=\"og:description\" content=\"Professional tax preparation for Ride Sharing, Crypto, Military, International, and complex tax situations.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:image\" content=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSUy0zoHa-WamfqSxYnc3qDSg2zdOoQCaH4OA&#038;s\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" type=\"image\/x-icon\" href=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSUy0zoHa-WamfqSxYnc3qDSg2zdOoQCaH4OA&#038;s\">\n\n    <style>\n        \/* ===== CSS RESET & COLOR THEME FROM LOGO ===== *\/\n        :root {\n            \/* Primary colors from your logo *\/\n            --logo-blue: #1a365d;      \/* Dark blue from logo *\/\n            --logo-light-blue: #2d7dd2; \/* Medium blue from logo *\/\n            --logo-red: #c53030;       \/* Red accent from logo *\/\n            --logo-cream: #f7fafc;     \/* Light background from logo *\/\n            \n            \/* Derived colors for UI *\/\n            --primary-dark: #1a365d;\n            --primary-medium: #2d7dd2;\n            --primary-accent: #c53030;\n            --primary-light: #e2e8f0;\n            --background: #f7fafc;\n            --text-dark: #2d3748;\n            --text-medium: #4a5568;\n            --text-light: #718096;\n            --border: #cbd5e0;\n            --radius-large: 16px;\n            --radius-xl: 24px;\n            --shadow-soft: 0 10px 30px rgba(26, 54, 93, 0.08);\n            --shadow-medium: 0 15px 40px rgba(26, 54, 93, 0.12);\n            --max-width: 1200px;\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n            font-size: 16px;\n        }\n\n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n            background: var(--background);\n            color: var(--text-dark);\n            line-height: 1.6;\n            overflow-x: hidden;\n            background-image: \n                radial-gradient(circle at 20% 80%, rgba(45, 125, 210, 0.05) 0%, transparent 50%),\n                radial-gradient(circle at 80% 20%, rgba(197, 48, 48, 0.05) 0%, transparent 50%);\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        a {\n            text-decoration: none;\n            color: inherit;\n            transition: var(--transition);\n        }\n\n        .wrapper {\n            width: 100%;\n            max-width: var(--max-width);\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        section {\n            padding: 100px 0;\n            position: relative;\n        }\n\n        \/* ===== BUTTONS ===== *\/\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 14px 32px;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 1rem;\n            border: none;\n            cursor: pointer;\n            transition: var(--transition);\n            white-space: nowrap;\n            gap: 10px;\n            letter-spacing: 0.3px;\n        }\n\n        .btn-primary {\n            background: linear-gradient(135deg, var(--primary-accent), #e53e3e);\n            color: white;\n            box-shadow: 0 8px 25px rgba(197, 48, 48, 0.3);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .btn-primary::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n            transition: left 0.7s ease;\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 30px rgba(197, 48, 48, 0.4);\n        }\n\n        .btn-primary:hover::before {\n            left: 100%;\n        }\n\n        .btn-outline {\n            background: transparent;\n            color: var(--primary-medium);\n            border: 2px solid var(--primary-medium);\n        }\n\n        .btn-outline:hover {\n            background: rgba(45, 125, 210, 0.1);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(45, 125, 210, 0.15);\n        }\n\n        .btn-light {\n            background: white;\n            color: var(--primary-dark);\n            border: 2px solid var(--primary-light);\n            box-shadow: 0 5px 15px rgba(26, 54, 93, 0.1);\n        }\n\n        .btn-light:hover {\n            border-color: var(--primary-medium);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(26, 54, 93, 0.15);\n        }\n\n        \/* ===== HEADER & NAVIGATION ===== *\/\n        header {\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            background: rgba(247, 250, 252, 0.95);\n            backdrop-filter: blur(10px);\n            border-bottom: 1px solid rgba(203, 213, 224, 0.3);\n            padding: 20px 0;\n            box-shadow: 0 4px 20px rgba(26, 54, 93, 0.05);\n        }\n\n        .header-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .logo-container {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n\n        .logo-image {\n            width: 60px;\n            height: 60px;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 8px 20px rgba(26, 54, 93, 0.15);\n            border: 2px solid white;\n        }\n\n        .logo-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .logo-text {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .logo-text h1 {\n            font-size: 1.5rem;\n            font-weight: 800;\n            color: var(--primary-dark);\n            margin-bottom: 4px;\n            background: linear-gradient(135deg, var(--primary-dark), var(--primary-medium));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .logo-text p {\n            font-size: 0.85rem;\n            color: var(--text-light);\n            font-weight: 500;\n        }\n\n        .nav-desktop {\n            display: flex;\n            gap: 40px;\n            align-items: center;\n        }\n\n        .nav-desktop a {\n            font-weight: 600;\n            font-size: 0.95rem;\n            color: var(--text-medium);\n            padding: 8px 0;\n            position: relative;\n        }\n\n        .nav-desktop a::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--primary-accent), var(--primary-medium));\n            border-radius: 3px;\n            transition: width 0.3s ease;\n        }\n\n        .nav-desktop a:hover {\n            color: var(--primary-dark);\n        }\n\n        .nav-desktop a:hover::after {\n            width: 100%;\n        }\n\n        .nav-phone {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n        }\n\n        .phone-number {\n            text-align: right;\n        }\n\n        .phone-number span {\n            display: block;\n            font-size: 0.85rem;\n            color: var(--text-light);\n            margin-bottom: 4px;\n        }\n\n        .phone-number strong {\n            display: block;\n            font-size: 1.1rem;\n            color: var(--primary-dark);\n            font-weight: 700;\n        }\n\n        .hamburger {\n            display: none;\n            background: none;\n            border: none;\n            cursor: pointer;\n            padding: 8px;\n            width: 48px;\n            height: 48px;\n            border-radius: 12px;\n            background: white;\n            border: 1px solid var(--border);\n            align-items: center;\n            justify-content: center;\n        }\n\n        .hamburger span {\n            display: block;\n            width: 24px;\n            height: 2px;\n            background: var(--primary-dark);\n            margin: 5px 0;\n            transition: var(--transition);\n            border-radius: 2px;\n        }\n\n        \/* ===== HERO SECTION ===== *\/\n        .hero {\n            padding: 120px 0 100px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -20%;\n            width: 60%;\n            height: 140%;\n            background: radial-gradient(circle, rgba(45, 125, 210, 0.1) 0%, transparent 70%);\n            z-index: -1;\n        }\n\n        .hero::after {\n            content: '';\n            position: absolute;\n            bottom: -30%;\n            left: -10%;\n            width: 40%;\n            height: 80%;\n            background: radial-gradient(circle, rgba(197, 48, 48, 0.1) 0%, transparent 70%);\n            z-index: -1;\n        }\n\n        .hero-grid {\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }\n\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background: rgba(255, 255, 255, 0.9);\n            color: var(--primary-medium);\n            padding: 10px 24px;\n            border-radius: 50px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n            margin-bottom: 30px;\n            border: 1px solid rgba(45, 125, 210, 0.2);\n            backdrop-filter: blur(10px);\n            box-shadow: 0 8px 20px rgba(26, 54, 93, 0.08);\n        }\n\n        .hero-badge::before {\n            content: '\u2b50';\n            font-size: 1.1rem;\n        }\n\n        .hero-title {\n            font-size: 3.5rem;\n            line-height: 1.1;\n            color: var(--primary-dark);\n            margin-bottom: 24px;\n            font-weight: 800;\n        }\n\n        .hero-title span {\n            background: linear-gradient(135deg, var(--primary-accent), var(--primary-medium));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            position: relative;\n        }\n\n        .hero-description {\n            font-size: 1.2rem;\n            color: var(--text-medium);\n            margin-bottom: 40px;\n            max-width: 600px;\n            line-height: 1.7;\n        }\n\n        .specialty-tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n            margin-bottom: 40px;\n        }\n\n        .tag {\n            background: rgba(255, 255, 255, 0.9);\n            border: 1px solid var(--border);\n            padding: 10px 20px;\n            border-radius: 50px;\n            font-size: 0.9rem;\n            color: var(--primary-dark);\n            font-weight: 500;\n            transition: var(--transition);\n            backdrop-filter: blur(10px);\n        }\n\n        .tag:hover {\n            transform: translateY(-2px);\n            border-color: var(--primary-medium);\n            box-shadow: 0 8px 20px rgba(45, 125, 210, 0.1);\n            color: var(--primary-medium);\n        }\n\n        .hero-features {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin-top: 40px;\n        }\n\n        .feature {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .feature-icon {\n            width: 48px;\n            height: 48px;\n            border-radius: 12px;\n            background: linear-gradient(135deg, var(--primary-medium), #4299e1);\n            color: white;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            flex-shrink: 0;\n            box-shadow: 0 8px 20px rgba(45, 125, 210, 0.2);\n        }\n\n        .feature-text {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .feature-text strong {\n            color: var(--primary-dark);\n            font-size: 1rem;\n            margin-bottom: 4px;\n        }\n\n        .feature-text span {\n            color: var(--text-light);\n            font-size: 0.9rem;\n        }\n\n        \/* ===== APPOINTMENT CARD ===== *\/\n        .appointment-card {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: var(--radius-xl);\n            padding: 40px;\n            box-shadow: var(--shadow-medium);\n            border: 1px solid rgba(255, 255, 255, 0.8);\n            position: relative;\n            overflow: hidden;\n            backdrop-filter: blur(10px);\n        }\n\n        .appointment-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 6px;\n            background: linear-gradient(90deg, var(--primary-accent), var(--primary-medium));\n        }\n\n        .appointment-card h2 {\n            color: var(--primary-dark);\n            margin-bottom: 12px;\n            font-size: 1.6rem;\n            font-weight: 700;\n        }\n\n        .appointment-subtitle {\n            color: var(--text-medium);\n            margin-bottom: 32px;\n            font-size: 1rem;\n            line-height: 1.6;\n        }\n\n        .form-group {\n            margin-bottom: 24px;\n        }\n\n        .form-group label {\n            display: block;\n            margin-bottom: 10px;\n            font-weight: 600;\n            color: var(--primary-dark);\n            font-size: 0.95rem;\n        }\n\n        .form-control {\n            width: 100%;\n            padding: 16px 20px;\n            border: 1px solid var(--border);\n            border-radius: 12px;\n            font-size: 1rem;\n            transition: var(--transition);\n            background: rgba(255, 255, 255, 0.9);\n            font-family: inherit;\n        }\n\n        .form-control:focus {\n            outline: none;\n            border-color: var(--primary-medium);\n            box-shadow: 0 0 0 3px rgba(45, 125, 210, 0.1);\n            background: white;\n        }\n\n        textarea.form-control {\n            border-radius: 12px;\n            min-height: 120px;\n            resize: vertical;\n        }\n\n        select.form-control {\n            cursor: pointer;\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 20px center;\n            background-size: 16px;\n        }\n\n        .form-note {\n            font-size: 0.85rem;\n            color: var(--text-light);\n            margin-top: 20px;\n            text-align: center;\n            line-height: 1.5;\n        }\n\n        \/* ===== SPECIALIZED SERVICES ===== *\/\n        .services-section {\n            background: white;\n            position: relative;\n        }\n\n        .services-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, var(--border), transparent);\n        }\n\n        .section-header {\n            text-align: center;\n            max-width: 800px;\n            margin: 0 auto 80px;\n        }\n\n        .section-badge {\n            display: inline-block;\n            color: var(--primary-medium);\n            font-size: 0.9rem;\n            font-weight: 600;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            padding: 8px 20px;\n            background: rgba(45, 125, 210, 0.1);\n            border-radius: 50px;\n        }\n\n        .section-title {\n            font-size: 2.8rem;\n            color: var(--primary-dark);\n            margin-bottom: 24px;\n            font-weight: 800;\n            line-height: 1.2;\n        }\n\n        .section-description {\n            font-size: 1.2rem;\n            color: var(--text-medium);\n            line-height: 1.7;\n        }\n\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 40px;\n            margin-top: 60px;\n        }\n\n        .service-card {\n            background: white;\n            border-radius: var(--radius-large);\n            padding: 40px;\n            border: 1px solid rgba(203, 213, 224, 0.3);\n            box-shadow: var(--shadow-soft);\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n            height: 100%;\n        }\n\n        .service-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(90deg, var(--primary-accent), var(--primary-medium));\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.5s ease;\n        }\n\n        .service-card:hover {\n            transform: translateY(-10px);\n            box-shadow: var(--shadow-medium);\n            border-color: rgba(45, 125, 210, 0.2);\n        }\n\n        .service-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .service-icon {\n            width: 70px;\n            height: 70px;\n            border-radius: 16px;\n            background: linear-gradient(135deg, var(--primary-medium), #4299e1);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.8rem;\n            color: white;\n            margin-bottom: 30px;\n            box-shadow: 0 12px 25px rgba(45, 125, 210, 0.2);\n        }\n\n        .service-card h3 {\n            color: var(--primary-dark);\n            margin-bottom: 20px;\n            font-size: 1.4rem;\n            font-weight: 700;\n            line-height: 1.3;\n        }\n\n        .service-card p {\n            color: var(--text-medium);\n            margin-bottom: 25px;\n            line-height: 1.7;\n            font-size: 1rem;\n        }\n\n        .service-features {\n            list-style: none;\n            margin-top: 25px;\n        }\n\n        .service-features li {\n            padding: 10px 0;\n            color: var(--text-medium);\n            position: relative;\n            padding-left: 32px;\n            font-size: 0.95rem;\n            line-height: 1.5;\n            border-bottom: 1px solid rgba(203, 213, 224, 0.2);\n        }\n\n        .service-features li:last-child {\n            border-bottom: none;\n        }\n\n        .service-features li::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            top: 10px;\n            width: 22px;\n            height: 22px;\n            background: rgba(45, 125, 210, 0.1);\n            color: var(--primary-medium);\n            font-weight: bold;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            font-size: 0.9rem;\n        }\n\n        \/* ===== CREDENTIALS BADGE ===== *\/\n        .credentials {\n            display: flex;\n            gap: 20px;\n            margin: 30px 0;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n\n        .credential-badge {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            background: white;\n            padding: 14px 28px;\n            border-radius: 50px;\n            border: 1px solid var(--border);\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: var(--primary-dark);\n            transition: var(--transition);\n            box-shadow: 0 5px 15px rgba(26, 54, 93, 0.08);\n        }\n\n        .credential-badge:hover {\n            transform: translateY(-3px);\n            border-color: var(--primary-medium);\n            box-shadow: 0 10px 25px rgba(45, 125, 210, 0.15);\n        }\n\n        .credential-icon {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            background: var(--primary-accent);\n            color: white;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9rem;\n            flex-shrink: 0;\n        }\n\n        \/* ===== GOOGLE MAPS ===== *\/\n        .map-section {\n            background: white;\n            padding: 100px 0;\n        }\n\n        .map-container {\n            border-radius: var(--radius-xl);\n            overflow: hidden;\n            box-shadow: var(--shadow-medium);\n            height: 500px;\n            position: relative;\n            border: 1px solid var(--border);\n        }\n\n        .map-container::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 6px;\n            background: linear-gradient(90deg, var(--primary-accent), var(--primary-medium));\n            z-index: 2;\n        }\n\n        .map-container iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n            filter: grayscale(0.1) contrast(1.1);\n        }\n\n        .map-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: rgba(26, 54, 93, 0.95);\n            color: white;\n            padding: 30px 40px;\n            z-index: 1;\n        }\n\n        .map-overlay h3 {\n            color: white;\n            font-size: 1.4rem;\n            margin-bottom: 15px;\n            font-weight: 700;\n        }\n\n        .map-overlay p {\n            color: rgba(255, 255, 255, 0.9);\n            line-height: 1.6;\n            margin-bottom: 5px;\n        }\n\n        .map-overlay strong {\n            color: white;\n        }\n\n        \/* ===== FOOTER ===== *\/\n        footer {\n            background: var(--primary-dark);\n            color: #e2e8f0;\n            padding: 100px 0 50px;\n            position: relative;\n        }\n\n        footer::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 6px;\n            background: linear-gradient(90deg, var(--primary-accent), var(--primary-medium));\n        }\n\n        .footer-grid {\n            display: grid;\n            grid-template-columns: 1fr 2fr;\n            gap: 80px;\n            margin-bottom: 80px;\n        }\n\n        .footer-brand {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .footer-logo {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .footer-logo-image {\n            width: 50px;\n            height: 50px;\n            border-radius: 10px;\n            overflow: hidden;\n            border: 2px solid rgba(255, 255, 255, 0.2);\n        }\n\n        .footer-logo-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .footer-logo h3 {\n            font-size: 1.4rem;\n            color: white;\n            font-weight: 700;\n        }\n\n        .footer-brand p {\n            color: rgba(255, 255, 255, 0.7);\n            line-height: 1.7;\n            font-size: 0.95rem;\n        }\n\n        .footer-links {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 50px;\n        }\n\n        .footer-column h4 {\n            color: white;\n            font-size: 1rem;\n            margin-bottom: 25px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            font-weight: 700;\n        }\n\n        .footer-column ul {\n            list-style: none;\n        }\n\n        .footer-column li {\n            margin-bottom: 15px;\n        }\n\n        .footer-column a {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 0.95rem;\n            transition: var(--transition);\n        }\n\n        .footer-column a:hover {\n            color: white;\n            transform: translateX(5px);\n        }\n\n        .footer-bottom {\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            padding-top: 40px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n\n        .footer-bottom p {\n            color: rgba(255, 255, 255, 0.6);\n            font-size: 0.9rem;\n        }\n\n        .footer-bottom-links {\n            display: flex;\n            gap: 30px;\n        }\n\n        .footer-bottom-links a {\n            color: rgba(255, 255, 255, 0.6);\n            font-size: 0.9rem;\n        }\n\n        .footer-bottom-links a:hover {\n            color: white;\n        }\n\n        \/* ===== RESPONSIVE DESIGN ===== *\/\n        @media (max-width: 1024px) {\n            .hero-grid {\n                gap: 60px;\n            }\n            \n            .hero-title {\n                font-size: 3rem;\n            }\n            \n            .services-grid {\n                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            }\n            \n            .footer-grid {\n                grid-template-columns: 1fr;\n                gap: 60px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .nav-desktop, .nav-phone {\n                display: none;\n            }\n            \n            .hamburger {\n                display: flex;\n                flex-direction: column;\n            }\n            \n            .hero-grid {\n                grid-template-columns: 1fr;\n                gap: 60px;\n            }\n            \n            .hero-title {\n                font-size: 2.5rem;\n            }\n            \n            .hero-features {\n                grid-template-columns: 1fr;\n            }\n            \n            .services-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .footer-links {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .section-title {\n                font-size: 2.2rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .wrapper {\n                padding: 0 20px;\n            }\n            \n            section {\n                padding: 70px 0;\n            }\n            \n            .hero-title {\n                font-size: 2.2rem;\n            }\n            \n            .section-title {\n                font-size: 1.8rem;\n            }\n            \n            .footer-links {\n                grid-template-columns: 1fr;\n            }\n            \n            .footer-bottom {\n                flex-direction: column;\n                text-align: center;\n            }\n        }\n\n        \/* ===== ANIMATIONS ===== *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .fade-in {\n            animation: fadeIn 0.8s ease forwards;\n        }\n\n        .delay-1 {\n            animation-delay: 0.2s;\n        }\n\n        .delay-2 {\n            animation-delay: 0.4s;\n        }\n\n        .delay-3 {\n            animation-delay: 0.6s;\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Header & Navigation -->\n    <header>\n        <div class=\"wrapper header-container\">\n            <div class=\"logo-container\">\n                <div class=\"logo-image\">\n                    <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSUy0zoHa-WamfqSxYnc3qDSg2zdOoQCaH4OA&#038;s\" alt=\"YebboTax Logo\">\n                <\/div>\n                <div class=\"logo-text\">\n                    <h1>YebboTax<\/h1>\n                    <p>Specialized Tax Services \u2022 Open Year-Round<\/p>\n                <\/div>\n            <\/div>\n\n            <nav class=\"nav-desktop\">\n                <a href=\"#services\">Services<\/a>\n                <a href=\"#specialized\">Specialized<\/a>\n                <a href=\"#how\">How It Works<\/a>\n                <a href=\"#contact\">Contact<\/a>\n            <\/nav>\n\n            <div class=\"nav-phone\">\n                <div class=\"phone-number\">\n                    <span>Call for appointment<\/span>\n                    <strong><a href=\"tel:16192555530\">(619) 255-5530<\/a><\/strong>\n                <\/div>\n                <button class=\"btn btn-primary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                    Schedule Now\n                <\/button>\n            <\/div>\n\n            <button class=\"hamburger\" id=\"hamburgerBtn\">\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n            <\/button>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"wrapper\">\n            <div class=\"hero-grid\">\n                <div class=\"hero-content fade-in\">\n                    <div class=\"hero-badge\">\n                        IRS Authorized \u2022 CTEC Registered\n                    <\/div>\n                    \n                    <h1 class=\"hero-title\">\n                        Expert Tax Preparation for <span>Your Unique Situation<\/span>\n                    <\/h1>\n                    \n                    <p class=\"hero-description\">\n                        YebboTax specializes in complex tax situations for Ride Sharing Drivers, Crypto Investors, Military Personnel, F1\/F2 Visa Holders, Americans Abroad, and more. We understand the unique tax challenges you face.\n                    <\/p>\n\n                    <div class=\"credentials delay-1\">\n                        <div class=\"credential-badge\">\n                            <div class=\"credential-icon\">\u2713<\/div>\n                            <span>IRS Authorized E-File Provider<\/span>\n                        <\/div>\n                        <div class=\"credential-badge\">\n                            <div class=\"credential-icon\">\u2713<\/div>\n                            <span>CTEC Registered Tax Preparer<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"specialty-tags delay-2\">\n                        <span class=\"tag\">Ride Sharing (Uber\/Lyft)<\/span>\n                        <span class=\"tag\">Crypto &#038; Day Trading<\/span>\n                        <span class=\"tag\">Military &#038; Government<\/span>\n                        <span class=\"tag\">International Tax<\/span>\n                        <span class=\"tag\">Rental Properties<\/span>\n                        <span class=\"tag\">Mixed\/No Income<\/span>\n                    <\/div>\n\n                    <div class=\"hero-actions delay-2\">\n                        <button class=\"btn btn-primary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                            Schedule Appointment\n                        <\/button>\n                        <button class=\"btn btn-outline\" onclick=\"document.getElementById('specialized').scrollIntoView({behavior:'smooth'})\">\n                            View Specialized Services\n                        <\/button>\n                    <\/div>\n\n                    <div class=\"hero-features delay-3\">\n                        <div class=\"feature\">\n                            <div class=\"feature-icon\">\u2713<\/div>\n                            <div class=\"feature-text\">\n                                <strong>Secure e-Filing<\/strong>\n                                <span>IRS Authorized Provider<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"feature\">\n                            <div class=\"feature-icon\">\u2605<\/div>\n                            <div class=\"feature-text\">\n                                <strong>Year-Round Service<\/strong>\n                                <span>Not just tax season<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"feature\">\n                            <div class=\"feature-icon\">\ud83d\udc65<\/div>\n                            <div class=\"feature-text\">\n                                <strong>In-Person Service<\/strong>\n                                <span>Personalized attention<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"feature\">\n                            <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\n                            <div class=\"feature-text\">\n                                <strong>Bonded &#038; Insured<\/strong>\n                                <span>CTEC Registered<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"appointment-card fade-in delay-1\">\n                    <h2>Schedule Your Appointment<\/h2>\n                    <p class=\"appointment-subtitle\">Complete this form and we&#8217;ll contact you to schedule your personalized tax preparation session.<\/p>\n                    \n                    <form id=\"appointmentForm\">\n                        <div class=\"form-group\">\n                            <label for=\"name\">Full Name<\/label>\n                            <input type=\"text\" id=\"name\" class=\"form-control\" placeholder=\"Enter your full name\" required>\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"email\">Email Address<\/label>\n                            <input type=\"email\" id=\"email\" class=\"form-control\" placeholder=\"Enter your email\" required>\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"phone\">Phone Number<\/label>\n                            <input type=\"tel\" id=\"phone\" class=\"form-control\" placeholder=\"(619) 255-5530\" required>\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"service\">Type of Service Needed<\/label>\n                            <select id=\"service\" class=\"form-control\" required>\n                                <option value=\"\">Select your situation<\/option>\n                                <option value=\"ride-sharing\">Ride Sharing (Uber\/Lyft\/Amazon)<\/option>\n                                <option value=\"crypto\">Cryptocurrency Investment<\/option>\n                                <option value=\"trading\">Day Trading\/Stock Investing<\/option>\n                                <option value=\"military\">Military\/Government Service<\/option>\n                                <option value=\"international\">F1\/F2 Visa or Living Abroad<\/option>\n                                <option value=\"rental\">Rental Property Owner<\/option>\n                                <option value=\"mixed\">Mixed or No Income<\/option>\n                                <option value=\"other\">Other Complex Situation<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"message\">Additional Information<\/label>\n                            <textarea id=\"message\" class=\"form-control\" placeholder=\"Tell us about your specific tax situation...\"><\/textarea>\n                        <\/div>\n                        \n                        <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 10px;\">\n                            Request Appointment\n                        <\/button>\n                        \n                        <p class=\"form-note\">\n                            By submitting, you agree to be contacted by YebboTax about tax services. We respect your privacy.\n                        <\/p>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Specialized Services Section -->\n    <section id=\"specialized\" class=\"services-section\">\n        <div class=\"wrapper\">\n            <div class=\"section-header fade-in\">\n                <div class=\"section-badge\">Our Specialized Expertise<\/div>\n                <h2 class=\"section-title\">Tax Solutions for Your Unique Situation<\/h2>\n                <p class=\"section-description\">\n                    We&#8217;ve developed deep expertise in handling the complex tax situations that most preparers avoid. Here&#8217;s how we can help you.\n                <\/p>\n            <\/div>\n\n            <div class=\"services-grid\">\n                <!-- Ride Sharing Service -->\n                <div class=\"service-card fade-in\">\n                    <div class=\"service-icon\">\ud83d\ude97<\/div>\n                    <h3>Ride Sharing &#038; Gig Economy<\/h3>\n                    <p>Expert tax preparation for Uber, Lyft, Amazon Flex, and delivery drivers. We maximize your deductions while ensuring full compliance.<\/p>\n                    <ul class=\"service-features\">\n                        <li>Mileage tracking &#038; optimization<\/li>\n                        <li>Vehicle expense deductions<\/li>\n                        <li>Platform-specific tax forms (1099-K\/NEC)<\/li>\n                        <li>Quarterly estimated tax planning<\/li>\n                        <li>Home office deductions for dispatchers<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Crypto Service -->\n                <div class=\"service-card fade-in delay-1\">\n                    <div class=\"service-icon\">\u20bf<\/div>\n                    <h3>Cryptocurrency &#038; Digital Assets<\/h3>\n                    <p>Navigate the complex world of crypto taxation with expert guidance on trading, mining, staking, and DeFi transactions.<\/p>\n                    <ul class=\"service-features\">\n                        <li>Capital gains\/loss calculations<\/li>\n                        <li>Mining and staking income reporting<\/li>\n                        <li>DeFi and NFT transaction tracking<\/li>\n                        <li>International crypto reporting compliance<\/li>\n                        <li>Tax-loss harvesting strategies<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Military & Government -->\n                <div class=\"service-card fade-in delay-2\">\n                    <div class=\"service-icon\">\ud83e\ude96<\/div>\n                    <h3>Military &#038; Government Employees<\/h3>\n                    <p>Specialized tax services for military personnel, government workers, and contractors with unique allowances and deductions.<\/p>\n                    <ul class=\"service-features\">\n                        <li>Combat zone tax exclusion<\/li>\n                        <li>Moving expense deductions (PCS)<\/li>\n                        <li>State tax considerations<\/li>\n                        <li>Extended filing deadlines<\/li>\n                        <li>Civilian contractor taxation<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- International Tax -->\n                <div class=\"service-card fade-in\">\n                    <div class=\"service-icon\">\ud83c\udf0e<\/div>\n                    <h3>International Tax Services<\/h3>\n                    <p>Expert handling of complex international tax situations for visa holders, expats, and foreign income earners.<\/p>\n                    <ul class=\"service-features\">\n                        <li>F1\/F2\/J1 visa holder tax returns<\/li>\n                        <li>Foreign Earned Income Exclusion<\/li>\n                        <li>Foreign tax credit optimization<\/li>\n                        <li>FBAR and FATCA compliance<\/li>\n                        <li>Treaty benefits application<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Trading & Investing -->\n                <div class=\"service-card fade-in delay-1\">\n                    <div class=\"service-icon\">\ud83d\udcc8<\/div>\n                    <h3>Day Traders &#038; Investors<\/h3>\n                    <p>Advanced tax strategies for active traders, investors, and those with complex investment portfolios.<\/p>\n                    <ul class=\"service-features\">\n                        <li>Trader vs. investor status analysis<\/li>\n                        <li>Wash sale rule compliance<\/li>\n                        <li>Mark-to-market election<\/li>\n                        <li>Investment interest expense<\/li>\n                        <li>Options and futures taxation<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Rental Properties -->\n                <div class=\"service-card fade-in delay-2\">\n                    <div class=\"service-icon\">\ud83c\udfe0<\/div>\n                    <h3>Rental Property Owners<\/h3>\n                    <p>Comprehensive tax services for landlords, Airbnb hosts, and rental property investors.<\/p>\n                    <ul class=\"service-features\">\n                        <li>Rental income and expense tracking<\/li>\n                        <li>Depreciation schedules (MACRS)<\/li>\n                        <li>Passive activity loss limitations<\/li>\n                        <li>Short-term rental specific rules<\/li>\n                        <li>Like-kind exchange planning<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Mixed\/No Income -->\n                <div class=\"service-card fade-in\">\n                    <div class=\"service-icon\">\ud83d\udcca<\/div>\n                    <h3>Mixed or No Income Situations<\/h3>\n                    <p>Expert guidance for complex financial situations with multiple income sources or transitional periods.<\/p>\n                    <ul class=\"service-features\">\n                        <li>Multiple income source optimization<\/li>\n                        <li>Refundable credit qualification<\/li>\n                        <li>Tax planning for income fluctuations<\/li>\n                        <li>Student and zero-income filings<\/li>\n                        <li>Unemployment and benefit taxation<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Engineers & Professionals -->\n                <div class=\"service-card fade-in delay-1\">\n                    <div class=\"service-icon\">\u2699\ufe0f<\/div>\n                    <h3>Engineers &#038; Technical Professionals<\/h3>\n                    <p>Specialized tax strategies for engineers, contractors, and professionals with unique deductions.<\/p>\n                    <ul class=\"service-features\">\n                        <li>Home office and equipment deductions<\/li>\n                        <li>Professional development expenses<\/li>\n                        <li>Business expense optimization<\/li>\n                        <li>Contractor vs. employee considerations<\/li>\n                        <li>Royalty and patent income<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- How It Works Section -->\n    <section id=\"how\" style=\"background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);\">\n        <div class=\"wrapper\">\n            <div class=\"section-header fade-in\">\n                <div class=\"section-badge\">Our Process<\/div>\n                <h2 class=\"section-title\">How YebboTax Works<\/h2>\n                <p class=\"section-description\">\n                    A simple, straightforward process designed to make complex tax situations manageable.\n                <\/p>\n            <\/div>\n\n            <div class=\"services-grid\" style=\"margin-top: 60px;\">\n                <div class=\"service-card fade-in\" style=\"text-align: center;\">\n                    <div class=\"service-icon\" style=\"margin: 0 auto 30px; background: linear-gradient(135deg, var(--primary-accent), #e53e3e);\">1<\/div>\n                    <h3>Schedule &#038; Prepare<\/h3>\n                    <p>Contact us to schedule your appointment. We&#8217;ll provide a personalized checklist of documents to bring based on your specific tax situation.<\/p>\n                    <ul class=\"service-features\" style=\"text-align: left;\">\n                        <li>Free initial consultation<\/li>\n                        <li>Custom document checklist<\/li>\n                        <li>Flexible scheduling options<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"service-card fade-in delay-1\" style=\"text-align: center;\">\n                    <div class=\"service-icon\" style=\"margin: 0 auto 30px;\">2<\/div>\n                    <h3>In-Person Meeting<\/h3>\n                    <p>Meet with our tax expert at our office. We review your documents, ask clarifying questions, and prepare your return with you.<\/p>\n                    <ul class=\"service-features\" style=\"text-align: left;\">\n                        <li>Face-to-face personalized service<\/li>\n                        <li>Real-time Q&#038;A and explanations<\/li>\n                        <li>Complete transparency<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"service-card fade-in delay-2\" style=\"text-align: center;\">\n                    <div class=\"service-icon\" style=\"margin: 0 auto 30px;\">3<\/div>\n                    <h3>Review &#038; File<\/h3>\n                    <p>We review your completed return together, explain the results, and securely e-file as an IRS Authorized E-File Provider.<\/p>\n                    <ul class=\"service-features\" style=\"text-align: left;\">\n                        <li>Secure IRS e-filing<\/li>\n                        <li>Complete review and explanation<\/li>\n                        <li>Year-round support available<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact & Map Section -->\n    <section id=\"contact\" class=\"map-section\">\n        <div class=\"wrapper\">\n            <div class=\"section-header fade-in\">\n                <div class=\"section-badge\">Visit Our Office<\/div>\n                <h2 class=\"section-title\">Schedule Your In-Office Appointment<\/h2>\n                <p class=\"section-description\">\n                    We&#8217;re conveniently located in San Diego and ready to help with your tax needs.\n                <\/p>\n            <\/div>\n\n            <div class=\"map-container fade-in\">\n                <!-- Google Maps Embed Code - Replace with your actual embed code -->\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3356.284126834374!2d-117.16149992446282!3d32.74911377361715!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d9549ab6ea5c57%3A0x57c39e61b0ce3785!2sYebbo%20Communication%20Network!5e0!3m2!1sen!2sus!4v1710296781268!5m2!1sen!2sus\" \n                    allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n                \n                <div class=\"map-overlay\">\n                    <h3>YebboTax Office<\/h3>\n                    <p><strong>Address:<\/strong> 4265 Fairmount Ave #130, San Diego, CA 92105<\/p>\n                    <p><strong>Phone:<\/strong> <a href=\"tel:16192555530\" style=\"color: white;\">(619) 255-5530<\/a><\/p>\n                    <p><strong>Hours:<\/strong> Mon-Fri 9:00 AM \u2013 6:00 PM \u2022 Saturday by appointment<\/p>\n                    <p><em>Free parking available \u2022 Wheelchair accessible<\/em><\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"credentials fade-in delay-1\" style=\"margin-top: 60px; justify-content: center;\">\n                <div class=\"credential-badge\">\n                    <div class=\"credential-icon\">\u2713<\/div>\n                    <span>IRS Authorized E-File Provider<\/span>\n                <\/div>\n                <div class=\"credential-badge\">\n                    <div class=\"credential-icon\">\u2713<\/div>\n                    <span>CTEC Registered Tax Preparer<\/span>\n                <\/div>\n                <div class=\"credential-badge\">\n                    <div class=\"credential-icon\">\u2713<\/div>\n                    <span>Open Year-Round<\/span>\n                <\/div>\n                <div class=\"credential-badge\">\n                    <div class=\"credential-icon\">\u2713<\/div>\n                    <span>In-Person Service<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer>\n        <div class=\"wrapper\">\n            <div class=\"footer-grid\">\n                <div class=\"footer-brand\">\n                    <div class=\"footer-logo\">\n                        <div class=\"footer-logo-image\">\n                            <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSUy0zoHa-WamfqSxYnc3qDSg2zdOoQCaH4OA&#038;s\" alt=\"YebboTax Logo\">\n                        <\/div>\n                        <h3>YebboTax<\/h3>\n                    <\/div>\n                    <p>Specialized tax preparation services for complex situations. IRS Authorized E-File Provider and CTEC Registered Tax Preparer serving San Diego and surrounding areas.<\/p>\n                    <div class=\"credentials\" style=\"justify-content: flex-start;\">\n                        <div class=\"credential-badge\" style=\"background: rgba(255, 255, 255, 0.1); color: white; border-color: rgba(255, 255, 255, 0.2);\">\n                            <div class=\"credential-icon\" style=\"background: var(--primary-accent);\">\u2713<\/div>\n                            <span>IRS Authorized<\/span>\n                        <\/div>\n                        <div class=\"credential-badge\" style=\"background: rgba(255, 255, 255, 0.1); color: white; border-color: rgba(255, 255, 255, 0.2);\">\n                            <div class=\"credential-icon\" style=\"background: var(--primary-accent);\">\u2713<\/div>\n                            <span>CTEC Registered<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"footer-links\">\n                    <div class=\"footer-column\">\n                        <h4>Services<\/h4>\n                        <ul>\n                            <li><a href=\"#specialized\">Ride Sharing Taxes<\/a><\/li>\n                            <li><a href=\"#specialized\">Crypto Taxation<\/a><\/li>\n                            <li><a href=\"#specialized\">Military &#038; Government<\/a><\/li>\n                            <li><a href=\"#specialized\">International Tax<\/a><\/li>\n                            <li><a href=\"#specialized\">Rental Properties<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"footer-column\">\n                        <h4>Resources<\/h4>\n                        <ul>\n                            <li><a href=\"#how\">How It Works<\/a><\/li>\n                            <li><a href=\"#\">Tax Preparation Checklist<\/a><\/li>\n                            <li><a href=\"#\">Important Deadlines<\/a><\/li>\n                            <li><a href=\"#\">Tax Deduction Guide<\/a><\/li>\n                            <li><a href=\"#\">FAQ<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"footer-column\">\n                        <h4>Contact<\/h4>\n                        <ul>\n                            <li><a href=\"#contact\">Schedule Appointment<\/a><\/li>\n                            <li><a href=\"tel:16192555530\">Call: (619) 255-5530<\/a><\/li>\n                            <li><a href=\"#contact\">Office Location<\/a><\/li>\n                            <li><a href=\"#contact\">Business Hours<\/a><\/li>\n                            <li><a href=\"#contact\">Free Consultation<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"footer-bottom\">\n                <p>\u00a9 2024 YebboTax. IRS Authorized E-File Provider \u2022 CTEC Registered Tax Preparer \u2022 All Rights Reserved.<\/p>\n                <div class=\"footer-bottom-links\">\n                    <a href=\"#\">Privacy Policy<\/a>\n                    <a href=\"#\">Terms of Service<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Form Submission Handler\n        document.getElementById('appointmentForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            \/\/ Get form values\n            const name = document.getElementById('name').value;\n            const service = document.getElementById('service').value;\n            \n            \/\/ Show confirmation message\n            alert(`Thank you ${name}! Your appointment request for ${service} services has been received. We will contact you within 1 business day to schedule your appointment.`);\n            \n            \/\/ Reset form\n            this.reset();\n            \n            \/\/ Scroll to thank you message\n            document.getElementById('contact').scrollIntoView({ behavior: 'smooth' });\n        });\n\n        \/\/ Mobile Navigation Toggle\n        const hamburgerBtn = document.getElementById('hamburgerBtn');\n        const navDesktop = document.querySelector('.nav-desktop');\n        const navPhone = document.querySelector('.nav-phone');\n\n        hamburgerBtn.addEventListener('click', function() {\n            const isExpanded = this.getAttribute('aria-expanded') === 'true';\n            \n            \/\/ Toggle hamburger animation\n            this.classList.toggle('active');\n            this.setAttribute('aria-expanded', !isExpanded);\n            \n            \/\/ Toggle mobile menu\n            if (!isExpanded) {\n                navDesktop.style.display = 'flex';\n                navPhone.style.display = 'flex';\n                navDesktop.style.flexDirection = 'column';\n                navPhone.style.flexDirection = 'column';\n                navDesktop.style.position = 'absolute';\n                navDesktop.style.top = '100%';\n                navDesktop.style.left = '0';\n                navDesktop.style.right = '0';\n                navDesktop.style.background = 'rgba(255, 255, 255, 0.98)';\n                navDesktop.style.padding = '20px';\n                navDesktop.style.boxShadow = '0 10px 30px rgba(0, 0, 0, 0.1)';\n                navDesktop.style.gap = '20px';\n                \n                navPhone.style.position = 'absolute';\n                navPhone.style.top = 'calc(100% + 200px)';\n                navPhone.style.left = '0';\n                navPhone.style.right = '0';\n                navPhone.style.background = 'rgba(255, 255, 255, 0.98)';\n                navPhone.style.padding = '20px';\n                navPhone.style.boxShadow = '0 10px 30px rgba(0, 0, 0, 0.1)';\n            } else {\n                navDesktop.style.display = 'none';\n                navPhone.style.display = 'none';\n            }\n        });\n\n        \/\/ Scroll animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('fade-in');\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all sections with fade-in class\n        document.querySelectorAll('.fade-in').forEach((el) => {\n            observer.observe(el);\n        });\n\n        \/\/ Smooth scroll for navigation links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function(e) {\n                e.preventDefault();\n                const targetId = this.getAttribute('href');\n                if (targetId === '#') return;\n                \n                const targetElement = document.querySelector(targetId);\n                if (targetElement) {\n                    \/\/ Close mobile menu if open\n                    if (hamburgerBtn.getAttribute('aria-expanded') === 'true') {\n                        hamburgerBtn.click();\n                    }\n                    \n                    targetElement.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n\n        \/\/ Update Google Maps embed with correct address\n        function updateMapEmbed() {\n            \/\/ Note: You need to get the actual embed code from Google Maps\n            \/\/ 1. Go to Google Maps and search for your address\n            \/\/ 2. Click \"Share\" then \"Embed a map\"\n            \/\/ 3. Copy the iframe code and replace the current iframe src\n            console.log('To update the map: Get embed code from Google Maps for: 4265 Fairmount Ave #130, San Diego, CA 92105');\n        }\n\n        \/\/ Initialize\n        updateMapEmbed();\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>YebboTax | Specialized In-Person Tax Preparation Services YebboTax Specialized Tax Services \u2022 Open Year-Round Services Specialized How It Works Contact [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-517","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8nzgb-8l","jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/pages\/517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/comments?post=517"}],"version-history":[{"count":1,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/pages\/517\/revisions"}],"predecessor-version":[{"id":518,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/pages\/517\/revisions\/518"}],"wp:attachment":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/media?parent=517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}