{"id":4400,"date":"2021-10-12T15:51:09","date_gmt":"2021-10-12T15:51:09","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=4400"},"modified":"2026-05-11T06:14:03","modified_gmt":"2026-05-11T05:14:03","slug":"about-us-3","status":"publish","type":"page","link":"https:\/\/kitaboun.com\/ar\/about-us-3\/","title":{"rendered":"\u0639\u0646 \u0627\u0644\u0645\u0648\u0642\u0639"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n \r\n \r\n \r\n Kitaboun \u2014 \u0645\u0646 \u0646\u062d\u0646<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;900&family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Poppins:wght@400;500;600;700&display=swap\"\r\n rel=\"stylesheet\"\r\n \/>\r\n <link\r\n rel=\"stylesheet\"\r\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\r\n \/>\r\n <style>\r\n :root {\r\n --paper: #fcfbf8;\r\n --paper-2: #f5f1e8;\r\n --paper-3: #efe9da;\r\n --ink: #1d1d1b;\r\n --ink-2: #2a2a28;\r\n --muted: #6c6558;\r\n --line: #e6dfce;\r\n --accent: #2f6f63;\r\n --accent-dark: #245349;\r\n --accent-2: #c98a4b;\r\n --accent-2-soft: #f3e3cf;\r\n --shadow-soft: 0 30px 60px -30px rgba(36, 32, 22, .18);\r\n --shadow-card: 0 18px 40px -22px rgba(36, 32, 22, .22);\r\n }\r\n html, body { background-color: var(--paper); }\r\n body {\r\n font-family: \"Tajawal\", sans-serif;\r\n color: var(--ink);\r\n scroll-behavior: smooth;\r\n font-weight: 400;\r\n }\r\n .serif { font-family: \"Amiri\", serif; }\r\n .display { font-family: \"Cormorant Garamond\", \"Amiri\", serif; font-weight: 500; letter-spacing: -0.015em; }\r\n .latin { font-family: \"Poppins\", sans-serif; }\r\n .hero-title { line-height: 1.42; }\r\n .eyebrow {\r\n font-family: \"Cormorant Garamond\", serif;\r\n font-style: italic;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n font-size: 0.74rem;\r\n color: var(--accent);\r\n }\r\n .hairline { border-color: var(--line); }\r\n .ink-soft { color: var(--muted); }\r\n .accent { color: var(--accent); }\r\n .accent-bg { background-color: var(--accent); }\r\n .accent-2 { color: var(--accent-2); }\r\n .paper-2 { background-color: var(--paper-2); }\r\n .paper-3 { background-color: var(--paper-3); }\r\n .rule { height: 1px; background: var(--line); }\r\n\r\n .topbar {\r\n background: var(--ink);\r\n color: #d8d2c1;\r\n font-size: 12px;\r\n letter-spacing: .04em;\r\n }\r\n\r\n .btn {\r\n display: inline-flex; align-items: center; gap: .6rem;\r\n padding: .95rem 1.7rem; border-radius: 999px;\r\n font-weight: 700; font-size: .82rem;\r\n letter-spacing: .14em; text-transform: uppercase;\r\n transition: all .25s ease;\r\n }\r\n .btn-primary { background: var(--ink); color: #fff; }\r\n .btn-primary:hover { background: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow-card); }\r\n .btn-ghost { background: transparent; color: var(--ink); border: 1px solid var(--ink); }\r\n .btn-ghost:hover { background: var(--ink); color: #fff; }\r\n .btn-accent { background: var(--accent); color: #fff; }\r\n .btn-accent:hover { background: var(--accent-dark); transform: translateY(-2px); box-shadow: var(--shadow-card); }\r\n\r\n .card {\r\n background: #fff;\r\n border: 1px solid var(--line);\r\n border-radius: 14px;\r\n transition: box-shadow .35s ease, transform .35s ease;\r\n }\r\n .card:hover { box-shadow: var(--shadow-card); transform: translateY(-4px); }\r\n\r\n .badge {\r\n display: inline-flex; align-items: center; gap: .4rem;\r\n padding: .4rem .8rem; border-radius: 999px;\r\n font-size: .68rem; letter-spacing: .15em; text-transform: uppercase;\r\n font-weight: 700;\r\n }\r\n .badge-accent { background: var(--accent-2-soft); color: #8a4a16; }\r\n .badge-teal { background: rgba(47,111,99,.12); color: var(--accent); }\r\n\r\n .hero {\r\n background:\r\n radial-gradient(1200px 600px at 85% -10%, rgba(201,138,75,.18), transparent 60%),\r\n radial-gradient(900px 500px at 0% 110%, rgba(47,111,99,.12), transparent 60%),\r\n var(--paper);\r\n }\r\n\r\n .marquee {\r\n display: flex; gap: 3rem; white-space: nowrap;\r\n animation: marq 35s linear infinite;\r\n }\r\n @keyframes marq { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n .marquee-wrap { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }\r\n\r\n .frame {\r\n position: relative;\r\n border-radius: 16px; overflow: hidden;\r\n box-shadow: var(--shadow-soft);\r\n }\r\n .frame::after {\r\n content: \"\"; position: absolute; inset: 14px;\r\n border: 1px solid rgba(255,255,255,.55); border-radius: 8px; pointer-events: none;\r\n }\r\n\r\n .quote-mark {\r\n font-family: \"Cormorant Garamond\", serif;\r\n font-size: 11rem; line-height: .8;\r\n color: var(--accent-2); opacity: .25;\r\n }\r\n\r\n .float-badge {\r\n position: absolute;\r\n background: #fff;\r\n border: 1px solid var(--line);\r\n border-radius: 14px;\r\n padding: 1rem 1.25rem;\r\n box-shadow: var(--shadow-card);\r\n display: flex; align-items: center; gap: .8rem;\r\n }\r\n\r\n .input {\r\n background: #fff; border: 1px solid var(--line);\r\n border-radius: 999px; padding: 1rem 1.4rem;\r\n font: inherit; outline: none;\r\n }\r\n\r\n .underline-deco { position: relative; display: inline-block; }\r\n .underline-deco::after {\r\n content: \"\"; position: absolute; left: 0; right: 0; bottom: -8px;\r\n height: 10px;\r\n background: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 200 10'><path d='M2 6 C 60 1, 140 1, 198 6' stroke='%23c98a4b' stroke-width='3' fill='none' stroke-linecap='round'\/><\/svg>\") no-repeat center \/ contain;\r\n }\r\n\r\n .h-line { display: inline-flex; align-items: center; gap: .85rem; }\r\n .h-line::before, .h-line::after {\r\n content: \"\"; width: 28px; height: 1px; background: var(--accent-2);\r\n }\r\n\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: var(--paper); }\r\n ::-webkit-scrollbar-thumb { background: #d8d0bd; border-radius: 10px; }\r\n\r\n .dropcap::first-letter {\r\n font-family: \"Cormorant Garamond\", serif;\r\n font-size: 4.5rem; line-height: 1; float: right;\r\n margin-left: .55rem; margin-top: .35rem;\r\n color: var(--accent); font-weight: 600;\r\n }\r\n\r\n .zoom { overflow: hidden; }\r\n .zoom img { transition: transform .8s ease; }\r\n .zoom:hover img { transform: scale(1.07); }\r\n\r\n .sticker {\r\n width: 110px; height: 110px; border-radius: 50%;\r\n background: var(--accent-2); color: #fff;\r\n display: grid; place-items: center; text-align: center;\r\n font-family: \"Cormorant Garamond\", serif; font-style: italic;\r\n font-size: 1.05rem; line-height: 1.15;\r\n transform: rotate(-12deg);\r\n box-shadow: var(--shadow-card);\r\n }\r\n <\/style>\r\n <\/head>\r\n <body class=\"antialiased\">\r\n <!-- HERO -->\r\n <section class=\"hero px-6 md:px-10 pt-16 md:pt-20 pb-24 relative overflow-hidden\">\r\n <div class=\"container mx-auto max-w-7xl grid lg:grid-cols-12 gap-14 items-center relative z-10\">\r\n <div class=\"lg:col-span-7\">\r\n <div class=\"h-line eyebrow mb-6\">\u00c0 propos de Kitaboun<\/div>\r\n <h1 class=\"display hero-title text-5xl md:text-7xl lg:text-[5.5rem] mb-8\">\r\n \u0646\u062e\u062a\u0627\u0631 <em class=\"accent\">\u0627\u0644\u0643\u062a\u0628 \u0628\u0639\u0646\u0627\u064a\u0629<\/em>\u060c\r\n <br \/>\u0648\u0646\u0642\u0631\u0651\u0628\u0647\u0627 \u0645\u0646\r\n <span class=\"underline-deco\">\u0627\u0644\u0642\u0627\u0631\u0626<\/span>.\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl ink-soft leading-loose max-w-2xl mb-10\">\r\n <span class=\"text-black font-bold\">Kitaboun<\/span> \u0645\u0643\u062a\u0628\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062a\u0647\u062a\u0645 \u0628\u062a\u0648\u0641\u064a\u0631 \u0643\u062a\u0628 \u0639\u0631\u0628\u064a\u0629 \u0648\u0641\u0631\u0646\u0633\u064a\u0629 \u0648\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0645\u062e\u062a\u0627\u0631\u0629\u060c \u0645\u0639 \u062a\u062c\u0631\u0628\u0629 \u0637\u0644\u0628 \u0628\u0633\u064a\u0637\u0629 \u0648\u0645\u062d\u062a\u0648\u0649 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0642\u0627\u0631\u0626 \u0639\u0644\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0627 \u064a\u0646\u0627\u0633\u0628\u0647.\r\n <\/p>\r\n <div class=\"flex flex-wrap items-center gap-4 mb-12\">\r\n <a href=\"#about\" class=\"btn btn-primary\">\u0627\u0643\u062a\u0634\u0641 \u0642\u0635\u062a\u0646\u0627 <i class=\"fa-solid fa-arrow-left\"><\/i><\/a>\r\n <a href=\"#\" class=\"btn btn-ghost\">\u062a\u0635\u0641\u0651\u062d \u0627\u0644\u0645\u062a\u062c\u0631<\/a>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap items-center gap-8 pt-8 border-t hairline\">\r\n <div class=\"w-11 h-11 rounded-full bg-[var(--accent-2-soft)] grid place-items-center text-[var(--accent-2)] font-bold\">\r\n <i class=\"fa-solid fa-book\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"font-bold mb-1\">\u0643\u062a\u0628 \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629<\/div>\r\n <div class=\"text-sm ink-soft\">\u0646\u0631\u0643\u0651\u0632 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631\u060c \u0648\u0636\u0648\u062d \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c \u0648\u062e\u062f\u0645\u0629 \u0627\u0644\u0642\u0627\u0631\u0626.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-5 relative\">\r\n <div class=\"frame zoom aspect-[4\/5]\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1481627834876-b7833e8f5570?auto=format&fit=crop&q=80&w=1200\"\r\n alt=\"Books\"\r\n class=\"w-full h-full object-cover\" \/>\r\n <\/div>\r\n <div class=\"float-badge -bottom-6 -right-6\">\r\n <div class=\"w-12 h-12 rounded-full accent-bg text-white grid place-items-center\">\r\n <i class=\"fa-solid fa-book-open\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"display text-2xl leading-none\">\u0642\u0631\u0627\u0621\u0629<\/div>\r\n <div class=\"text-xs ink-soft mt-1\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0648\u0627\u0639\u064d \u0644\u0643\u0644 \u0642\u0627\u0631\u0626<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sticker absolute -top-8 right-1\/2\">\r\n Lire<br\/>choisir<br\/>grandir\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BRAND MARQUEE -->\r\n <section class=\"border-y hairline bg-white py-6\">\r\n <div class=\"marquee-wrap\">\r\n <div class=\"marquee items-center text-[var(--muted)]\">\r\n <span class=\"display italic text-2xl\">Litt\u00e9rature<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0630\u0627\u062a<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">Romans<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">\u0639\u0644\u0645 \u0627\u0644\u0646\u0641\u0633<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">\u0643\u062a\u0628 \u0639\u0631\u0628\u064a\u0629<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">Livres Fran\u00e7ais<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">Litt\u00e9rature<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0630\u0627\u062a<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">Romans<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">\u0639\u0644\u0645 \u0627\u0644\u0646\u0641\u0633<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">\u0643\u062a\u0628 \u0639\u0631\u0628\u064a\u0629<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <span class=\"display italic text-2xl\">Livres Fran\u00e7ais<\/span>\r\n <span class=\"text-[var(--accent-2)]\">\u2726<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ABOUT -->\r\n <section id=\"about\" class=\"px-6 md:px-10 py-24\">\r\n <div class=\"container mx-auto max-w-7xl grid md:grid-cols-12 gap-14 items-center\">\r\n <div class=\"md:col-span-6 relative\">\r\n <div class=\"grid grid-cols-5 gap-4\">\r\n <div class=\"col-span-3 frame zoom aspect-[4\/5]\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512820790803-83ca734da794?auto=format&fit=crop&q=80&w=900\"\r\n alt=\"Books on shelves\" class=\"w-full h-full object-cover\" \/>\r\n <\/div>\r\n <div class=\"col-span-2 flex flex-col gap-4\">\r\n <div class=\"frame zoom aspect-square\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519682337058-a94d519337bc?auto=format&fit=crop&q=80&w=600\"\r\n alt=\"Reading\" class=\"w-full h-full object-cover\" \/>\r\n <\/div>\r\n <div class=\"frame zoom aspect-[3\/4]\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1456513080510-7bf3a84b82f8?auto=format&fit=crop&q=80&w=600\"\r\n alt=\"Library\" class=\"w-full h-full object-cover\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-6\">\r\n <div class=\"h-line eyebrow mb-5\">\u2014 01 \/ Qui sommes-nous<\/div>\r\n <h2 class=\"display text-4xl md:text-6xl leading-tight mb-8\">\r\n \u0645\u0646 \u0641\u0643\u0631\u0629\u064d \u0628\u0633\u064a\u0637\u0629\u060c\r\n <br \/>\u0625\u0644\u0649 \u0645\u0633\u0627\u062d\u0629\u064d \u0644\u0645\u062d\u0628\u064a <em class=\"accent\">\u0627\u0644\u0642\u0631\u0627\u0621\u0629<\/em>.\r\n <\/h2>\r\n <p class=\"dropcap text-lg leading-loose ink-soft mb-6\">\r\n \u0628\u062f\u0623\u062a <span class=\"font-bold text-black\">\u0643\u062a\u0627\u0628\u0648\u0646<\/span> \u0645\u0646 \u0634\u063a\u0641 \u0628\u0627\u0644\u0643\u062a\u0628 \u0648\u0631\u063a\u0628\u0629 \u0641\u064a \u062c\u0639\u0644 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0643\u062a\u0627\u0628 \u0623\u0633\u0647\u0644 \u0648\u0623\u0642\u0631\u0628 \u0644\u0644\u0642\u0627\u0631\u0626. \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u062c\u064a\u062f\u0629 \u0644\u0627 \u062a\u0639\u0631\u0636 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0641\u0642\u0637\u060c \u0628\u0644 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0642\u0627\u0631\u0626 \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0643\u062a\u0627\u0628 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0647.\r\n <\/p>\r\n <p class=\"text-lg leading-loose ink-soft mb-8\">\r\n \u0644\u0630\u0644\u0643 \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0648\u0627\u0636\u062d\u0629: \u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0645\u0641\u0647\u0648\u0645\u0629\u060c \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u062e\u062a\u0635\u0631\u0629 \u0639\u0646 \u0627\u0644\u0643\u062a\u0628\u060c \u0645\u062d\u062a\u0648\u0649 \u0639\u0631\u0628\u064a \u0648\u0641\u0631\u0646\u0633\u064a\u060c \u0648\u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631 \u0645\u0639 \u0627\u0644\u0632\u0628\u0627\u0626\u0646 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0647\u0645 \u0642\u0628\u0644 \u0648\u0628\u0639\u062f \u0627\u0644\u0637\u0644\u0628.\r\n <\/p>\r\n <div class=\"rounded-2xl paper-2 border hairline p-7\">\r\n <p class=\"serif text-xl leading-loose\">\r\n \u0647\u062f\u0641\u0646\u0627 \u0623\u0646 \u062a\u0643\u0648\u0646 Kitaboun \u0648\u062c\u0647\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0643\u0644 \u0645\u0646 \u064a\u0628\u062d\u062b \u0639\u0646 \u0643\u062a\u0627\u0628 \u062c\u064a\u062f\u060c \u062a\u062c\u0631\u0628\u0629 \u0637\u0644\u0628 \u0633\u0647\u0644\u0629\u060c \u0648\u062e\u062f\u0645\u0629 \u062a\u062d\u062a\u0631\u0645 \u0627\u0644\u0642\u0627\u0631\u0626.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- VALUES -->\r\n <section id=\"values\" class=\"paper-2 px-6 md:px-10 py-24 relative overflow-hidden\">\r\n <div class=\"container mx-auto max-w-7xl relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <div class=\"h-line eyebrow mb-4 justify-center\">\u2014 02 \/ Nos valeurs<\/div>\r\n <h2 class=\"display text-4xl md:text-5xl\">\r\n \u0642\u064a\u0645\u0646\u0627 \u0641\u064a <em class=\"accent\">Kitaboun<\/em>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-6\">\r\n <div class=\"card p-10 text-center\">\r\n <div class=\"w-20 h-20 mx-auto mb-6 rounded-full bg-[var(--accent-2-soft)] grid place-items-center accent-2 text-2xl\">\r\n <i class=\"fa-regular fa-gem\"><\/i>\r\n <\/div>\r\n <span class=\"badge badge-accent mb-4\">S\u00e9lection<\/span>\r\n <h3 class=\"display text-2xl mb-3\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u0639\u0646\u0627\u064a\u0629<\/h3>\r\n <p class=\"text-sm leading-relaxed ink-soft\">\r\n \u0646\u0631\u0643\u0651\u0632 \u0639\u0644\u0649 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062a\u064a \u062a\u062d\u0645\u0644 \u0642\u064a\u0645\u0629 \u0644\u0644\u0642\u0627\u0631\u0626\u060c \u0628\u062f\u0644 \u0645\u0644\u0621 \u0627\u0644\u0645\u062a\u062c\u0631 \u0628\u0639\u0646\u0627\u0648\u064a\u0646 \u0639\u0634\u0648\u0627\u0626\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <div class=\"card p-10 text-center\">\r\n <div class=\"w-20 h-20 mx-auto mb-6 rounded-full bg-[rgba(47,111,99,.12)] grid place-items-center accent text-2xl\">\r\n <i class=\"fa-regular fa-handshake\"><\/i>\r\n <\/div>\r\n <span class=\"badge badge-teal mb-4\">Clart\u00e9<\/span>\r\n <h3 class=\"display text-2xl mb-3\">\u0648\u0636\u0648\u062d \u0648\u062b\u0642\u0629<\/h3>\r\n <p class=\"text-sm leading-relaxed ink-soft\">\r\n \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0628\u0637\u0631\u064a\u0642\u0629 \u0648\u0627\u0636\u062d\u0629 \u0642\u0628\u0644 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0637\u0644\u0628.\r\n <\/p>\r\n <\/div>\r\n <div class=\"card p-10 text-center\">\r\n <div class=\"w-20 h-20 mx-auto mb-6 rounded-full bg-[var(--accent-2-soft)] grid place-items-center accent-2 text-2xl\">\r\n <i class=\"fa-regular fa-heart\"><\/i>\r\n <\/div>\r\n <span class=\"badge badge-accent mb-4\">Proximit\u00e9<\/span>\r\n <h3 class=\"display text-2xl mb-3\">\u0642\u0631\u0628 \u0645\u0646 \u0627\u0644\u0642\u0627\u0631\u0626<\/h3>\r\n <p class=\"text-sm leading-relaxed ink-soft\">\r\n \u0646\u0633\u062a\u0645\u0639 \u0644\u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u060c \u0648\u0646\u062d\u0627\u0648\u0644 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u062d\u0633\u0628 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c\u0647 \u0627\u0644\u0632\u0628\u0627\u0626\u0646 \u0641\u0639\u0644\u0627\u064b.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute -top-20 -left-20 w-80 h-80 rounded-full bg-[var(--accent-2-soft)] opacity-50 blur-3xl\"><\/div>\r\n <div class=\"absolute -bottom-20 -right-20 w-96 h-96 rounded-full bg-[rgba(47,111,99,.12)] blur-3xl\"><\/div>\r\n <\/section>\r\n\r\n <!-- MISSION -->\r\n <section class=\"px-6 md:px-10 py-24\">\r\n <div class=\"container mx-auto max-w-7xl grid lg:grid-cols-12 gap-14 items-center\">\r\n <div class=\"lg:col-span-5 relative\">\r\n <div class=\"frame zoom aspect-[4\/5]\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&q=80&w=900\"\r\n alt=\"Bookstore\" class=\"w-full h-full object-cover\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-7\">\r\n <div class=\"h-line eyebrow mb-4\">\u2014 03 \/ Notre mission<\/div>\r\n <h2 class=\"display text-4xl md:text-5xl mb-6\">\u0645\u0627 \u0627\u0644\u0630\u064a \u0646\u0631\u064a\u062f \u062a\u0642\u062f\u064a\u0645\u0647\u061f<\/h2>\r\n <div class=\"space-y-5\">\r\n <div class=\"card p-7 flex gap-6 items-start\">\r\n <div class=\"w-14 h-14 shrink-0 rounded-xl bg-[var(--accent-2-soft)] grid place-items-center accent-2 text-xl\">\r\n <i class=\"fa-solid fa-book-open\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"display text-2xl mb-2\">\u0645\u0643\u062a\u0628\u0629 \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0646\u0638\u0645\u0629<\/h3>\r\n <p class=\"text-sm leading-relaxed ink-soft\">\r\n \u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0645\u0641\u0647\u0648\u0645\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0642\u0627\u0631\u0626 \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0645\u0627 \u064a\u0628\u062d\u062b \u0639\u0646\u0647 \u0628\u0633\u0631\u0639\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card p-7 flex gap-6 items-start\">\r\n <div class=\"w-14 h-14 shrink-0 rounded-xl bg-[rgba(47,111,99,.12)] grid place-items-center accent text-xl\">\r\n <i class=\"fa-solid fa-language\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"display text-2xl mb-2\">\u0643\u062a\u0628 \u0628\u0644\u063a\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629<\/h3>\r\n <p class=\"text-sm leading-relaxed ink-soft\">\r\n \u0646\u0647\u062a\u0645 \u0628\u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u062d\u0633\u0628 \u0627\u0647\u062a\u0645\u0627\u0645\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0621.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card p-7 flex gap-6 items-start\">\r\n <div class=\"w-14 h-14 shrink-0 rounded-xl bg-[var(--accent-2-soft)] grid place-items-center accent-2 text-xl\">\r\n <i class=\"fa-solid fa-comments\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"display text-2xl mb-2\">\u062e\u062f\u0645\u0629 \u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u0632\u0628\u0648\u0646<\/h3>\r\n <p class=\"text-sm leading-relaxed ink-soft\">\r\n \u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u060c \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0637\u0644\u0628 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- QUOTE BREAK -->\r\n <section class=\"px-6 md:px-10 py-24 relative overflow-hidden\"\r\n style=\"background: linear-gradient(135deg, var(--ink) 0%, #2a2a26 100%); color: #f5f1e8;\">\r\n <div class=\"absolute inset-0 opacity-[0.06]\"\r\n style=\"background-image: radial-gradient(circle at 1px 1px, #fff 1px, transparent 0); background-size: 30px 30px;\"><\/div>\r\n <div class=\"container mx-auto max-w-3xl text-center relative z-10\">\r\n <i class=\"fa-solid fa-quote-right accent-2 text-3xl mb-8\"><\/i>\r\n <p class=\"display italic text-3xl md:text-5xl leading-snug mb-8\">\r\n \u00ab\u062d\u064a\u0646 \u062a\u062a\u0639\u0644\u0645 \u0627\u0644\u0642\u0631\u0627\u0621\u0629\u060c \u062a\u0635\u0628\u062d \u062d\u0631\u064b\u0627 \u0625\u0644\u0649 \u0627\u0644\u0623\u0628\u062f.\u00bb\r\n <\/p>\r\n <div class=\"text-xs tracking-[0.3em] uppercase opacity-60\">\u2014 Frederick Douglass<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CONTACT -->\r\n <section id=\"contact\" class=\"px-6 md:px-10 py-24\"\r\n style=\"background: linear-gradient(135deg, var(--ink) 0%, #1a1a18 100%); color: #f5f1e8;\">\r\n <div class=\"container mx-auto max-w-7xl grid md:grid-cols-12 gap-16 items-start\">\r\n <div class=\"md:col-span-7\">\r\n <div class=\"h-line eyebrow mb-4\" style=\"color: var(--accent-2);\">\u2014 Contact<\/div>\r\n <h2 class=\"display text-4xl md:text-6xl leading-tight mb-6\">\r\n \u0647\u0644 \u062a\u0631\u064a\u062f \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f\r\n <br \/>\u0639\u0646 <em class=\"accent-2\">Kitaboun<\/em>\u061f\r\n <\/h2>\r\n <p class=\"opacity-80 max-w-md leading-relaxed mb-10\">\r\n \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0627\u0644\u0643\u062a\u0628\u060c \u0627\u0644\u0637\u0644\u0628\u0627\u062a\u060c \u0623\u0648 \u0623\u064a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u062e\u0635 \u0627\u0644\u0645\u0643\u062a\u0628\u0629.\r\n <\/p>\r\n\r\n <div class=\"grid sm:grid-cols-2 gap-5\">\r\n <a href=\"https:\/\/www.facebook.com\/share\/1K1pUAcBTv\/\"\r\n class=\"flex items-center gap-4 p-5 rounded-2xl border border-white\/10 bg-white\/5 hover:bg-white\/10 transition\">\r\n <div class=\"w-11 h-11 rounded-xl bg-[#1877f2] grid place-items-center\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/div>\r\n <div>\r\n <div class=\"font-bold\">\u0641\u064a\u0633\u0628\u0648\u0643<\/div>\r\n <div class=\"text-xs opacity-70\">\u062a\u0627\u0628\u0639\u0646\u0627 \u0644\u0644\u062c\u062f\u064a\u062f<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/kitaboun\"\r\n class=\"flex items-center gap-4 p-5 rounded-2xl border border-white\/10 bg-white\/5 hover:bg-white\/10 transition\">\r\n <div class=\"w-11 h-11 rounded-xl bg-gradient-to-tr from-pink-500 to-yellow-400 grid place-items-center\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n <div>\r\n <div class=\"font-bold\">\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645<\/div>\r\n <div class=\"text-xs opacity-70\">\u0635\u0648\u0631 \u0648\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0643\u062a\u0628<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@kitaboun\"\r\n class=\"flex items-center gap-4 p-5 rounded-2xl border border-white\/10 bg-white\/5 hover:bg-white\/10 transition\">\r\n <div class=\"w-11 h-11 rounded-xl bg-black grid place-items-center\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n <div>\r\n <div class=\"font-bold\">\u062a\u064a\u0643 \u062a\u0648\u0643<\/div>\r\n <div class=\"text-xs opacity-70\">\u0645\u062d\u062a\u0648\u0649 \u0642\u0635\u064a\u0631 \u0648\u0645\u0641\u064a\u062f<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"mailto:librairie.kitaboun@gmail.com\"\r\n class=\"flex items-center gap-4 p-5 rounded-2xl border border-white\/10 bg-white\/5 hover:bg-white\/10 transition\">\r\n <div class=\"w-11 h-11 rounded-xl bg-[var(--accent)] grid place-items-center\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n <div>\r\n <div class=\"font-bold\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/div>\r\n <div class=\"text-xs opacity-70\">\u0631\u0627\u0633\u0644\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629<\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-5\">\r\n <div class=\"rounded-3xl border border-white\/10 bg-white\/5 p-6 sm:p-8 md:p-10 backdrop-blur overflow-hidden\">\r\n <div class=\"space-y-8\">\r\n <div>\r\n <div class=\"text-xs tracking-[0.3em] uppercase opacity-60 mb-2\">T\u00e9l\u00e9phone<\/div>\r\n <div class=\"space-y-2\" dir=\"ltr\">\r\n <a href=\"tel:+213773442999\" class=\"block font-semibold latin text-2xl sm:text-3xl md:text-4xl tracking-wide leading-tight break-normal whitespace-nowrap hover:text-[var(--accent-2)] transition\">\r\n 0773 44 29 99\r\n <\/a>\r\n <a href=\"tel:+213773669237\" class=\"block font-semibold latin text-2xl sm:text-3xl md:text-4xl tracking-wide leading-tight break-normal whitespace-nowrap hover:text-[var(--accent-2)] transition\">\r\n 0773 66 92 37\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rule\" style=\"background: rgba(255,255,255,.1);\"><\/div>\r\n <div>\r\n <div class=\"text-xs tracking-[0.3em] uppercase opacity-60 mb-2\">Email<\/div>\r\n <p class=\"display text-xl break-all\">librairie.kitaboun@gmail.com<\/p>\r\n <\/div>\r\n <div class=\"rule\" style=\"background: rgba(255,255,255,.1);\"><\/div>\r\n <div>\r\n <div class=\"text-xs tracking-[0.3em] uppercase opacity-60 mb-2\">Adresse<\/div>\r\n <p class=\"display text-xl\">Alger \u00b7 Alg\u00e9rie<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kitaboun \u2014 \u0645\u0646 \u0646\u062d\u0646 \u00c0 propos de Kitaboun \u0646\u062e\u062a\u0627\u0631 \u0627\u0644\u0643\u062a\u0628 \u0628\u0639\u0646\u0627\u064a\u0629\u060c \u0648\u0646\u0642\u0631\u0651\u0628\u0647\u0627 \u0645\u0646 \u0627\u0644\u0642\u0627\u0631\u0626. Kitaboun \u0645\u0643\u062a\u0628\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062a\u0647\u062a\u0645 \u0628\u062a\u0648\u0641\u064a\u0631 \u0643\u062a\u0628<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4400","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitaboun.com\/ar\/wp-json\/wp\/v2\/pages\/4400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kitaboun.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kitaboun.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kitaboun.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kitaboun.com\/ar\/wp-json\/wp\/v2\/comments?post=4400"}],"version-history":[{"count":35,"href":"https:\/\/kitaboun.com\/ar\/wp-json\/wp\/v2\/pages\/4400\/revisions"}],"predecessor-version":[{"id":29382,"href":"https:\/\/kitaboun.com\/ar\/wp-json\/wp\/v2\/pages\/4400\/revisions\/29382"}],"wp:attachment":[{"href":"https:\/\/kitaboun.com\/ar\/wp-json\/wp\/v2\/media?parent=4400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}