{"id":295,"date":"2026-01-06T13:15:42","date_gmt":"2026-01-06T13:15:42","guid":{"rendered":"https:\/\/yebbo.com\/ethiodiego\/?p=295"},"modified":"2026-01-06T13:15:45","modified_gmt":"2026-01-06T13:15:45","slug":"yebbo","status":"publish","type":"post","link":"http:\/\/yebbo.com\/ethiodiego\/yebbo\/","title":{"rendered":"Yebbo"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"en\">\n<head>\n    <title>Yebbo Communication Network<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\n    <style>\n        :root {\n            --ethiopian-green: #078930;\n            --ethiopian-yellow: #FCDD09;\n            --ethiopian-red: #DA121A;\n            --ethiopian-blue: #0F47AF;\n            --dark-green: #056523;\n            --light-yellow: #FFF9D6;\n            --light-red: #FFEBEE;\n            --text-color: #333;\n            --light-bg: #f9f9f9;\n            --shadow: 0 8px 25px rgba(7, 137, 48, 0.15);\n        }\n        \n        #yebbo-skyscraper {\n            font-family: 'Arial', 'Helvetica', sans-serif;\n            background: linear-gradient(145deg, #ffffff, #f8fff9);\n            border: 3px solid transparent;\n            border-image: linear-gradient(to bottom, var(--ethiopian-green), var(--ethiopian-yellow), var(--ethiopian-red)) 1;\n            border-radius: 12px;\n            width: 300px;\n            margin: 20px auto;\n            box-shadow: var(--shadow);\n            text-align: center;\n            overflow: hidden;\n            position: relative;\n            animation: slideIn 0.8s ease-out;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        #yebbo-skyscraper:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(7, 137, 48, 0.3);\n        }\n        \n        @keyframes slideIn {\n            0% { opacity: 0; transform: translateY(20px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n        \n        .flag-stripes {\n            height: 8px;\n            background: linear-gradient(to right, \n                var(--ethiopian-green) 33%, \n                var(--ethiopian-yellow) 33% 66%, \n                var(--ethiopian-red) 66%);\n            width: 100%;\n        }\n        \n        .ad-header {\n            background: linear-gradient(135deg, var(--ethiopian-green), var(--dark-green));\n            color: white;\n            padding: 18px 15px;\n            position: relative;\n        }\n        \n        .ad-header h2 {\n            margin: 0;\n            font-size: 22px;\n            letter-spacing: 0.5px;\n            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);\n        }\n        \n        .years-badge {\n            position: absolute;\n            top: -10px;\n            right: 15px;\n            background: var(--ethiopian-yellow);\n            color: var(--ethiopian-red);\n            font-weight: bold;\n            font-size: 12px;\n            padding: 4px 10px;\n            border-radius: 20px;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);\n            animation: pulse 2s infinite;\n            border: 1px solid var(--ethiopian-red);\n        }\n        \n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n            100% { transform: scale(1); }\n        }\n        \n        .ad-tagline {\n            background-color: var(--light-yellow);\n            color: var(--ethiopian-green);\n            padding: 10px;\n            font-size: 14px;\n            font-weight: bold;\n            border-bottom: 2px dashed var(--ethiopian-yellow);\n        }\n        \n        .services-container {\n            padding: 15px;\n            max-height: 320px;\n            overflow-y: auto;\n            scrollbar-width: thin;\n            scrollbar-color: var(--ethiopian-green) #f0f0f0;\n        }\n        \n        .services-container::-webkit-scrollbar {\n            width: 6px;\n        }\n        \n        .services-container::-webkit-scrollbar-track {\n            background: #f0f0f0;\n            border-radius: 10px;\n        }\n        \n        .services-container::-webkit-scrollbar-thumb {\n            background: linear-gradient(to bottom, var(--ethiopian-green), var(--ethiopian-yellow), var(--ethiopian-red));\n            border-radius: 10px;\n        }\n        \n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n            text-align: left;\n        }\n        \n        .service-item {\n            display: flex;\n            align-items: center;\n            font-size: 13px;\n            color: var(--text-color);\n            padding: 8px 5px;\n            border-radius: 6px;\n            transition: all 0.2s ease;\n            background-color: rgba(255, 255, 255, 0.9);\n            border-left: 3px solid var(--ethiopian-green);\n        }\n        \n        .service-item:nth-child(odd) {\n            border-left-color: var(--ethiopian-yellow);\n        }\n        \n        .service-item:nth-child(even) {\n            border-left-color: var(--ethiopian-red);\n        }\n        \n        .service-item:hover {\n            background-color: rgba(7, 137, 48, 0.08);\n            transform: translateX(3px);\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n        }\n        \n        .service-icon {\n            margin-right: 8px;\n            font-size: 16px;\n            width: 20px;\n            text-align: center;\n        }\n        \n        \/* Color cycling for icons *\/\n        .service-item:nth-child(3n+1) .service-icon {\n            color: var(--ethiopian-green);\n        }\n        \n        .service-item:nth-child(3n+2) .service-icon {\n            color: var(--ethiopian-yellow);\n            text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);\n        }\n        \n        .service-item:nth-child(3n+3) .service-icon {\n            color: var(--ethiopian-red);\n        }\n        \n        .contact-section {\n            background: linear-gradient(to bottom, rgba(252, 221, 9, 0.1), rgba(7, 137, 48, 0.1));\n            padding: 15px;\n            border-top: 2px solid var(--ethiopian-yellow);\n            border-bottom: 2px solid var(--ethiopian-red);\n        }\n        \n        .contact-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background: linear-gradient(to right, var(--ethiopian-red), #E83A3F);\n            color: white;\n            text-decoration: none;\n            font-weight: bold;\n            padding: 12px 20px;\n            border-radius: 30px;\n            margin: 10px 0;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 10px rgba(218, 18, 26, 0.3);\n            border: 2px solid white;\n        }\n        \n        .contact-button:hover {\n            background: linear-gradient(to right, #C81015, var(--ethiopian-red));\n            transform: scale(1.05);\n            box-shadow: 0 6px 15px rgba(218, 18, 26, 0.4);\n        }\n        \n        .contact-button i {\n            margin-right: 8px;\n        }\n        \n        .website-link {\n            display: inline-block;\n            background: var(--ethiopian-green);\n            color: white;\n            font-weight: bold;\n            text-decoration: none;\n            margin-top: 10px;\n            padding: 8px 15px;\n            border-radius: 20px;\n            font-size: 14px;\n            transition: all 0.2s ease;\n            border: 2px solid white;\n            box-shadow: 0 3px 8px rgba(7, 137, 48, 0.3);\n        }\n        \n        .website-link:hover {\n            background: var(--dark-green);\n            transform: translateY(-2px);\n            box-shadow: 0 5px 12px rgba(7, 137, 48, 0.4);\n        }\n        \n        .ad-footer {\n            background: linear-gradient(to right, var(--ethiopian-green), var(--dark-green));\n            color: white;\n            font-size: 11px;\n            padding: 10px;\n            line-height: 1.4;\n        }\n        \n        .floating-icon {\n            position: absolute;\n            bottom: 80px;\n            right: 15px;\n            background: white;\n            border-radius: 50%;\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n            color: var(--ethiopian-green);\n            font-size: 20px;\n            z-index: 10;\n            animation: float 3s ease-in-out infinite;\n            border: 2px solid var(--ethiopian-yellow);\n        }\n        \n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n        \n        .flag-icon {\n            position: absolute;\n            top: 15px;\n            left: 15px;\n            font-size: 18px;\n            color: var(--ethiopian-yellow);\n            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);\n        }\n        \n        .color-highlight {\n            color: var(--ethiopian-red);\n            font-weight: bold;\n        }\n        \n        @media (max-width: 350px) {\n            #yebbo-skyscraper {\n                width: 280px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Yebbo Skyscraper Ad with Ethiopian Colors -->\n    <div id=\"yebbo-skyscraper\">\n        <div class=\"flag-stripes\"><\/div>\n        \n        <div class=\"ad-header\">\n            <div class=\"flag-icon\">\n                <i class=\"fas fa-flag\"><\/i>\n            <\/div>\n            <div class=\"years-badge\">Since 1999<\/div>\n            <h2>Yebbo Comm. Network<\/h2>\n        <\/div>\n        \n        <div class=\"ad-tagline\">\n            <i class=\"fas fa-award\"><\/i> 25+ Years of <span class=\"color-highlight\">Trusted<\/span> Service\n        <\/div>\n        \n        <div class=\"services-container\">\n            <div class=\"services-grid\">\n                <div class=\"service-item\">\n                    <div class=\"service-icon\"><i class=\"fas fa-passport\"><\/i><\/div>\n                    <div>Ethiopian Passport<\/div>\n                <\/div>\n                <div class=\"service-item\">\n                    <div class=\"service-icon\"><i class=\"fas fa-id-card\"><\/i><\/div>\n                    <div>Yellow Card<\/div>\n                <\/div>\n                <div class=\"service-item\">\n                    <div class=\"service-icon\"><i class=\"fas fa-file-invoice-dollar\"><\/i><\/div>\n                    <div>Tax Services<\/div>\n                <\/div>\n                <div class=\"service-item\">\n                    <div class=\"service-icon\"><i class=\"fas fa-plane\"><\/i><\/div>\n                    <div>Travel Agency<\/div>\n                <\/div>\n                <div class=\"service-item\">\n                    <div class=\"service-icon\"><i class=\"fas fa-language\"><\/i><\/div>\n                    <div>Translation<\/div>\n                <\/div>\n                <div class=\"service-item\">\n                    <div class=\"service-icon\"><i class=\"fas fa-stamp\"><\/i><\/div>\n                    <div>Notary Public<\/div>\n                <\/div>\n                <div class=\"service-item\">\n                    <div class=\"service-icon\"><i class=\"fas fa-camera\"><\/i><\/div>\n                    <div>Passport Photos<\/div>\n                <\/div>\n                <div class=\"service-item\">\n                    <div class=\"service-icon\"><i class=\"fas fa-fingerprint\"><\/i><\/div>\n                    <div>Fingerprinting<\/div>\n                <\/div>\n                <div class=\"service-item\" style=\"grid-column: span 2;\">\n                    <div class=\"service-icon\"><i class=\"fas fa-file-certificate\"><\/i><\/div>\n                    <div>Document Apostille &#038; Authentication<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"floating-icon\">\n            <i class=\"fas fa-hands-helping\"><\/i>\n        <\/div>\n        \n        <div class=\"contact-section\">\n            <a href=\"tel:6192555530\" class=\"contact-button\">\n                <i class=\"fas fa-phone-alt\"><\/i> Call 619-255-5530\n            <\/a>\n            \n            <a href=\"http:\/\/www.yebbo.com\" target=\"_blank\" class=\"website-link\">\n                <i class=\"fas fa-globe\"><\/i> Visit www.yebbo.com\n            <\/a>\n            \n            <p style=\"font-size: 12px; color: var(--ethiopian-green); margin-top: 12px; font-weight: bold;\">\n                <i class=\"fas fa-star\" style=\"color: var(--ethiopian-yellow);\"><\/i>\n                Serving the Global Community Worldwide\n                <i class=\"fas fa-star\" style=\"color: var(--ethiopian-red);\"><\/i>\n            <\/p>\n        <\/div>\n        \n        <div class=\"ad-footer\">\n            \u00a9 Yebbo Communication Network \u2014 Trusted Since 1999\n        <\/div>\n    <\/div>\n    \n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const ad = document.getElementById(\"yebbo-skyscraper\");\n            \n            \/\/ Initial animation\n            ad.style.opacity = \"0\";\n            setTimeout(() => {\n                ad.style.transition = \"opacity 0.8s ease\";\n                ad.style.opacity = \"1\";\n            }, 300);\n            \n            \/\/ Service items hover effect enhancement\n            const serviceItems = document.querySelectorAll('.service-item');\n            serviceItems.forEach(item => {\n                item.addEventListener('mouseenter', function() {\n                    const borderColor = window.getComputedStyle(this).borderLeftColor;\n                    this.style.boxShadow = `0 4px 8px ${borderColor}40`;\n                });\n                item.addEventListener('mouseleave', function() {\n                    this.style.boxShadow = 'none';\n                });\n            });\n            \n            \/\/ Add click animation to contact button\n            const contactButton = document.querySelector('.contact-button');\n            contactButton.addEventListener('click', function() {\n                this.style.transform = 'scale(0.95)';\n                setTimeout(() => {\n                    this.style.transform = 'scale(1.05)';\n                }, 150);\n                setTimeout(() => {\n                    this.style.transform = 'scale(1)';\n                }, 300);\n            });\n            \n            \/\/ Color cycling animation for flag stripes\n            const flagStripes = document.querySelector('.flag-stripes');\n            let hueShift = 0;\n            \n            function animateFlagStripes() {\n                hueShift = (hueShift + 0.5) % 360;\n                flagStripes.style.background = `linear-gradient(to right, \n                    hsl(${(120 + hueShift) % 360}, 90%, 30%) 33%, \n                    hsl(${(60 + hueShift) % 360}, 90%, 55%) 33% 66%, \n                    hsl(${(0 + hueShift) % 360}, 85%, 50%) 66%)`;\n                requestAnimationFrame(animateFlagStripes);\n            }\n            \n            \/\/ Subtle color animation for flag stripes\n            setTimeout(() => {\n                animateFlagStripes();\n            }, 2000);\n            \n            \/\/ Rotate colors in header\n            function headerColorCycle() {\n                const header = document.querySelector('.ad-header');\n                const colors = [\n                    'linear-gradient(135deg, var(--ethiopian-green), var(--dark-green))',\n                    'linear-gradient(135deg, var(--dark-green), var(--ethiopian-green))',\n                    'linear-gradient(135deg, #056523, #078930)'\n                ];\n                let currentColor = 0;\n                \n                setInterval(() => {\n                    header.style.background = colors[currentColor];\n                    currentColor = (currentColor + 1) % colors.length;\n                }, 5000);\n            }\n            \n            headerColorCycle();\n            \n            \/\/ Make stars twinkle\n            const stars = document.querySelectorAll('.fa-star');\n            stars.forEach(star => {\n                setInterval(() => {\n                    star.style.opacity = '0.7';\n                    setTimeout(() => {\n                        star.style.opacity = '1';\n                    }, 500);\n                }, 2000 + Math.random() * 2000);\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Yebbo Communication Network Since 1999 Yebbo Comm. Network 25+ Years of Trusted Service Ethiopian Passport Yellow Card Tax Services Travel [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","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":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[14,21,20,22,13,19],"tags":[],"class_list":["post-295","post","type-post","status-publish","format-standard","hentry","category-passport-and-visa","category-podcast","category-religion","category-translation","category-travel","category-yebbo-books"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/s8nzgb-yebbo","jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/types\/post"}],"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=295"}],"version-history":[{"count":1,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/295\/revisions"}],"predecessor-version":[{"id":296,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/295\/revisions\/296"}],"wp:attachment":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/media?parent=295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/categories?post=295"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/tags?post=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}