{"id":3211,"date":"2026-09-09T01:36:05","date_gmt":"2026-09-09T01:36:05","guid":{"rendered":"https:\/\/ethiosearch.com\/directory\/?page_id=3211"},"modified":"2026-09-09T01:46:28","modified_gmt":"2026-09-09T01:46:28","slug":"flipbook","status":"publish","type":"page","link":"https:\/\/ethiosearch.com\/directory\/flipbook\/","title":{"rendered":"flipbook"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3211\" class=\"elementor elementor-3211\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-193538b e-con e-atomic-element e-flexbox-base e-default-div e-9b5647d \" data-id=\"193538b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"193538b\" data-e-type=\"e-flexbox\" data-id=\"193538b\">\n    <div class=\"elementor-element elementor-element-bc8db30 e-flex e-con-boxed e-con e-parent\" data-id=\"bc8db30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06a33a4 elementor-widget elementor-widget-html\" data-id=\"06a33a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     ETHIOSEARCH DIGITAL DIRECTORY\n     ELEMENTOR FLIPBOOK BLOCK\n     ========================================================= -->\n\n<div id=\"ethio-flipbook\">\n\n  <!-- ================= BACKGROUND ================= -->\n  <div class=\"ethio-background\"><\/div>\n\n  <!-- ================= MAIN WRAPPER ================= -->\n  <div class=\"ethio-reader\">\n\n    <!-- ================= LEFT NAVIGATION ================= -->\n    <aside class=\"ethio-sidebar\">\n\n      <button class=\"ethio-nav-item active\" data-page=\"0\">\n        <span class=\"ethio-nav-icon\">\u2302<\/span>\n        <span>HOME<\/span>\n      <\/button>\n\n      <button class=\"ethio-nav-item\" data-page=\"1\">\n        <span class=\"ethio-nav-icon\">\u265f<\/span>\n        <span>BUSINESS<br>INDEX<\/span>\n      <\/button>\n\n      <button class=\"ethio-nav-item\" data-page=\"2\">\n        <span class=\"ethio-nav-icon\">\u25a6<\/span>\n        <span>CATEGORIES<\/span>\n      <\/button>\n\n      <button class=\"ethio-nav-item\" data-page=\"3\">\n        <span class=\"ethio-nav-icon\">\u2605<\/span>\n        <span>FEATURED<br>BUSINESSES<\/span>\n      <\/button>\n\n      <button class=\"ethio-nav-item\" data-page=\"4\">\n        <span class=\"ethio-nav-icon\">\u2316<\/span>\n        <span>BY<br>LOCATION<\/span>\n      <\/button>\n\n      <button class=\"ethio-nav-item\" data-page=\"5\">\n        <span class=\"ethio-nav-icon\">\u2667<\/span>\n        <span>COMMUNITY<\/span>\n      <\/button>\n\n      <button class=\"ethio-nav-item\" data-page=\"6\">\n        <span class=\"ethio-nav-icon\">\u25a4<\/span>\n        <span>RESOURCES<\/span>\n      <\/button>\n\n    <\/aside>\n\n\n    <!-- ================= BOOK AREA ================= -->\n    <main class=\"ethio-book-area\">\n\n      <!-- LEFT ARROW -->\n      <button class=\"ethio-arrow ethio-arrow-left\" id=\"ethioPrev\">\n        \u2039\n      <\/button>\n\n\n      <!-- ================= BOOK ================= -->\n      <div class=\"ethio-book\">\n\n        <!-- PAGE LEFT -->\n        <section class=\"ethio-page ethio-page-left\">\n\n          <div class=\"ethio-page-inner\">\n\n            <div class=\"ethio-brand-row\">\n              <div class=\"ethio-logo\">\n                <span class=\"ethio-logo-pin\">\u25c9<\/span>\n                <span>Ethio<span>Search<\/span><\/span>\n              <\/div>\n\n              <div class=\"ethio-tagline\">\n                Support<br>\n                Connect<br>\n                Thrive Together\n              <\/div>\n            <\/div>\n\n            <div class=\"ethio-kicker\">\n              CANADA BUSINESS DIRECTORY\n            <\/div>\n\n            <h1>Digital Business<br>Directory<\/h1>\n\n            <p class=\"ethio-subtitle\">\n              Ethiopian & Eritrean Businesses<br>\n              Across Canada\n            <\/p>\n\n            <div class=\"ethio-red-line\"><\/div>\n\n            <h2 class=\"ethio-script\">\n              Find. Connect. Support.\n            <\/h2>\n\n            <p>\n              Discover and support the businesses that\n              strengthen our community.\n            <\/p>\n\n            <div class=\"ethio-skyline\"><\/div>\n\n            <div class=\"ethio-footer\">\n              <span>LIVE DIRECTORY<\/span>\n              <span>ETHIOSEARCH.COM<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/section>\n\n\n        <!-- PAGE RIGHT -->\n        <section class=\"ethio-page ethio-page-right\">\n\n          <div class=\"ethio-page-inner\">\n\n            <div class=\"ethio-brand-row\">\n              <div class=\"ethio-logo\">\n                <span class=\"ethio-logo-pin\">\u25c9<\/span>\n                <span>Ethio<span>Search<\/span><\/span>\n              <\/div>\n\n              <div class=\"ethio-tagline\">\n                Your Business<br>\n                Our Community<br>\n                A Brighter Tomorrow\n              <\/div>\n            <\/div>\n\n            <div class=\"ethio-kicker\">\n              WELCOME\n            <\/div>\n\n            <h2 class=\"ethio-welcome-title\">\n              Discover the businesses that\n              make our community thrive.\n            <\/h2>\n\n            <p>\n              EthioSearch brings Ethiopian & Eritrean businesses,\n              restaurants, professionals, organizations and services\n              together in one trusted Canadian directory.\n            <\/p>\n\n            <div class=\"ethio-feature-list\">\n\n              <div>\n                <strong>DISCOVER<\/strong>\n                <span>\n                  Find businesses by name, category and community.\n                <\/span>\n              <\/div>\n\n              <div>\n                <strong>CONNECT<\/strong>\n                <span>\n                  Explore profiles, locations, contact details and websites.\n                <\/span>\n              <\/div>\n\n              <div>\n                <strong>SUPPORT<\/strong>\n                <span>\n                  Visit, share and support businesses in our community.\n                <\/span>\n              <\/div>\n\n            <\/div>\n\n            <button class=\"ethio-red-button\">\n              EXPLORE ETHIOSEARCH \u2192\n            <\/button>\n\n            <div class=\"ethio-page-number\">\n              EthioSearch \u2022 Welcome\n            <\/div>\n\n          <\/div>\n\n        <\/section>\n\n\n        <!-- =================================================\n             BUSINESS INDEX PAGE\n             ================================================= -->\n\n        <section class=\"ethio-page ethio-page-left ethio-hidden-page\">\n\n          <div class=\"ethio-page-inner\">\n\n            <div class=\"ethio-brand-row\">\n              <div class=\"ethio-logo\">\n                <span class=\"ethio-logo-pin\">\u25c9<\/span>\n                <span>Ethio<span>Search<\/span><\/span>\n              <\/div>\n\n              <div class=\"ethio-tagline\">\n                Support<br>\n                Connect<br>\n                Thrive Together\n              <\/div>\n            <\/div>\n\n            <h2 class=\"ethio-section-title\">\n              Business Index\n            <\/h2>\n\n            <p class=\"ethio-description\">\n              Find a business quickly. Click on any business name\n              to go directly to its page.\n            <\/p>\n\n            <div class=\"ethio-index-grid\">\n\n              <div>\n\n                <div class=\"ethio-index-heading\">A<\/div>\n\n                <a>127 Auto Mechanic <span>24<\/span><\/a>\n                <a>17 Golden Star Auto Repair <span>25<\/span><\/a>\n                <a>Ah Wai Auto Car Inspection Centre <span>28<\/span><\/a>\n                <a>Alem Restaurant <span>32<\/span><\/a>\n                <a>Ameshna Studio <span>35<\/span><\/a>\n                <a>Aster Health Care <span>40<\/span><\/a>\n\n                <div class=\"ethio-index-heading\">B<\/div>\n\n                <a>Belu Printing <span>46<\/span><\/a>\n                <a>BeteHabesha Grocery <span>48<\/span><\/a>\n                <a>Blue Nile Travel <span>53<\/span><\/a>\n\n                <div class=\"ethio-index-heading\">C<\/div>\n\n                <a>Capital Insurance <span>58<\/span><\/a>\n                <a>City Dental Care <span>61<\/span><\/a>\n                <a>Community Legal Services <span>64<\/span><\/a>\n\n              <\/div>\n\n\n              <div>\n\n                <div class=\"ethio-index-heading\">D<\/div>\n\n                <a>Dave Tax and Accounting Services <span>68<\/span><\/a>\n                <a>Dream Home Realty <span>72<\/span><\/a>\n\n                <div class=\"ethio-index-heading\">E<\/div>\n\n                <a>Ethio Telecom Canada <span>76<\/span><\/a>\n                <a>Ethio Mart <span>80<\/span><\/a>\n                <a>Ethio Travel & Tours <span>84<\/span><\/a>\n\n                <div class=\"ethio-index-heading\">F<\/div>\n\n                <a>Family Medical Clinic <span>88<\/span><\/a>\n                <a>Fusion Hair Salon <span>91<\/span><\/a>\n\n                <div class=\"ethio-index-heading\">G<\/div>\n\n                <a>Gondar Restaurant <span>95<\/span><\/a>\n                <a>Green Health Pharmacy <span>98<\/span><\/a>\n\n              <\/div>\n\n            <\/div>\n\n            <div class=\"ethio-script ethio-bottom-slogan\">\n              Stronger Together\n            <\/div>\n\n          <\/div>\n\n        <\/section>\n\n\n        <!-- =================================================\n             CATEGORIES PAGE\n             ================================================= -->\n\n        <section class=\"ethio-page ethio-page-right ethio-hidden-page\">\n\n          <div class=\"ethio-page-inner\">\n\n            <div class=\"ethio-brand-row\">\n\n              <div class=\"ethio-logo\">\n                <span class=\"ethio-logo-pin\">\u25c9<\/span>\n                <span>Ethio<span>Search<\/span><\/span>\n              <\/div>\n\n              <div class=\"ethio-tagline\">\n                Your Business<br>\n                Our Community<br>\n                A Brighter Tomorrow\n              <\/div>\n\n            <\/div>\n\n            <h2 class=\"ethio-section-title\">\n              Categories Index\n            <\/h2>\n\n            <p class=\"ethio-description\">\n              Browse businesses by category.\n              Click on a category to explore the listings.\n            <\/p>\n\n            <div class=\"ethio-category-grid\">\n\n              <div>\n                <a>\ud83d\ude97 Automotive & Transportation <span>24<\/span><\/a>\n                <a>\ud83c\udf74 Restaurants & Caf\u00e9s <span>48<\/span><\/a>\n                <a>\ud83c\udfe2 Professional Services <span>82<\/span><\/a>\n                <a>\u2665 Health & Wellness <span>115<\/span><\/a>\n                <a>\ud83d\uded2 Retail & Grocery <span>168<\/span><\/a>\n                <a>\u2302 Real Estate & Housing <span>202<\/span><\/a>\n                <a>\ud83d\udcbb Technology & Electronics <span>238<\/span><\/a>\n                <a>\ud83c\udf93 Education & Training <span>266<\/span><\/a>\n                <a>\u2708 Travel & Tourism <span>294<\/span><\/a>\n                <a>\ud83c\udfe6 Finance & Accounting <span>320<\/span><\/a>\n              <\/div>\n\n              <div>\n                <a>\ud83d\udda8 Printing & Design <span>428<\/span><\/a>\n                <a>\ud83c\udfb5 Arts, Media & Entertainment <span>452<\/span><\/a>\n                <a>\ud83d\udc65 Community & Non-Profit <span>476<\/span><\/a>\n                <a>\ud83d\udc5c Fashion & Accessories <span>510<\/span><\/a>\n                <a>\ud83c\udfcb Fitness & Recreation <span>532<\/span><\/a>\n                <a>\ud83c\udfd7 Construction & Contractors <span>556<\/span><\/a>\n                <a>\ud83c\udf3f Food & Agriculture <span>580<\/span><\/a>\n                <a>\ud83c\udf10 Import & Export <span>602<\/span><\/a>\n                <a>\ud83d\udcf1 Telecommunications <span>626<\/span><\/a>\n                <a>\ud83d\udc3e Pets & Animal Services <span>650<\/span><\/a>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"ethio-support-box\">\n              <div>\n                <strong>Support Local.<br>\n                Build Our Community.<\/strong>\n              <\/div>\n\n              <p>\n                Every business in this directory is part of a\n                stronger, more connected Ethiopian & Eritrean\n                community in Canada.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/section>\n\n      <\/div>\n\n\n      <!-- RIGHT ARROW -->\n      <button class=\"ethio-arrow ethio-arrow-right\" id=\"ethioNext\">\n        \u203a\n      <\/button>\n\n    <\/main>\n\n  <\/div>\n\n\n  <!-- ================= BOTTOM CONTROLS ================= -->\n\n  <div class=\"ethio-controls\">\n\n    <button id=\"ethioFirst\">\n      First\n    <\/button>\n\n    <button id=\"ethioPrevious\">\n      Previous\n    <\/button>\n\n    <span class=\"ethio-help\">\n      Click the page to turn \u2022 Swipe on mobile \u2022 Use \u2190 \u2192\n    <\/span>\n\n    <button id=\"ethioNextBottom\">\n      Next\n    <\/button>\n\n    <button id=\"ethioLast\">\n      Last\n    <\/button>\n\n  <\/div>\n\n\n  <!-- ================= BACKGROUND SELECTOR ================= -->\n\n  <div class=\"ethio-background-panel\">\n\n    <label>Book Background<\/label>\n\n    <select id=\"ethioBackgroundSelect\">\n\n      <option value=\"classic\">\n        Classic Yellow\n      <\/option>\n\n      <option value=\"white\">\n        Clean White\n      <\/option>\n\n      <option value=\"beige\">\n        Modern Beige\n      <\/option>\n\n      <option value=\"heritage\">\n        Heritage Pattern\n      <\/option>\n\n      <option value=\"ethiopian\">\n        Ethiopian Pattern\n      <\/option>\n\n      <option value=\"dark\">\n        Dark Elegant\n      <\/option>\n\n      <option value=\"custom\">\n        Custom Image\n      <\/option>\n\n    <\/select>\n\n    <input\n      type=\"text\"\n      id=\"ethioCustomBackground\"\n      placeholder=\"Paste background image URL\"\n      style=\"display:none;\"\n    >\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   ETHIOSEARCH FLIPBOOK\n   ========================================================= *\/\n\n#ethio-flipbook {\n  --ethio-yellow: #f6cf21;\n  --ethio-yellow-dark: #d8aa00;\n  --ethio-red: #ef2929;\n  --ethio-black: #111111;\n\n  position: relative;\n  width: 100%;\n  min-height: 100vh;\n\n  margin: 0 !important;\n  padding: 0 0 70px 0 !important;\n\n  overflow: hidden;\n\n  font-family: Arial, Helvetica, sans-serif;\n\n  background: #eee8dc;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n   ========================================================= *\/\n\n.ethio-background {\n  position: absolute;\n  inset: 0;\n\n  z-index: 0;\n\n  background:\n    radial-gradient(\n      circle at center,\n      #f8f0df 0%,\n      #ead8b9 55%,\n      #d4b98d 100%\n    );\n\n  transition: background 0.4s ease;\n}\n\n\n\/* CLASSIC *\/\n\n#ethio-flipbook.bg-classic .ethio-background {\n  background:\n    radial-gradient(\n      circle at center,\n      #fff8dd 0%,\n      #f3df9d 65%,\n      #d2ad3c 100%\n    );\n}\n\n\n\/* WHITE *\/\n\n#ethio-flipbook.bg-white .ethio-background {\n  background:\n    linear-gradient(\n      135deg,\n      #ffffff,\n      #f2f2f2\n    );\n}\n\n\n\/* BEIGE *\/\n\n#ethio-flipbook.bg-beige .ethio-background {\n  background:\n    linear-gradient(\n      135deg,\n      #e7d5b6,\n      #f6ead4,\n      #d2b589\n    );\n}\n\n\n\/* HERITAGE *\/\n\n#ethio-flipbook.bg-heritage .ethio-background {\n  background-color: #e8d2a7;\n\n  background-image:\n    repeating-linear-gradient(\n      45deg,\n      rgba(126,92,34,.08) 0,\n      rgba(126,92,34,.08) 2px,\n      transparent 2px,\n      transparent 18px\n    );\n}\n\n\n\/* ETHIOPIAN *\/\n\n#ethio-flipbook.bg-ethiopian .ethio-background {\n\n  background-color: #ead8ad;\n\n  background-image:\n    linear-gradient(\n      45deg,\n      transparent 45%,\n      rgba(20,80,55,.13) 45%,\n      rgba(20,80,55,.13) 55%,\n      transparent 55%\n    );\n\n  background-size: 70px 70px;\n}\n\n\n\/* DARK *\/\n\n#ethio-flipbook.bg-dark .ethio-background {\n\n  background:\n    radial-gradient(\n      circle at center,\n      #35312b,\n      #171513\n    );\n}\n\n\n\/* =========================================================\n   READER\n   ========================================================= *\/\n\n.ethio-reader {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  width: min(\n    1450px,\n    calc(100% - 60px)\n  );\n\n  height: min(\n    820px,\n    calc(100vh - 80px)\n  );\n\n  min-height: 620px;\n\n  margin: 0 auto;\n\n  padding: 0;\n\n  align-items: stretch;\n\n}\n\n\n\/* =========================================================\n   SIDEBAR\n   ========================================================= *\/\n\n.ethio-sidebar {\n\n  width: 82px;\n\n  flex: 0 0 82px;\n\n  height: 100%;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: space-evenly;\n\n  align-items: stretch;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffe85b,\n      #f2ca0c\n    );\n\n  box-shadow:\n    4px 0 12px rgba(0,0,0,.15);\n\n  z-index: 10;\n\n}\n\n\n.ethio-nav-item {\n\n  border: 0;\n\n  background: transparent;\n\n  color: #111;\n\n  width: 100%;\n\n  min-height: 95px;\n\n  padding: 8px 3px;\n\n  cursor: pointer;\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  line-height: 1.15;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  text-align: center;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n\n}\n\n\n.ethio-nav-item:hover,\n.ethio-nav-item.active {\n\n  background:\n    rgba(255,255,255,.20);\n\n}\n\n\n.ethio-nav-icon {\n\n  display: block;\n\n  font-size: 26px;\n\n  line-height: 1;\n\n  margin-bottom: 7px;\n\n}\n\n\n\/* =========================================================\n   BOOK AREA\n   ========================================================= *\/\n\n.ethio-book-area {\n\n  position: relative;\n\n  flex: 1;\n\n  height: 100%;\n\n  min-width: 0;\n\n  display: flex;\n\n  align-items: stretch;\n\n}\n\n\n\/* =========================================================\n   BOOK FRAME\n   ========================================================= *\/\n\n.ethio-book {\n\n  position: relative;\n\n  flex: 1;\n\n  height: 100%;\n\n  display: flex;\n\n  overflow: hidden;\n\n  border-radius: 0 8px 8px 0;\n\n  border: 7px solid #c79b08;\n\n  background: #f5e8c6;\n\n  box-shadow:\n    0 10px 28px rgba(0,0,0,.30),\n    inset 0 0 0 2px #f6d32b;\n\n}\n\n\n\/* =========================================================\n   PAGE\n   ========================================================= *\/\n\n.ethio-page {\n\n  position: relative;\n\n  width: 50%;\n\n  height: 100%;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.15),\n      transparent 20%,\n      transparent 80%,\n      rgba(0,0,0,.04)\n    ),\n    #fff8df;\n\n}\n\n\n.ethio-page-left {\n\n  border-right:\n    1px solid rgba(80,60,30,.15);\n\n}\n\n\n.ethio-page-right {\n\n  border-left:\n    1px solid rgba(80,60,30,.15);\n\n}\n\n\n.ethio-page-inner {\n\n  position: relative;\n\n  width: 100%;\n\n  height: 100%;\n\n  box-sizing: border-box;\n\n  padding:\n    42px\n    40px\n    30px\n    40px;\n\n}\n\n\n\/* =========================================================\n   BRAND\n   ========================================================= *\/\n\n.ethio-brand-row {\n\n  display: flex;\n\n  justify-content: space-between;\n\n  align-items: flex-start;\n\n  margin-bottom: 24px;\n\n}\n\n\n.ethio-logo {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  font-size: 28px;\n\n  font-weight: 800;\n\n  letter-spacing: -1px;\n\n}\n\n\n.ethio-logo span span {\n\n  color: var(--ethio-red);\n\n}\n\n\n.ethio-logo-pin {\n\n  color: var(--ethio-red);\n\n  font-size: 31px;\n\n}\n\n\n.ethio-tagline {\n\n  font-family:\n    \"Brush Script MT\",\n    \"Segoe Script\",\n    cursive;\n\n  font-size: 14px;\n\n  line-height: 1.1;\n\n  text-align: right;\n\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n   ========================================================= *\/\n\n.ethio-kicker {\n\n  color: var(--ethio-red);\n\n  font-size: 11px;\n\n  font-weight: 900;\n\n  letter-spacing: 2px;\n\n  margin-top: 10px;\n\n  margin-bottom: 20px;\n\n}\n\n\n.ethio-page h1 {\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(\n    44px,\n    4vw,\n    72px\n  );\n\n  line-height: .95;\n\n  margin:\n    0\n    0\n    25px\n    0;\n\n  color: #111;\n\n}\n\n\n.ethio-subtitle {\n\n  font-size: 20px;\n\n  line-height: 1.4;\n\n  margin-bottom: 25px;\n\n}\n\n\n.ethio-red-line {\n\n  width: 75px;\n\n  height: 5px;\n\n  background: var(--ethio-red);\n\n  margin: 15px 0 22px;\n\n}\n\n\n.ethio-script {\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-style: italic;\n\n}\n\n\n\/* =========================================================\n   WELCOME\n   ========================================================= *\/\n\n.ethio-welcome-title {\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(32px, 3vw, 52px);\n\n  line-height: 1.05;\n\n  margin:\n    0 0 28px;\n\n  max-width: 620px;\n\n}\n\n\n.ethio-page p {\n\n  font-size: 16px;\n\n  line-height: 1.6;\n\n}\n\n\n\/* =========================================================\n   FEATURE LIST\n   ========================================================= *\/\n\n.ethio-feature-list {\n\n  margin-top: 30px;\n\n}\n\n\n.ethio-feature-list > div {\n\n  display: grid;\n\n  grid-template-columns:\n    110px\n    1fr;\n\n  gap: 20px;\n\n  padding:\n    15px 0;\n\n  border-top:\n    1px solid #d7cdb6;\n\n}\n\n\n.ethio-feature-list strong {\n\n  color: var(--ethio-red);\n\n  font-size: 11px;\n\n  letter-spacing: 2px;\n\n}\n\n\n.ethio-feature-list span {\n\n  font-size: 14px;\n\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.ethio-red-button {\n\n  margin-top: 25px;\n\n  padding:\n    15px\n    25px;\n\n  border: 0;\n\n  background: var(--ethio-red);\n\n  color: white;\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  cursor: pointer;\n\n}\n\n\n.ethio-red-button:hover {\n\n  transform: translateY(-2px);\n\n}\n\n\n\/* =========================================================\n   SKYLINE\n   ========================================================= *\/\n\n.ethio-skyline {\n\n  position: absolute;\n\n  bottom: 50px;\n\n  left: 30px;\n\n  right: 30px;\n\n  height: 100px;\n\n  opacity: .20;\n\n  background:\n\n    linear-gradient(\n      to top,\n      #9f874d 0 30px,\n      transparent 30px\n    );\n\n}\n\n\n.ethio-skyline:before {\n\n  content: \"\";\n\n  position: absolute;\n\n  bottom: 30px;\n\n  left: 5%;\n\n  width: 12%;\n\n  height: 50px;\n\n  background: #9f874d;\n\n  box-shadow:\n    80px -20px #9f874d,\n    160px 8px #9f874d,\n    240px -30px #9f874d,\n    320px 4px #9f874d,\n    400px -25px #9f874d;\n\n}\n\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n\n.ethio-footer {\n\n  position: absolute;\n\n  bottom: 20px;\n\n  left: 40px;\n\n  right: 40px;\n\n  display: flex;\n\n  justify-content: space-between;\n\n  font-size: 9px;\n\n  letter-spacing: 2px;\n\n  font-weight: 700;\n\n}\n\n\n.ethio-page-number {\n\n  position: absolute;\n\n  right: 35px;\n\n  bottom: 18px;\n\n  font-size: 9px;\n\n  color: #777;\n\n}\n\n\n\/* =========================================================\n   INDEX\n   ========================================================= *\/\n\n.ethio-section-title {\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(34px, 3vw, 52px);\n\n  margin:\n    0\n    0\n    10px;\n\n}\n\n\n.ethio-description {\n\n  margin-bottom: 25px;\n\n}\n\n\n.ethio-index-grid {\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 30px;\n\n}\n\n\n.ethio-index-heading {\n\n  background:\n    linear-gradient(\n      90deg,\n      #f6d338,\n      #f9dc5c\n    );\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 19px;\n\n  font-weight: bold;\n\n  padding:\n    5px 9px;\n\n  margin:\n    12px 0 3px;\n\n}\n\n\n.ethio-index-grid a,\n.ethio-category-grid a {\n\n  display: flex;\n\n  justify-content: space-between;\n\n  gap: 10px;\n\n  color: #222;\n\n  text-decoration: none;\n\n  font-size: 13px;\n\n  line-height: 1.7;\n\n  border-bottom:\n    1px dotted #aaa;\n\n}\n\n\n.ethio-index-grid a span,\n.ethio-category-grid a span {\n\n  white-space: nowrap;\n\n}\n\n\n.ethio-bottom-slogan {\n\n  position: absolute;\n\n  bottom: 28px;\n\n  left: 40px;\n\n}\n\n\n\/* =========================================================\n   CATEGORIES\n   ========================================================= *\/\n\n.ethio-category-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr\n    1fr;\n\n  gap:\n    10px 35px;\n\n}\n\n\n.ethio-category-grid a {\n\n  font-size: 13px;\n\n  padding:\n    2px 0;\n\n  border-bottom:\n    0;\n\n}\n\n\n.ethio-support-box {\n\n  position: absolute;\n\n  left: 40px;\n\n  right: 40px;\n\n  bottom: 35px;\n\n  display: grid;\n\n  grid-template-columns:\n    1fr\n    1.4fr;\n\n  gap: 30px;\n\n  padding:\n    18px 20px;\n\n  background:\n    rgba(246,211,56,.22);\n\n  border:\n    1px solid rgba(180,140,20,.25);\n\n}\n\n\n.ethio-support-box strong {\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 20px;\n\n  font-style: italic;\n\n}\n\n\n.ethio-support-box p {\n\n  font-size: 11px;\n\n  line-height: 1.4;\n\n  margin: 0;\n\n}\n\n\n\/* =========================================================\n   ARROWS\n   ========================================================= *\/\n\n.ethio-arrow {\n\n  position: absolute;\n\n  top: 50%;\n\n  transform:\n    translateY(-50%);\n\n  width: 46px;\n\n  height: 64px;\n\n  border: 0;\n\n  border-radius: 9px;\n\n  background: white;\n\n  color: #333;\n\n  font-size: 40px;\n\n  line-height: 1;\n\n  cursor: pointer;\n\n  box-shadow:\n    0 3px 12px rgba(0,0,0,.16);\n\n  z-index: 20;\n\n}\n\n\n.ethio-arrow-left {\n\n  left: -65px;\n\n}\n\n\n.ethio-arrow-right {\n\n  right: -65px;\n\n}\n\n\n.ethio-arrow:hover {\n\n  background: #fafafa;\n\n  transform:\n    translateY(-50%)\n    scale(1.04);\n\n}\n\n\n\/* =========================================================\n   CONTROLS\n   ========================================================= *\/\n\n.ethio-controls {\n\n  position: relative;\n\n  z-index: 20;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin:\n    22px auto\n    0;\n\n}\n\n\n.ethio-controls button {\n\n  padding:\n    11px\n    18px;\n\n  border:\n    1px solid #ccc;\n\n  background: white;\n\n  border-radius: 4px;\n\n  cursor: pointer;\n\n}\n\n\n.ethio-controls button:hover {\n\n  background: #f5f5f5;\n\n}\n\n\n.ethio-help {\n\n  font-size: 12px;\n\n  color: #555;\n\n  margin:\n    0 10px;\n\n}\n\n\n\/* =========================================================\n   BACKGROUND SETTINGS\n   ========================================================= *\/\n\n.ethio-background-panel {\n\n  position: relative;\n\n  z-index: 30;\n\n  max-width: 500px;\n\n  margin:\n    25px auto 0;\n\n  padding:\n    18px;\n\n  background:\n    rgba(255,255,255,.94);\n\n  border-radius: 8px;\n\n  box-shadow:\n    0 4px 20px rgba(0,0,0,.12);\n\n}\n\n\n.ethio-background-panel label {\n\n  display: block;\n\n  font-weight: 700;\n\n  margin-bottom: 8px;\n\n}\n\n\n.ethio-background-panel select,\n.ethio-background-panel input {\n\n  width: 100%;\n\n  box-sizing: border-box;\n\n  padding: 10px;\n\n  border:\n    1px solid #ccc;\n\n  border-radius: 4px;\n\n}\n\n\n\/* =========================================================\n   HIDDEN PAGE\n   ========================================================= *\/\n\n.ethio-hidden-page {\n\n  display: none;\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .ethio-reader {\n\n    width: 100%;\n\n    height: auto;\n\n    min-height: 0;\n\n    display: block;\n\n  }\n\n\n  .ethio-sidebar {\n\n    width: 100%;\n\n    height: auto;\n\n    flex-direction: row;\n\n    overflow-x: auto;\n\n  }\n\n\n  .ethio-nav-item {\n\n    min-width: 90px;\n\n    min-height: 75px;\n\n  }\n\n\n  .ethio-book-area {\n\n    height: 650px;\n\n  }\n\n\n  .ethio-page-inner {\n\n    padding:\n      25px 22px;\n\n  }\n\n\n  .ethio-logo {\n\n    font-size: 21px;\n\n  }\n\n\n  .ethio-page h1 {\n\n    font-size: 40px;\n\n  }\n\n\n  .ethio-welcome-title {\n\n    font-size: 32px;\n\n  }\n\n\n  .ethio-arrow-left {\n\n    left: 8px;\n\n  }\n\n\n  .ethio-arrow-right {\n\n    right: 8px;\n\n  }\n\n\n  .ethio-controls {\n\n    flex-wrap: wrap;\n\n  }\n\n\n  .ethio-help {\n\n    width: 100%;\n\n    text-align: center;\n\n    order: 5;\n\n    margin-top: 8px;\n\n  }\n\n}\n\n\n@media (max-width: 600px) {\n\n  .ethio-book {\n\n    border-width: 4px;\n\n  }\n\n\n  .ethio-page {\n\n    width: 100%;\n\n  }\n\n\n  .ethio-page-right {\n\n    display: none;\n\n  }\n\n\n  .ethio-index-grid,\n  .ethio-category-grid {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .ethio-tagline {\n\n    display: none;\n\n  }\n\n\n  .ethio-background-panel {\n\n    margin-left: 15px;\n\n    margin-right: 15px;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function() {\n\n  const root =\n    document.getElementById(\"ethio-flipbook\");\n\n  if (!root) return;\n\n\n  \/* =====================================================\n     BACKGROUND SELECTOR\n     ===================================================== *\/\n\n  const backgroundSelect =\n    document.getElementById(\n      \"ethioBackgroundSelect\"\n    );\n\n  const customBackground =\n    document.getElementById(\n      \"ethioCustomBackground\"\n    );\n\n\n  function setBackground(type) {\n\n    root.classList.remove(\n      \"bg-classic\",\n      \"bg-white\",\n      \"bg-beige\",\n      \"bg-heritage\",\n      \"bg-ethiopian\",\n      \"bg-dark\"\n    );\n\n    if (type !== \"custom\") {\n\n      root.classList.add(\n        \"bg-\" + type\n      );\n\n      root.style.removeProperty(\n        \"--custom-bg\"\n      );\n\n      root.querySelector(\n        \".ethio-background\"\n      ).style.backgroundImage = \"\";\n\n    }\n\n  }\n\n\n  backgroundSelect.addEventListener(\n    \"change\",\n    function() {\n\n      const value = this.value;\n\n      if (value === \"custom\") {\n\n        customBackground.style.display =\n          \"block\";\n\n      } else {\n\n        customBackground.style.display =\n          \"none\";\n\n        setBackground(value);\n\n      }\n\n    }\n  );\n\n\n  customBackground.addEventListener(\n    \"change\",\n    function() {\n\n      const url =\n        this.value.trim();\n\n      if (!url) return;\n\n      root.classList.remove(\n        \"bg-classic\",\n        \"bg-white\",\n        \"bg-beige\",\n        \"bg-heritage\",\n        \"bg-ethiopian\",\n        \"bg-dark\"\n      );\n\n      root.querySelector(\n        \".ethio-background\"\n      ).style.backgroundImage =\n        \"url('\" +\n        url.replace(\/'\/g, \"\\\\'\") +\n        \"')\";\n\n      root.querySelector(\n        \".ethio-background\"\n      ).style.backgroundSize =\n        \"cover\";\n\n      root.querySelector(\n        \".ethio-background\"\n      ).style.backgroundPosition =\n        \"center\";\n\n    }\n  );\n\n\n  setBackground(\"classic\");\n\n\n  \/* =====================================================\n     NAVIGATION\n     ===================================================== *\/\n\n  const navItems =\n    root.querySelectorAll(\n      \".ethio-nav-item\"\n    );\n\n\n  navItems.forEach(\n    function(item) {\n\n      item.addEventListener(\n        \"click\",\n        function() {\n\n          navItems.forEach(\n            n =>\n              n.classList.remove(\n                \"active\"\n              )\n          );\n\n          this.classList.add(\n            \"active\"\n          );\n\n          const page =\n            parseInt(\n              this.dataset.page\n            );\n\n          showPage(page);\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =====================================================\n     SIMPLE PAGE SYSTEM\n     ===================================================== *\/\n\n  const pagePairs = [\n\n    [0, 1],\n\n    [2, 3]\n\n  ];\n\n\n  let currentPair = 0;\n\n\n  const pages =\n    root.querySelectorAll(\n      \".ethio-page\"\n    );\n\n\n  function showPage(pair) {\n\n    currentPair =\n      Math.max(\n        0,\n        Math.min(\n          pair,\n          pagePairs.length - 1\n        )\n      );\n\n\n    pages.forEach(\n      page =>\n        page.classList.add(\n          \"ethio-hidden-page\"\n        )\n    );\n\n\n    const pairPages =\n      pagePairs[currentPair];\n\n\n    pairPages.forEach(\n      index => {\n\n        if (pages[index]) {\n\n          pages[index].classList.remove(\n            \"ethio-hidden-page\"\n          );\n\n        }\n\n      }\n    );\n\n  }\n\n\n  \/* =====================================================\n     NEXT \/ PREVIOUS\n     ===================================================== *\/\n\n  function nextPage() {\n\n    if (\n      currentPair <\n      pagePairs.length - 1\n    ) {\n\n      showPage(\n        currentPair + 1\n      );\n\n    }\n\n  }\n\n\n  function previousPage() {\n\n    if (currentPair > 0) {\n\n      showPage(\n        currentPair - 1\n      );\n\n    }\n\n  }\n\n\n  document\n    .getElementById(\"ethioNext\")\n    .addEventListener(\n      \"click\",\n      nextPage\n    );\n\n\n  document\n    .getElementById(\"ethioNextBottom\")\n    .addEventListener(\n      \"click\",\n      nextPage\n    );\n\n\n  document\n    .getElementById(\"ethioPrev\")\n    .addEventListener(\n      \"click\",\n      previousPage\n    );\n\n\n  document\n    .getElementById(\"ethioPrevious\")\n    .addEventListener(\n      \"click\",\n      previousPage\n    );\n\n\n  document\n    .getElementById(\"ethioFirst\")\n    .addEventListener(\n      \"click\",\n      function() {\n\n        showPage(0);\n\n      }\n    );\n\n\n  document\n    .getElementById(\"ethioLast\")\n    .addEventListener(\n      \"click\",\n      function() {\n\n        showPage(\n          pagePairs.length - 1\n        );\n\n      }\n    );\n\n\n  \/* =====================================================\n     KEYBOARD\n     ===================================================== *\/\n\n  document.addEventListener(\n    \"keydown\",\n    function(e) {\n\n      if (e.key === \"ArrowRight\") {\n\n        nextPage();\n\n      }\n\n      if (e.key === \"ArrowLeft\") {\n\n        previousPage();\n\n      }\n\n    }\n  );\n\n\n  \/* =====================================================\n     TOUCH SWIPE\n     ===================================================== *\/\n\n  let touchStartX = 0;\n\n\n  root.addEventListener(\n    \"touchstart\",\n    function(e) {\n\n      touchStartX =\n        e.changedTouches[0].screenX;\n\n    },\n    {passive:true}\n  );\n\n\n  root.addEventListener(\n    \"touchend\",\n    function(e) {\n\n      const touchEndX =\n        e.changedTouches[0].screenX;\n\n      const difference =\n        touchStartX -\n        touchEndX;\n\n\n      if (\n        Math.abs(difference) > 50\n      ) {\n\n        if (difference > 0) {\n\n          nextPage();\n\n        } else {\n\n          previousPage();\n\n        }\n\n      }\n\n    },\n    {passive:true}\n  );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2302 HOME \u265f BUSINESSINDEX \u25a6 CATEGORIES \u2605 FEATUREDBUSINESSES \u2316 BYLOCATION \u2667 COMMUNITY \u25a4 RESOURCES \u2039 \u25c9 EthioSearch Support Connect Thrive Together CANADA BUSINESS DIRECTORY Digital BusinessDirectory Ethiopian &#038; Eritrean Businesses Across Canada Find. Connect. Support. Discover and support the businesses that strengthen our community. LIVE DIRECTORY ETHIOSEARCH.COM \u25c9 EthioSearch Your Business Our Community A Brighter [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3211","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ethiosearch.com\/directory\/wp-json\/wp\/v2\/pages\/3211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ethiosearch.com\/directory\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ethiosearch.com\/directory\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ethiosearch.com\/directory\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ethiosearch.com\/directory\/wp-json\/wp\/v2\/comments?post=3211"}],"version-history":[{"count":4,"href":"https:\/\/ethiosearch.com\/directory\/wp-json\/wp\/v2\/pages\/3211\/revisions"}],"predecessor-version":[{"id":3217,"href":"https:\/\/ethiosearch.com\/directory\/wp-json\/wp\/v2\/pages\/3211\/revisions\/3217"}],"wp:attachment":[{"href":"https:\/\/ethiosearch.com\/directory\/wp-json\/wp\/v2\/media?parent=3211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}