{"id":211,"date":"2026-01-17T20:10:18","date_gmt":"2026-01-17T20:10:18","guid":{"rendered":"https:\/\/yebbo.com\/2013\/?p=211"},"modified":"2026-01-17T20:10:18","modified_gmt":"2026-01-17T20:10:18","slug":"ethiotrans-professional-translation-services-100-languages-san-diego-ca","status":"publish","type":"post","link":"https:\/\/yebbo.com\/2013\/2026\/01\/17\/ethiotrans-professional-translation-services-100-languages-san-diego-ca\/","title":{"rendered":"Ethiotrans &#8211; Professional Translation Services | 100+ Languages | San Diego, CA"},"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>Ethiotrans &#8211; Professional Translation Services | 100+ Languages | San Diego, CA<\/title>\n    <meta name=\"description\" content=\"US-based professional translation services for 100+ languages including Amharic, Oromo, Tigrinya. Certified translations for legal, medical, and business documents in San Diego, CA.\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        \/* CSS Variables - Professional Blue Theme *\/\n        :root {\n            --primary: #1877F2; \/* Professional blue *\/\n            --primary-dark: #0e5bbd;\n            --secondary: #42B72A; \/* Green accent *\/\n            --accent: #F0F2F5; \/* Light gray *\/\n            --light: #ffffff;\n            --dark: #1c1e21;\n            --text: #050505;\n            --gray: #65676B;\n            --border-radius: 8px;\n            --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n            --transition: all 0.3s ease;\n        }\n\n        \/* Reset and Base Styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Segoe UI', Helvetica, Arial, sans-serif;\n            line-height: 1.6;\n            color: var(--text);\n            background-color: var(--accent);\n            overflow-x: hidden;\n        }\n\n        a {\n            text-decoration: none;\n            color: inherit;\n        }\n\n        ul {\n            list-style: none;\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        .container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .btn {\n            display: inline-block;\n            padding: 12px 28px;\n            background-color: var(--primary);\n            color: white;\n            border: none;\n            border-radius: var(--border-radius);\n            font-weight: 600;\n            cursor: pointer;\n            transition: var(--transition);\n            text-align: center;\n        }\n\n        .btn:hover {\n            background-color: var(--primary-dark);\n            transform: translateY(-2px);\n            box-shadow: var(--box-shadow);\n        }\n\n        .btn-secondary {\n            background-color: var(--secondary);\n        }\n\n        .btn-secondary:hover {\n            background-color: #36a420;\n        }\n\n        .section {\n            padding: 80px 0;\n        }\n\n        .section-title {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .section-title h2 {\n            font-size: 2.5rem;\n            color: var(--primary);\n            margin-bottom: 15px;\n        }\n\n        .section-title p {\n            font-size: 1.1rem;\n            color: var(--gray);\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        \/* Header Styles *\/\n        header {\n            background-color: var(--light);\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n        }\n\n        .header-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 15px 20px;\n        }\n\n        .logo {\n            display: flex;\n            align-items: center;\n        }\n\n        .logo-img {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .logo-img img {\n            height: 50px;\n            width: auto;\n        }\n\n        .logo-text {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .logo-top {\n            font-size: 1.8rem;\n            font-weight: 800;\n            color: var(--primary);\n            line-height: 1;\n            letter-spacing: 1px;\n        }\n\n        .logo-bottom {\n            font-size: 1.4rem;\n            font-weight: 700;\n            color: var(--primary);\n            line-height: 1;\n            letter-spacing: 1px;\n        }\n\n        .logo-url {\n            font-size: 0.7rem;\n            color: var(--gray);\n            margin-top: 2px;\n        }\n\n        \/* Horizontal Navigation *\/\n        .nav-menu {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            background-color: var(--light);\n            padding: 10px 0;\n            border-top: 1px solid #dddfe2;\n            border-bottom: 1px solid #dddfe2;\n        }\n\n        .nav-menu ul {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 15px;\n            max-width: 100%;\n            overflow-x: auto;\n            padding: 0 20px;\n        }\n\n        .nav-menu li {\n            white-space: nowrap;\n        }\n\n        .nav-menu a {\n            font-weight: 600;\n            padding: 8px 15px;\n            transition: var(--transition);\n            border-radius: var(--border-radius);\n        }\n\n        .nav-menu a:hover {\n            color: var(--primary);\n            background-color: var(--accent);\n        }\n\n        .nav-cta {\n            display: flex;\n            align-items: center;\n            margin-left: 20px;\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n            color: white;\n            padding: 120px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-container {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .hero-content {\n            flex: 1;\n            max-width: 600px;\n        }\n\n        .hero-content h1 {\n            font-size: 3rem;\n            margin-bottom: 20px;\n            line-height: 1.2;\n        }\n\n        .hero-content p {\n            font-size: 1.2rem;\n            margin-bottom: 30px;\n            opacity: 0.9;\n        }\n\n        .hero-btns {\n            display: flex;\n            gap: 15px;\n            flex-wrap: wrap;\n        }\n\n        .hero-image {\n            flex: 1;\n            text-align: center;\n        }\n\n        .hero-image img {\n            max-width: 100%;\n            border-radius: var(--border-radius);\n            box-shadow: var(--box-shadow);\n        }\n\n        \/* Location Badge *\/\n        .location-badge {\n            display: inline-flex;\n            align-items: center;\n            background: rgba(255, 255, 255, 0.2);\n            padding: 8px 16px;\n            border-radius: 30px;\n            margin-bottom: 20px;\n            font-size: 0.9rem;\n        }\n\n        .location-badge i {\n            margin-right: 8px;\n        }\n\n        \/* Services Section *\/\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n        }\n\n        .service-card {\n            background: white;\n            border-radius: var(--border-radius);\n            padding: 30px;\n            box-shadow: var(--box-shadow);\n            transition: var(--transition);\n            text-align: center;\n            border: 1px solid #dddfe2;\n        }\n\n        .service-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);\n        }\n\n        .service-icon {\n            font-size: 2.5rem;\n            color: var(--primary);\n            margin-bottom: 20px;\n        }\n\n        .service-card h3 {\n            font-size: 1.5rem;\n            margin-bottom: 15px;\n            color: var(--primary);\n        }\n\n        .service-card p {\n            color: var(--gray);\n            margin-bottom: 20px;\n        }\n\n        \/* Languages Section *\/\n        .languages {\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n            color: white;\n        }\n\n        .languages-content {\n            max-width: 1000px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .languages-content h2 {\n            font-size: 2.5rem;\n            margin-bottom: 20px;\n        }\n\n        .languages-content p {\n            font-size: 1.2rem;\n            margin-bottom: 40px;\n            opacity: 0.9;\n        }\n\n        .languages-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n            gap: 15px;\n            margin-top: 40px;\n        }\n\n        .language-item {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 15px;\n            border-radius: var(--border-radius);\n            transition: var(--transition);\n            backdrop-filter: blur(10px);\n            text-align: center;\n            cursor: pointer;\n        }\n\n        .language-item:hover {\n            background: rgba(255, 255, 255, 0.2);\n            transform: translateY(-5px);\n        }\n\n        .language-item h4 {\n            font-size: 1.1rem;\n            margin-bottom: 5px;\n        }\n\n        \/* Language Modal *\/\n        .language-modal {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.7);\n            z-index: 2000;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .language-modal.active {\n            display: flex;\n        }\n\n        .modal-content {\n            background-color: white;\n            border-radius: var(--border-radius);\n            width: 90%;\n            max-width: 600px;\n            max-height: 90vh;\n            overflow-y: auto;\n            padding: 30px;\n            position: relative;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n        }\n\n        .modal-close {\n            position: absolute;\n            top: 15px;\n            right: 15px;\n            background: none;\n            border: none;\n            font-size: 1.5rem;\n            cursor: pointer;\n            color: var(--gray);\n        }\n\n        .modal-header {\n            display: flex;\n            align-items: center;\n            margin-bottom: 20px;\n            padding-bottom: 15px;\n            border-bottom: 1px solid #eee;\n        }\n\n        .modal-glyph {\n            font-size: 3rem;\n            margin-right: 20px;\n            background: var(--accent);\n            width: 80px;\n            height: 80px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: var(--border-radius);\n        }\n\n        .modal-title h3 {\n            font-size: 1.8rem;\n            color: var(--primary);\n            margin-bottom: 5px;\n        }\n\n        .modal-title p {\n            color: var(--gray);\n            font-size: 1rem;\n        }\n\n        .modal-details {\n            margin-bottom: 25px;\n        }\n\n        .modal-details h4 {\n            font-size: 1.2rem;\n            margin-bottom: 10px;\n            color: var(--primary);\n        }\n\n        .modal-details p {\n            line-height: 1.6;\n            color: var(--text);\n            margin-bottom: 15px;\n        }\n\n        .variations-list {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 8px;\n            margin-top: 10px;\n        }\n\n        .variation-tag {\n            background: var(--accent);\n            padding: 5px 12px;\n            border-radius: 20px;\n            font-size: 0.9rem;\n            color: var(--primary);\n        }\n\n        \/* Z-Pattern Section *\/\n        .z-pattern {\n            background-color: var(--light);\n        }\n\n        .z-item {\n            display: flex;\n            align-items: center;\n            margin-bottom: 80px;\n        }\n\n        .z-item:nth-child(even) {\n            flex-direction: row-reverse;\n        }\n\n        .z-item:last-child {\n            margin-bottom: 0;\n        }\n\n        .z-content {\n            flex: 1;\n            padding: 0 40px;\n        }\n\n        .z-image {\n            flex: 1;\n            text-align: center;\n        }\n\n        .z-image img {\n            border-radius: var(--border-radius);\n            box-shadow: var(--box-shadow);\n        }\n\n        .z-content h3 {\n            font-size: 1.8rem;\n            margin-bottom: 20px;\n            color: var(--primary);\n        }\n\n        .z-content p {\n            margin-bottom: 20px;\n            color: var(--gray);\n        }\n\n        \/* Testimonials *\/\n        .testimonials {\n            background-color: var(--accent);\n        }\n\n        .testimonial-slider {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .testimonial {\n            background: white;\n            border-radius: var(--border-radius);\n            padding: 30px;\n            box-shadow: var(--box-shadow);\n            text-align: center;\n            border: 1px solid #dddfe2;\n        }\n\n        .testimonial-content {\n            font-style: italic;\n            margin-bottom: 20px;\n            color: var(--gray);\n        }\n\n        .testimonial-author {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .author-avatar {\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            overflow: hidden;\n            margin-right: 15px;\n            background-color: var(--primary);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: bold;\n        }\n\n        .author-info h4 {\n            font-size: 1.1rem;\n            margin-bottom: 5px;\n        }\n\n        .author-info p {\n            color: var(--gray);\n            font-size: 0.9rem;\n        }\n\n        \/* FAQ Section *\/\n        .faq-container {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .faq-item {\n            margin-bottom: 15px;\n            border-radius: var(--border-radius);\n            overflow: hidden;\n            box-shadow: var(--box-shadow);\n            border: 1px solid #dddfe2;\n        }\n\n        .faq-question {\n            padding: 20px;\n            background-color: white;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-weight: 600;\n        }\n\n        .faq-question i {\n            transition: var(--transition);\n        }\n\n        .faq-answer {\n            padding: 0 20px;\n            max-height: 0;\n            overflow: hidden;\n            transition: var(--transition);\n            background-color: white;\n        }\n\n        .faq-item.active .faq-answer {\n            padding: 20px;\n            max-height: 500px;\n        }\n\n        .faq-item.active .faq-question i {\n            transform: rotate(180deg);\n        }\n\n        \/* Contact Section *\/\n        .contact {\n            background-color: var(--light);\n        }\n\n        .contact-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 40px;\n        }\n\n        .contact-info {\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n        }\n\n        .contact-item {\n            display: flex;\n            align-items: flex-start;\n        }\n\n        .contact-icon {\n            font-size: 1.5rem;\n            color: var(--primary);\n            margin-right: 15px;\n            margin-top: 5px;\n        }\n\n        .contact-details h3 {\n            font-size: 1.2rem;\n            margin-bottom: 5px;\n        }\n\n        .contact-form {\n            background: white;\n            padding: 30px;\n            border-radius: var(--border-radius);\n            box-shadow: var(--box-shadow);\n            border: 1px solid #dddfe2;\n        }\n\n        .form-group {\n            margin-bottom: 20px;\n        }\n\n        .form-group label {\n            display: block;\n            margin-bottom: 8px;\n            font-weight: 600;\n        }\n\n        .form-control {\n            width: 100%;\n            padding: 12px 15px;\n            border: 1px solid #dddfe2;\n            border-radius: var(--border-radius);\n            font-size: 1rem;\n            transition: var(--transition);\n            background-color: var(--accent);\n        }\n\n        .form-control:focus {\n            border-color: var(--primary);\n            outline: none;\n            box-shadow: 0 0 0 2px rgba(24, 119, 242, 0.2);\n        }\n\n        textarea.form-control {\n            min-height: 120px;\n            resize: vertical;\n        }\n\n        \/* Trust Signals *\/\n        .trust-signals {\n            background-color: white;\n            padding: 50px 0;\n            text-align: center;\n            border-top: 1px solid #dddfe2;\n            border-bottom: 1px solid #dddfe2;\n        }\n\n        .trust-badges {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 30px;\n            margin-top: 30px;\n        }\n\n        .trust-badge {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            max-width: 150px;\n        }\n\n        .trust-badge i {\n            font-size: 2.5rem;\n            color: var(--primary);\n            margin-bottom: 10px;\n        }\n\n        .trust-badge span {\n            font-weight: 600;\n        }\n\n        \/* Footer *\/\n        footer {\n            background-color: var(--dark);\n            color: white;\n            padding: 70px 0 20px;\n        }\n\n        .footer-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 40px;\n            margin-bottom: 50px;\n        }\n\n        .footer-col h3 {\n            font-size: 1.3rem;\n            margin-bottom: 25px;\n            position: relative;\n            color: var(--light);\n        }\n\n        .footer-col h3::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 0;\n            width: 40px;\n            height: 2px;\n            background-color: var(--secondary);\n        }\n\n        .footer-col ul li {\n            margin-bottom: 12px;\n        }\n\n        .footer-col ul li a {\n            transition: var(--transition);\n            opacity: 0.8;\n        }\n\n        .footer-col ul li a:hover {\n            opacity: 1;\n            color: var(--secondary);\n            padding-left: 5px;\n        }\n\n        .social-links {\n            display: flex;\n            gap: 15px;\n            margin-top: 20px;\n        }\n\n        .social-links a {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background-color: rgba(255, 255, 255, 0.1);\n            transition: var(--transition);\n        }\n\n        .social-links a:hover {\n            background-color: var(--primary);\n            transform: translateY(-3px);\n        }\n\n        .footer-bottom {\n            text-align: center;\n            padding-top: 20px;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            font-size: 0.9rem;\n            opacity: 0.7;\n        }\n\n        \/* Media Queries *\/\n        @media (max-width: 992px) {\n            .hero-container {\n                flex-direction: column;\n                text-align: center;\n            }\n            \n            .hero-content {\n                margin-bottom: 50px;\n            }\n            \n            .z-item, .z-item:nth-child(even) {\n                flex-direction: column;\n            }\n            \n            .z-content {\n                padding: 0;\n                margin-bottom: 30px;\n            }\n            \n            .languages-grid {\n                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n            }\n            \n            .nav-menu ul {\n                justify-content: flex-start;\n                overflow-x: auto;\n                padding: 10px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .nav-menu {\n                display: none;\n            }\n            \n            .mobile-nav-toggle {\n                display: block;\n                background: none;\n                border: none;\n                font-size: 1.5rem;\n                cursor: pointer;\n                color: var(--primary);\n                margin-left: 15px;\n            }\n            \n            .mobile-nav {\n                display: none;\n                background: white;\n                position: absolute;\n                top: 100%;\n                left: 0;\n                width: 100%;\n                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n                z-index: 999;\n                padding: 20px;\n            }\n            \n            .mobile-nav.active {\n                display: block;\n            }\n            \n            .mobile-nav ul {\n                display: flex;\n                flex-direction: column;\n                gap: 10px;\n            }\n            \n            .mobile-nav li {\n                width: 100%;\n            }\n            \n            .mobile-nav a {\n                display: block;\n                padding: 12px 15px;\n                border-bottom: 1px solid #eee;\n            }\n            \n            .hero-content h1 {\n                font-size: 2.5rem;\n            }\n            \n            .hero-btns {\n                flex-direction: column;\n                align-items: center;\n            }\n            \n            .btn {\n                width: 100%;\n                max-width: 250px;\n            }\n            \n            .section-title h2 {\n                font-size: 2rem;\n            }\n            \n            .logo-top {\n                font-size: 1.5rem;\n            }\n            \n            .logo-bottom {\n                font-size: 1.2rem;\n            }\n            \n            .logo-img img {\n                height: 40px;\n            }\n            \n            .languages-grid {\n                grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\n            }\n            \n            .modal-header {\n                flex-direction: column;\n                text-align: center;\n            }\n            \n            .modal-glyph {\n                margin-right: 0;\n                margin-bottom: 15px;\n            }\n        }\n\n        @media (max-width: 576px) {\n            .hero {\n                padding: 80px 0;\n            }\n            \n            .hero-content h1 {\n                font-size: 2rem;\n            }\n            \n            .section {\n                padding: 60px 0;\n            }\n            \n            .service-card {\n                padding: 20px;\n            }\n            \n            .languages-grid {\n                grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n                gap: 10px;\n            }\n            \n            .modal-content {\n                padding: 20px;\n            }\n            \n            .header-container {\n                flex-wrap: wrap;\n            }\n            \n            .nav-cta {\n                margin-top: 10px;\n                width: 100%;\n                justify-content: center;\n            }\n        }\n\n        @media (min-width: 769px) {\n            .mobile-nav-toggle {\n                display: none;\n            }\n            \n            .mobile-nav {\n                display: none !important;\n            }\n            \n            .nav-menu {\n                display: flex;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Header -->\n    <header>\n        <div class=\"container header-container\">\n            <div class=\"logo\">\n                <div class=\"logo-img\">\n                    <img decoding=\"async\" src=\"https:\/\/yebbo.com\/2013\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-Dec-14-2025-09_50_06-AM.png\" alt=\"Ethiotrans Logo\" onerror=\"this.src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSIjMTg3N0YyIi8+CjxwYXRoIGQ9Ik0yNSA1MEg3NVY3NUgyNVY1MFoiIGZpbGw9IiNGRkZGRkYiLz4KPHBhdGggZD0iTTI1IDI1SDc1VjUwSDI1VjI1WiIgZmlsbD0iIzQyQjcyQSIvPgo8L3N2Zz4K'\" style=\"height: 50px; width: auto;\">\n                    <div class=\"logo-text\">\n                        <div class=\"logo-top\">ETHIOTRANS<\/div>\n                        <div class=\"logo-url\">Professional Translation Services<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"nav-cta\">\n                <a href=\"#contact\" class=\"btn\">Get Quote<\/a>\n                <button class=\"mobile-nav-toggle\" id=\"mobileNavToggle\">\n                    <i class=\"fas fa-bars\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n        \n        <!-- Horizontal Navigation Menu -->\n        <nav class=\"nav-menu\">\n            <ul>\n                <li><a href=\"#home\">Home<\/a><\/li>\n                <li><a href=\"#services\">Services<\/a><\/li>\n                <li><a href=\"#languages\">Languages<\/a><\/li>\n                <li><a href=\"#about\">About Us<\/a><\/li>\n                <li><a href=\"#testimonials\">Testimonials<\/a><\/li>\n                <li><a href=\"#faq\">FAQ<\/a><\/li>\n                <li><a href=\"#contact\">Contact<\/a><\/li>\n            <\/ul>\n        <\/nav>\n        \n        <!-- Mobile Navigation -->\n        <div class=\"mobile-nav\" id=\"mobileNav\">\n            <ul>\n                <li><a href=\"#home\">Home<\/a><\/li>\n                <li><a href=\"#services\">Services<\/a><\/li>\n                <li><a href=\"#languages\">Languages<\/a><\/li>\n                <li><a href=\"#about\">About Us<\/a><\/li>\n                <li><a href=\"#testimonials\">Testimonials<\/a><\/li>\n                <li><a href=\"#faq\">FAQ<\/a><\/li>\n                <li><a href=\"#contact\">Contact<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"hero\" id=\"home\">\n        <div class=\"container hero-container\">\n            <div class=\"hero-content\">\n                <div class=\"location-badge\">\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                    San Diego, California\n                <\/div>\n                <h1>Professional Translation Services in 100+ Languages<\/h1>\n                <p>US-based translation experts specializing in Ethiopian languages and 100+ global languages. Certified translations for legal, medical, and business documents with quick turnaround times.<\/p>\n                <div class=\"hero-btns\">\n                    <a href=\"#services\" class=\"btn\">Our Services<\/a>\n                    <a href=\"#contact\" class=\"btn btn-secondary\">Get Quote<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"hero-image\">\n                <img decoding=\"async\" src=\"https:\/\/yebbo.com\/2013\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-Dec-14-2025-09_50_06-AM.png\" alt=\"Translation Services\" onerror=\"this.src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDUwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNDAwIiBmaWxsPSIjRjhGOUZBIi8+CjxyZWN0IHg9IjEwMCIgeT0iMTAwIiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjIwMCIgcng9IjEwIiBmaWxsPSIjMTg3N0YyIi8+CjxwYXRoIGQ9Ik0yMDAgMTUwSDMwMFYyNTBIMjAwVjE1MFpNMzAwIDE1MEg0MDBWMjUwSDMwMFYxNTBaIiBmaWxsPSIjRjhGOUZBIi8+CjxjaXJjbGUgY3g9IjE1MCIgY3k9IjIwMCIgcj0iMzAiIGZpbGw9IiM0MkI3MkEiLz4KPGNpcmNsZSBjeD0iMzUwIiBjeT0iMjAwIiByPSIzMCIgZmlsbD0iIzQyQjcyQSIvPgo8L3N2Zz4K'\" style=\"max-width: 100%; border-radius: var(--border-radius); box-shadow: var(--box-shadow);\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section -->\n    <section class=\"section\" id=\"services\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Our Professional Services<\/h2>\n                <p>Comprehensive language solutions for all your communication needs<\/p>\n            <\/div>\n            \n            <div class=\"services-grid\">\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-language\"><\/i>\n                    <\/div>\n                    <h3>Translation<\/h3>\n                    <p>Accurate translation of documents, websites, and multimedia content in 100+ languages with cultural sensitivity.<\/p>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-globe-americas\"><\/i>\n                    <\/div>\n                    <h3>Internationalization<\/h3>\n                    <p>Prepare your products and content for global markets with proper cultural and technical adaptations.<\/p>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-map-marked-alt\"><\/i>\n                    <\/div>\n                    <h3>Localization<\/h3>\n                    <p>Adapt your content, products, and services to specific regional markets and cultural contexts.<\/p>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-microphone-alt\"><\/i>\n                    <\/div>\n                    <h3>Interpretation<\/h3>\n                    <p>Professional interpreters for meetings, conferences, legal proceedings, and medical appointments.<\/p>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-cogs\"><\/i>\n                    <\/div>\n                    <h3>Customization<\/h3>\n                    <p>Tailored solutions for your specific industry, audience, and communication requirements.<\/p>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-check-double\"><\/i>\n                    <\/div>\n                    <h3>Proofreading<\/h3>\n                    <p>Thorough review and editing to ensure linguistic accuracy, consistency, and quality.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Languages Section -->\n    <section class=\"section languages\" id=\"languages\">\n        <div class=\"container\">\n            <div class=\"languages-content\">\n                <h2>100+ Languages We Translate<\/h2>\n                <p>Click on any language to learn more about it<\/p>\n                \n                <div class=\"languages-grid\">\n                    <div class=\"language-item\" data-language=\"Amharic\">\n                        <h4>Amharic<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Arabic\">\n                        <h4>Arabic<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Oromo\">\n                        <h4>Oromo<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Tigrinya\">\n                        <h4>Tigrinya<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Somali\">\n                        <h4>Somali<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"French\">\n                        <h4>French<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Spanish\">\n                        <h4>Spanish<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Chinese\">\n                        <h4>Chinese<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Hindi\">\n                        <h4>Hindi<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Russian\">\n                        <h4>Russian<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Portuguese\">\n                        <h4>Portuguese<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"German\">\n                        <h4>German<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Japanese\">\n                        <h4>Japanese<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Korean\">\n                        <h4>Korean<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Italian\">\n                        <h4>Italian<\/h4>\n                    <\/div>\n                    <div class=\"language-item\" data-language=\"Swahili\">\n                        <h4>Swahili<\/h4>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Language Modal -->\n    <div class=\"language-modal\" id=\"languageModal\">\n        <div class=\"modal-content\">\n            <button class=\"modal-close\" id=\"modalClose\">&times;<\/button>\n            <div class=\"modal-header\">\n                <div class=\"modal-glyph\" id=\"modalGlyph\">A<\/div>\n                <div class=\"modal-title\">\n                    <h3 id=\"modalLanguageName\">Language Name<\/h3>\n                    <p id=\"modalCountries\">Countries where spoken<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"modal-details\">\n                <h4>About This Language<\/h4>\n                <p id=\"modalBio\">Language description will appear here&#8230;<\/p>\n                \n                <h4>Language Variations<\/h4>\n                <div class=\"variations-list\" id=\"modalVariations\">\n                    <!-- Variations will be inserted here -->\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Z-Pattern Section -->\n    <section class=\"section z-pattern\" id=\"about\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Why Choose Ethiotrans?<\/h2>\n                <p>We combine linguistic expertise with cultural understanding to deliver accurate translations<\/p>\n            <\/div>\n            \n            <div class=\"z-item\">\n                <div class=\"z-content\">\n                    <h3>100+ Language Expertise<\/h3>\n                    <p>With expertise in over 100 languages including rare Ethiopian dialects and global languages, we provide comprehensive translation solutions for diverse client needs. Our network of native-speaking translators ensures cultural and linguistic accuracy.<\/p>\n                    <p>We specialize in both common business languages and rare dialects, making us your one-stop solution for all translation needs.<\/p>\n                    <a href=\"#services\" class=\"btn\">Our Process<\/a>\n                <\/div>\n                <div class=\"z-image\">\n                    <img decoding=\"async\" src=\"https:\/\/yebbo.com\/2013\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-Dec-14-2025-09_50_06-AM.png\" alt=\"Translation Expertise\" onerror=\"this.src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDUwMCA0MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iNDAwIiBmaWxsPSIjRjhGOUZBIi8+CjxjaXJjbGUgY3g9IjE1MCIgY3k9IjE1MCIgcj0iNjAiIGZpbGw9IiMxODc3RjIiLz4KPGNpcmNsZSBjeD0iMzUwIiBjeT0iMTUwIiByPSI2MCIgZmlsbD0iIzE4NzdGMiIvPgo8cGF0aCBkPSJNMTUwIDIxMFYzMzBIMzUwVjIxMCIgZmlsbD0iIzQyQjcyQSIvPgo8cGF0aCBkPSJNMTUwIDIxMEgzNTBNMTUwIDI3MEgzNTBNMTUwIDMzMEgzNTAiIHN0cm9rZT0iI0Y4RjlGQSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxyZWN0IHg9IjIwMCIgeT0iMTAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjUwIiByeD0iMTAiIGZpbGw9IiM0MkI3MkEiLz4KPHJlY3QgeD0iMjAwIiB5PSIyNTAiIHdpZHRoPSIxMDAiIGhlaWdodD0iNTAiIHJ4PSIxMCIgZmlsbD0iIzQyQjcyQSIvPgo8L3N2Zz4K'\" style=\"max-width: 100%; border-radius: var(--border-radius); box-shadow: var(--box-shadow);\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Testimonials Section -->\n    <section class=\"section testimonials\" id=\"testimonials\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>What Our Clients Say<\/h2>\n                <p>Don&#8217;t just take our word for it &#8211; hear from our satisfied clients<\/p>\n            <\/div>\n            \n            <div class=\"testimonial-slider\">\n                <div class=\"testimonial\">\n                    <div class=\"testimonial-content\">\n                        <p>&#8220;Ethiotrans provided excellent Amharic translation for our legal documents. The translation was accurate, delivered on time, and the certified translation was accepted without issues by the immigration authorities. Highly recommended!&#8221;<\/p>\n                    <\/div>\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-avatar\">\n                            ST\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Samuel Tekle<\/h4>\n                            <p>Immigration Client<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section -->\n    <section class=\"section\" id=\"faq\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Frequently Asked Questions<\/h2>\n                <p>Find answers to common questions about our translation services<\/p>\n            <\/div>\n            \n            <div class=\"faq-container\">\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span>How long does a translation typically take?<\/span>\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>Translation time depends on the length and complexity of your document. As a general guideline, we can translate approximately 2,000-2,500 words per day for standard documents. Rush services are available for urgent projects with a 24-48 hour turnaround.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span>Do you provide certified translations?<\/span>\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>Yes, we provide certified translations for official purposes such as immigration, academic applications, and legal proceedings. Our certified translations include a signed statement attesting to the accuracy and completeness of the translation, and we can provide notarization when required.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span>Can I visit your San Diego office?<\/span>\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>Yes! We welcome clients to our San Diego office at 4265 Fairmount Ave #240, San Diego, CA 92105. We recommend scheduling an appointment to ensure we can dedicate the proper time to discuss your translation needs. We also offer virtual consultations for clients who prefer remote service.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Trust Signals -->\n    <section class=\"trust-signals\">\n        <div class=\"container\">\n            <h2>Why Clients Trust Ethiotrans<\/h2>\n            <div class=\"trust-badges\">\n                <div class=\"trust-badge\">\n                    <i class=\"fas fa-shield-alt\"><\/i>\n                    <span>Secure &#038; Confidential<\/span>\n                <\/div>\n                <div class=\"trust-badge\">\n                    <i class=\"fas fa-user-check\"><\/i>\n                    <span>Native Translators<\/span>\n                <\/div>\n                <div class=\"trust-badge\">\n                    <i class=\"fas fa-award\"><\/i>\n                    <span>Quality Guarantee<\/span>\n                <\/div>\n                <div class=\"trust-badge\">\n                    <i class=\"fas fa-clock\"><\/i>\n                    <span>On-Time Delivery<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact Section -->\n    <section class=\"section contact\" id=\"contact\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Get In Touch<\/h2>\n                <p>Ready to start your translation project? Contact us today for a free quote<\/p>\n            <\/div>\n            \n            <div class=\"contact-container\">\n                <div class=\"contact-info\">\n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/div>\n                        <div class=\"contact-details\">\n                            <h3>Our Office<\/h3>\n                            <p>4265 Fairmount Ave #240<br>San Diego, CA 92105<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-envelope\"><\/i>\n                        <\/div>\n                        <div class=\"contact-details\">\n                            <h3>Email Address<\/h3>\n                            <p>info@ethiotrans.com<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-globe\"><\/i>\n                        <\/div>\n                        <div class=\"contact-details\">\n                            <h3>Website<\/h3>\n                            <p>ethiotrans.com<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-clock\"><\/i>\n                        <\/div>\n                        <div class=\"contact-details\">\n                            <h3>Business Hours<\/h3>\n                            <p>Monday &#8211; Friday: 9am &#8211; 6pm PST<br>Saturday: 10am &#8211; 2pm PST<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-form\">\n                    <form id=\"contactForm\">\n                        <div class=\"form-group\">\n                            <label for=\"name\">Full Name<\/label>\n                            <input type=\"text\" id=\"name\" class=\"form-control\" placeholder=\"Your 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=\"your.email@example.com\" 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=\"(555) 123-4567\">\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"service\">Service Needed<\/label>\n                            <select id=\"service\" class=\"form-control\" required>\n                                <option value=\"\">Select a service<\/option>\n                                <option value=\"translation\">Translation<\/option>\n                                <option value=\"localization\">Localization<\/option>\n                                <option value=\"interpretation\">Interpretation<\/option>\n                                <option value=\"proofreading\">Proofreading<\/option>\n                                <option value=\"multimedia\">Multimedia Services<\/option>\n                                <option value=\"consulting\">Expert Consulting<\/option>\n                                <option value=\"other\">Other<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"message\">Project Details<\/label>\n                            <textarea id=\"message\" class=\"form-control\" rows=\"5\" placeholder=\"Tell us about your translation project...\" required><\/textarea>\n                        <\/div>\n                        \n                        <button type=\"submit\" class=\"btn btn-secondary\" style=\"width: 100%;\">Get Free Quote<\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-container\">\n                <div class=\"footer-col\">\n                    <h3>Ethiotrans<\/h3>\n                    <p>Professional translation and localization services for 100+ languages. US-based company serving clients nationwide with accurate, culturally-sensitive translations.<\/p>\n                    <div class=\"social-links\">\n                        <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"footer-col\">\n                    <h3>Quick Links<\/h3>\n                    <ul>\n                        <li><a href=\"#home\">Home<\/a><\/li>\n                        <li><a href=\"#services\">Services<\/a><\/li>\n                        <li><a href=\"#languages\">Languages<\/a><\/li>\n                        <li><a href=\"#about\">About Us<\/a><\/li>\n                        <li><a href=\"#faq\">FAQ<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-col\">\n                    <h3>Services<\/h3>\n                    <ul>\n                        <li><a href=\"#services\">Translation<\/a><\/li>\n                        <li><a href=\"#services\">Localization<\/a><\/li>\n                        <li><a href=\"#services\">Interpretation<\/a><\/li>\n                        <li><a href=\"#services\">Multimedia Services<\/a><\/li>\n                        <li><a href=\"#services\">Expert Consulting<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-col\">\n                    <h3>Contact Info<\/h3>\n                    <ul>\n                        <li><i class=\"fas fa-map-marker-alt\"><\/i> 4265 Fairmount Ave #240<\/li>\n                        <li><i class=\"fas fa-map-marker-alt\"><\/i> San Diego, CA 92105<\/li>\n                        <li><i class=\"fas fa-envelope\"><\/i> info@ethiotrans.com<\/li>\n                        <li><i class=\"fas fa-globe\"><\/i> ethiotrans.com<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-bottom\">\n                <p>&copy; 2023 Ethiotrans Translation Services. All Rights Reserved. | <a href=\"#\">Privacy Policy<\/a> | <a href=\"#\">Terms of Service<\/a><\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Language data with details\n        const languageData = {\n            \"Amharic\": {\n                countries: \"Ethiopia, Eritrea\",\n                glyph: \"\u12a0\",\n                bio: \"Amharic is a Semitic language and the official working language of Ethiopia. It's written using the Ge'ez script (Fidel) and is spoken by over 32 million people as a first language and 25 million as a second language.\",\n                variations: [\"Gondarine\", \"Gojjami\", \"Showa\"]\n            },\n            \"Arabic\": {\n                countries: \"Multiple countries across Middle East and North Africa\",\n                glyph: \"\u0639\",\n                bio: \"Arabic is a Central Semitic language that first emerged in Iron Age northwestern Arabia. It is the lingua franca of the Arab world and the liturgical language of Islam. Modern Standard Arabic is used in formal contexts.\",\n                variations: [\"Egyptian Arabic\", \"Levantine Arabic\", \"Gulf Arabic\", \"Maghrebi Arabic\"]\n            },\n            \"Oromo\": {\n                countries: \"Ethiopia, Kenya, Somalia\",\n                glyph: \"O\",\n                bio: \"Oromo is a Cushitic language spoken by the Oromo people primarily in Ethiopia, where it's the most widely spoken language. It uses the Latin alphabet (Qubee) and has several dialects across different regions.\",\n                variations: [\"Borana\", \"Arsi\", \"Wallo\", \"Hararghe\"]\n            },\n            \"Tigrinya\": {\n                countries: \"Eritrea, Ethiopia\",\n                glyph: \"\u1275\",\n                bio: \"Tigrinya is a Semitic language spoken by the Tigrayans and Tigrinya people in Eritrea and Ethiopia. It's written in the Ge'ez script and has approximately 7 million native speakers.\",\n                variations: [\"Asmara\", \"Akkele Guzay\", \"Agame\"]\n            },\n            \"Somali\": {\n                countries: \"Somalia, Ethiopia, Kenya, Djibouti\",\n                glyph: \"S\",\n                bio: \"Somali is an Afroasiatic language belonging to the Cushitic branch. It is spoken by ethnic Somalis in Somalia, Djibouti, Ethiopia, Yemen and Kenya. The official script is the Latin alphabet.\",\n                variations: [\"Common Somali\", \"Coastal Somali\", \"Central Somali\"]\n            },\n            \"French\": {\n                countries: \"France, Canada, Belgium, Switzerland, and many African countries\",\n                glyph: \"F\",\n                bio: \"French is a Romance language of the Indo-European family. It descended from the Vulgar Latin of the Roman Empire and is an official language in 29 countries across multiple continents.\",\n                variations: [\"Canadian French\", \"Belgian French\", \"Swiss French\", \"African French\"]\n            },\n            \"Spanish\": {\n                countries: \"Spain, Latin America, Equatorial Guinea\",\n                glyph: \"E\",\n                bio: \"Spanish is a Romance language that originated in the Iberian Peninsula and today is a global language with nearly 500 million native speakers, mainly in the Americas and Spain.\",\n                variations: [\"Castilian\", \"Andalusian\", \"Mexican Spanish\", \"Caribbean Spanish\"]\n            },\n            \"Chinese\": {\n                countries: \"China, Taiwan, Singapore, Malaysia\",\n                glyph: \"\u4e2d\",\n                bio: \"Chinese is a group of language varieties that form the Sinitic branch of the Sino-Tibetan languages. Mandarin is the most widely spoken variety and the official language of China and Taiwan.\",\n                variations: [\"Mandarin\", \"Cantonese\", \"Wu\", \"Min\", \"Hakka\"]\n            },\n            \"Hindi\": {\n                countries: \"India, Fiji, Nepal\",\n                glyph: \"\u0939\",\n                bio: \"Hindi is an Indo-Aryan language spoken chiefly in India. It's one of the two official languages of the Government of India and is written in the Devanagari script.\",\n                variations: [\"Khariboli\", \"Braj\", \"Awadhi\", \"Bhojpuri\"]\n            },\n            \"Russian\": {\n                countries: \"Russia, Belarus, Kazakhstan, Kyrgyzstan\",\n                glyph: \"\u0420\",\n                bio: \"Russian is an East Slavic language native to Russia in Eastern Europe. It is the most geographically widespread language of Eurasia and the most widely spoken Slavic language.\",\n                variations: [\"Northern Russian\", \"Southern Russian\", \"Central Russian\"]\n            },\n            \"Portuguese\": {\n                countries: \"Portugal, Brazil, Angola, Mozambique\",\n                glyph: \"P\",\n                bio: \"Portuguese is a Romance language originating in the Iberian Peninsula. It is the official language of Portugal, Brazil, and several African countries. With approximately 250 million speakers, it's the sixth most spoken language in the world.\",\n                variations: [\"European Portuguese\", \"Brazilian Portuguese\", \"African Portuguese\"]\n            },\n            \"German\": {\n                countries: \"Germany, Austria, Switzerland, Belgium, Luxembourg\",\n                glyph: \"D\",\n                bio: \"German is a West Germanic language mainly spoken in Central Europe. It is the most widely spoken and official language in Germany, Austria, Switzerland, and Liechtenstein.\",\n                variations: [\"High German\", \"Low German\", \"Swiss German\", \"Austrian German\"]\n            },\n            \"Japanese\": {\n                countries: \"Japan\",\n                glyph: \"\u65e5\",\n                bio: \"Japanese is an East Asian language spoken by about 128 million people, primarily in Japan. It uses three scripts: Kanji (Chinese characters) and two syllabaries, Hiragana and Katakana.\",\n                variations: [\"Tokyo dialect\", \"Kansai dialect\", \"Tohoku dialect\"]\n            },\n            \"Korean\": {\n                countries: \"South Korea, North Korea, China\",\n                glyph: \"\ud55c\",\n                bio: \"Korean is the native language for about 80 million people, mostly of Korean descent. It uses Hangul, a featural writing system created in the 15th century that is considered one of the most scientific writing systems.\",\n                variations: [\"Seoul dialect\", \"Pyongyang dialect\", \"Gyeongsang dialect\"]\n            },\n            \"Italian\": {\n                countries: \"Italy, Switzerland, San Marino, Vatican City\",\n                glyph: \"I\",\n                bio: \"Italian is a Romance language of the Indo-European language family. It is the closest national language to Latin and is spoken by about 85 million people worldwide.\",\n                variations: [\"Tuscan\", \"Neapolitan\", \"Sicilian\", \"Milanese\"]\n            },\n            \"Swahili\": {\n                countries: \"Tanzania, Kenya, Uganda, Democratic Republic of Congo\",\n                glyph: \"S\",\n                bio: \"Swahili is a Bantu language spoken by the Swahili people, who are found primarily in Tanzania, Kenya, and Mozambique. It's a lingua franca of the African Great Lakes region and other parts of Southeast Africa.\",\n                variations: [\"Kiunguja\", \"Kimvita\", \"Kiamu\"]\n            }\n        };\n\n        \/\/ Mobile Navigation Toggle\n        const mobileNavToggle = document.getElementById('mobileNavToggle');\n        const mobileNav = document.getElementById('mobileNav');\n        \n        if (mobileNavToggle && mobileNav) {\n            mobileNavToggle.addEventListener('click', () => {\n                mobileNav.classList.toggle('active');\n            });\n            \n            \/\/ Close mobile nav when clicking outside\n            document.addEventListener('click', (e) => {\n                if (!mobileNav.contains(e.target) && !mobileNavToggle.contains(e.target)) {\n                    mobileNav.classList.remove('active');\n                }\n            });\n        }\n\n        \/\/ FAQ Accordion\n        const faqItems = document.querySelectorAll('.faq-item');\n        \n        faqItems.forEach(item => {\n            const question = item.querySelector('.faq-question');\n            \n            question.addEventListener('click', () => {\n                \/\/ Close all other items\n                faqItems.forEach(otherItem => {\n                    if (otherItem !== item) {\n                        otherItem.classList.remove('active');\n                    }\n                });\n                \n                \/\/ Toggle current item\n                item.classList.toggle('active');\n            });\n        });\n\n        \/\/ Language Modal\n        const languageModal = document.getElementById('languageModal');\n        const modalClose = document.getElementById('modalClose');\n        const languageItems = document.querySelectorAll('.language-item');\n        \n        \/\/ Open modal when language is clicked\n        languageItems.forEach(item => {\n            item.addEventListener('click', () => {\n                const languageName = item.getAttribute('data-language');\n                const language = languageData[languageName];\n                \n                if (language) {\n                    document.getElementById('modalLanguageName').textContent = languageName;\n                    document.getElementById('modalCountries').textContent = language.countries;\n                    document.getElementById('modalGlyph').textContent = language.glyph;\n                    document.getElementById('modalBio').textContent = language.bio;\n                    \n                    \/\/ Clear and repopulate variations\n                    const variationsContainer = document.getElementById('modalVariations');\n                    variationsContainer.innerHTML = '';\n                    \n                    language.variations.forEach(variation => {\n                        const variationTag = document.createElement('span');\n                        variationTag.className = 'variation-tag';\n                        variationTag.textContent = variation;\n                        variationsContainer.appendChild(variationTag);\n                    });\n                    \n                    languageModal.classList.add('active');\n                }\n            });\n        });\n        \n        \/\/ Close modal\n        modalClose.addEventListener('click', () => {\n            languageModal.classList.remove('active');\n        });\n        \n        \/\/ Close modal when clicking outside\n        languageModal.addEventListener('click', (e) => {\n            if (e.target === languageModal) {\n                languageModal.classList.remove('active');\n            }\n        });\n\n        \/\/ Smooth scrolling for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function(e) {\n                e.preventDefault();\n                \n                const targetId = this.getAttribute('href');\n                if (targetId === '#') return;\n                \n                const targetElement = document.querySelector(targetId);\n                if (targetElement) {\n                    window.scrollTo({\n                        top: targetElement.offsetTop - 80,\n                        behavior: 'smooth'\n                    });\n                    \n                    \/\/ Close mobile nav if open\n                    if (mobileNav) {\n                        mobileNav.classList.remove('active');\n                    }\n                }\n            });\n        });\n\n        \/\/ Form submission\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            \/\/ In a real implementation, you would send the form data to a server\n            \/\/ For this demo, we'll just show an alert\n            alert('Thank you for your message! We will get back to you soon with a quote.');\n            this.reset();\n        });\n\n        \/\/ Add scroll effect to header\n        window.addEventListener('scroll', function() {\n            const header = document.querySelector('header');\n            if (window.scrollY > 100) {\n                header.style.boxShadow = '0 2px 8px rgba(0, 0, 0, 0.15)';\n            } else {\n                header.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.1)';\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ethiotrans &#8211; Professional Translation Services | 100+ Languages | San Diego, CA ETHIOTRANS Professional Translation Services Get Quote Home Services Languages About Us Testimonials FAQ Contact Home Services Languages About Us Testimonials FAQ Contact San Diego, California Professional Translation Services in 100+ Languages US-based translation experts specializing in Ethiopian languages and 100+ global languages. Certified<span class=\"post-excerpt-end\">&hellip;<\/span><\/p>\n<p class=\"more-link\"><a href=\"https:\/\/yebbo.com\/2013\/2026\/01\/17\/ethiotrans-professional-translation-services-100-languages-san-diego-ca\/\" class=\"themebutton\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":99,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[6,17],"tags":[],"class_list":["post-211","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-engineering-localization-language","category-ethiotrans"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/yebbo.com\/2013\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-Dec-14-2025-09_50_06-AM.png","_links":{"self":[{"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/posts\/211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":1,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/posts\/211\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/posts\/211\/revisions\/213"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/media\/99"}],"wp:attachment":[{"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/media?parent=211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/categories?post=211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/tags?post=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}