{"id":3843,"date":"2025-05-15T14:45:38","date_gmt":"2025-05-15T14:45:38","guid":{"rendered":"https:\/\/doosys.ma\/?page_id=3843"},"modified":"2025-05-16T10:43:36","modified_gmt":"2025-05-16T10:43:36","slug":"ca125","status":"publish","type":"page","link":"https:\/\/doosys.ma\/en\/ca125\/","title":{"rendered":"CA125"},"content":{"rendered":"<div id=\"tm-row-69f51b8dd27b8\" class=\"vc_row vc_row-outer vc_row-fluid\"><div id=\"tm-column-69f51b8dd2d2b\" class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Carte de Visite - Hicham Oubelkass<\/title>\n  <style>\n    :root {\n      --primary-color: #003366;\n      --secondary-color: #f4f7fb;\n      --accent-color: #007bff;\n      --text-color: #222;\n      --white: #fff;\n      --border: 1px solid #ddd;\n    }\n\n    body {\n      font-family: 'Segoe UI', sans-serif;\n      background-color: var(--secondary-color);\n      margin: 0;\n      color: var(--text-color);\n    }\n\n    .container {\n\tmax-width: 850px;\n\tmargin: 0px auto;\n\tbackground-color: rgb(255, 250, 244);\n\tborder-radius: 12px;\n\toverflow: hidden;\n\tbox-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n}\n\n    .cover {\n      background: url('https:\/\/doosys.ma\/wp-content\/uploads\/2025\/05\/doosys_ma_cover.jpg') center\/cover no-repeat;\n      height: 200px;\n    }\n\n    .lang-switcher {\n      text-align: right;\n      padding: 10px 20px;\n      background-color: var(--primary-color);\n    }\n\n    .lang-switcher button {\n      background-color: var(--accent-color);\n      color: var(--white);\n      border: none;\n      padding: 8px 12px;\n      margin-left: 10px;\n      border-radius: 6px;\n      cursor: pointer;\n    }\n\n    .profile {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      padding: 20px;\n      background-color: rgb(255, 250, 244);\n    }\n\n    .profile img {\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      object-fit: cover;\n      margin-right: 20px;\n    }\n\n    .info h1 {\n      font-size: 26px;\n      margin-bottom: 5px;\n    }\n\n    .info h2 {\n      font-size: 18px;\n      color: #777;\n    }\n\n    .buttons {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: 12px;\n      padding: 20px;\n    }\n\n    .btn {\n      padding: 12px 20px;\n      background-color: var(--accent-color);\n      color: var(--white);\n      border: none;\n      border-radius: 25px;\n      font-size: 16px;\n      text-decoration: none;\n      cursor: pointer;\n      transition: background-color 0.3s ease;\n      text-align: center;\n    }\n\n    .btn:hover {\n      background-color: #0056b3;\n    }\n\n    .contact-info {\n      display: flex;\n      flex-direction: column;\n      padding: 20px;\n      border-top: var(--border);\n    }\n\n    .contact-info a {\n      color: var(--primary-color);\n      text-decoration: none;\n    }\n\n    .contact-info a:hover {\n      text-decoration: underline;\n    }\n\n    .contact-info p {\n      margin: 0;\n      padding: 10px;\n      border-bottom: var(--border);\n    }\n\n    .services ul {\n  list-style: none;\n  padding-left: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n}\n\n.services li {\n  flex: 1 1 45%;\n  background-color: #f0f6fc;\n  border-radius: 12px;\n  padding: 12px 15px;\n  display: flex;\n  align-items: center;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.07);\n  transition: box-shadow 0.3s ease;\n}\n\n.services li:hover {\n  box-shadow: 0 4px 15px rgba(0,0,0,0.15);\n}\n\n.services li img {\n  width: 40px;\n  height: 40px;\n  margin-right: 15px;\n}\n\n.services li a {\n\tcolor: var(--primary-color);\n\tfont-weight: 600;\n\ttext-decoration: none;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\tpointer-events: none;\n}\n\n.services li a:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 600px) {\n  .services li {\n    flex: 1 1 100%;\n  }\n}\n\n\n    @media (max-width: 600px) {\n      .profile {\n        flex-direction: column;\n        text-align: center;\n      }\n\n      .profile img {\n        margin-bottom: 15px;\n      }\n\n      .buttons {\n        flex-direction: column;\n      }\n    }\n\n    \n  <\/style>\n<\/head>\n<body>\n\n  <div class=\"container\">\n    <div class=\"cover\"><\/div>\n\n    <div class=\"lang-switcher\">\n      <button onclick=\"switchLang('fr')\">Fran\u00e7ais<\/button>\n      <button onclick=\"switchLang('en')\">English<\/button>\n    <\/div>\n\n    <div class=\"profile\">\n      <img decoding=\"async\" src=\"https:\/\/doosys.ma\/wp-content\/uploads\/2025\/05\/profile-2.jpg\" alt=\"Photo de profil\" \/>\n      <div class=\"info\">\n        <h1 id=\"name\">Hisham OUBELKASS<\/h1>\n        <h2 id=\"title\">CEO \/ Fondateur<\/h2>\n      <\/div>\n    <\/div>\n\n    <div class=\"buttons\">\n      <a class=\"btn\" href=\"doosys.vcf\" id=\"addContactBtn\">\ud83d\udcde Ajouter \u00e0 mes contacts<\/a>\n      <button class=\"btn\" onclick=\"sharePage()\" id=\"shareBtn\">\ud83d\udd17 Partager mes infos<\/button>\n    <\/div>\n    <div class=\"contact-info\">\n      <p><strong>\ud83d\udce7 <span id=\"emailLabel\">Email<\/span> :<\/strong>\n        <a href=\"mailto:h.oubelkass@doosys.ca\">h.oubelkass@doosys.ca<\/a>\n      <\/p>\n      <p><strong>\ud83c\udf10 <span id=\"websiteLabel\">Site web<\/span> :<\/strong>\n        <a href=\"https:\/\/www.doosys.ca\" target=\"_blank\">www.doosys.ca<\/a>\n      <\/p>\n      <p><strong>\ud83d\udcde T\u00e9l\u00e9phone :<\/strong>\n        <a href=\"tel:+212661379627\">(+212) 661 379627<\/a>\n      <\/p>\n      <p><strong>\ud83c\udfe2 Adresse :<\/strong>\n        <a href=\"https:\/\/maps.google.com\/?q=Avenue Oqbah, Agdal-Rabat, Maroc\" target=\"_blank\">\n          Avenue Oqbah, Agdal-Rabat, Maroc\n        <\/a>\n      <\/p>\n    <\/div>\n    \n\n    <div class=\"services\">\n      <h3 id=\"servicesTitle\">Produits et Services<\/h3>\n      <ul id=\"servicesList\">\n        <li>\n          <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/000000\/combo-chart.png\" alt=\"ERP\" \/>\n          D\u00e9veloppement et int\u00e9gration de solutions de gestion ERP : Odoo, SAP\u2026\n        <\/li>\n        <li>\n          <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/000000\/web.png\" alt=\"Web & Mobile\" \/>\n          D\u00e9veloppements web et mobile\n        <\/li>\n        <li>\n          <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/000000\/request-service.png\" alt=\"P2P\" \/>\n          Solutions de gestion d\u2019achats P2P\n        <\/li>\n        <li>\n          <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/000000\/document--v1.png\" alt=\"GED\" \/>\n          Solutions de digitalisation de courriers et GED\n        <\/li>\n        <li>\n          <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/000000\/customer-support.png\" alt=\"CRM\" \/>\n          Solution CRM et SAV\n        <\/li>\n        <li>\n          <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/000000\/delivery.png\" alt=\"TMS\" \/>\n          Plateforme de gestion et optimisation de tourn\u00e9e, TMS, livraison, interventions\u2026\n        <\/li>\n      <\/ul>\n    <\/div>\n    \n\n    <script>\n      const translations = {\n        fr: {\n          name: \"Hicham OUBELKASS\",\n          title: \"CEO \/ Fondateur\",\n          addContact: \"\ud83d\udce5 T\u00e9l\u00e9charger ma fiche contact\",\n          share: \"\ud83d\udd17 Partager mes infos\",\n          email: \"Email\",\n          website: \"Site web\",\n          servicesTitle: \"Produits et Services\",\n          services: [\n            {\n              text: \"D\u00e9veloppement et int\u00e9gration ERP : Odoo, SAP\u2026\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/combo-chart.png\",\n              alt: \"ERP\"\n            },\n            {\n              text: \"D\u00e9veloppements web et mobile\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/web.png\",\n              alt: \"Web & Mobile\"\n            },\n            {\n              text: \"Solutions de gestion d\u2019achats P2P\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/request-service.png\",\n              alt: \"P2P\"\n            },\n            {\n              text: \"Digitalisation de courriers et GED\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/document--v1.png\",\n              alt: \"GED\"\n            },\n            {\n              text: \"Solutions CRM et SAV\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/customer-support.png\",\n              alt: \"CRM\"\n            },\n            {\n              text: \"Gestion de tourn\u00e9es, TMS, livraisons, interventions\u2026\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/delivery.png\",\n              alt: \"TMS\"\n            }\n          ]\n        },\n        en: {\n          name: \"Hisham OUBELKASS\",\n          title: \"CEO\/Founder\",\n          addContact: \"\ud83d\udce5 Download vCard\",\n          share: \"\ud83d\udd17 Share My Info\",\n          email: \"Email\",\n          website: \"Website\",\n          servicesTitle: \"Products and Services\",\n          services: [\n            {\n              text: \"Development and integration of ERP solutions: Odoo, SAP, etc.\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/combo-chart.png\",\n              alt: \"ERP\"\n            },\n            {\n              text: \"Web and mobile development\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/web.png\",\n              alt: \"Web & Mobile\"\n            },\n            {\n              text: \"P2P purchasing management solutions\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/request-service.png\",\n              alt: \"P2P\"\n            },\n            {\n              text: \"Mail digitization and EDM solutions\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/document--v1.png\",\n              alt: \"EDM\"\n            },\n            {\n              text: \"CRM and after-sales service solutions\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/customer-support.png\",\n              alt: \"CRM\"\n            },\n            {\n              text: \"Route optimization, TMS, delivery, and field operations\",\n              icon: \"https:\/\/img.icons8.com\/color\/48\/000000\/delivery.png\",\n              alt: \"TMS\"\n            }\n          ]\n        }\n      };\n        function switchLang(lang) {\n          \/\/ Met \u00e0 jour les textes fixes\n          document.getElementById(\"name\").textContent = translations[lang].name;\n          document.getElementById(\"title\").textContent = translations[lang].title;\n          document.getElementById(\"addContactBtn\").textContent = translations[lang].addContact;\n          document.getElementById(\"shareBtn\").textContent = translations[lang].share;\n          document.getElementById(\"emailLabel\").textContent = translations[lang].email;\n          document.getElementById(\"websiteLabel\").textContent = translations[lang].website;\n      \n          \/\/ Reconstruit la section services\n          document.getElementById(\"servicesTitle\").textContent = translations[lang].servicesTitle;\n          const servicesList = document.getElementById(\"servicesList\");\n          servicesList.innerHTML = \"\";\n          translations[lang].services.forEach(({ text, url, icon, alt }) => {\n            const li = document.createElement(\"li\");\n            li.innerHTML = `\n              <a href=\"${url}\" target=\"_blank\" rel=\"noopener\">\n                <img decoding=\"async\" src=\"${icon}\" alt=\"${alt}\" \/>\n                ${text}\n              <\/a>\n            `;\n            servicesList.appendChild(li);\n          });\n        }\n      \n        \/\/ Initialisation au chargement de la page\n        document.addEventListener(\"DOMContentLoaded\", () => {\n          switchLang(\"fr\");\n        });\n      <\/script>\n      \n\n<\/body>\n<\/html>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"Carte de Visite - Hicham Oubelkass Fran\u00e7ais English Hisham OUBELKASS CEO \/ Fondateur \ud83d\udcde Ajouter \u00e0 mes contacts \ud83d\udd17 Partager mes infos \ud83d\udce7 Email : h.oubelkass@doosys.ca \ud83c\udf10 Site web : www.doosys.ca \ud83d\udcde T\u00e9l\u00e9phone : (+212) 661 379627 \ud83c\udfe2 Adresse : Avenue Oqbah, Agdal-Rabat, Maroc Produits et Services D\u00e9veloppement et int\u00e9gration de solutions de gestion ERP : Odoo, SAP\u2026 D\u00e9veloppements web et mobile Solutions de gestion d\u2019achats P2P Solutions de digitalisation de courriers et GED Solution CRM et SAV Plateforme de gestion et optimisation de tourn\u00e9e, TMS, livraison, interventions\u2026","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/blank.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/doosys.ma\/en\/wp-json\/wp\/v2\/pages\/3843"}],"collection":[{"href":"https:\/\/doosys.ma\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doosys.ma\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doosys.ma\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/doosys.ma\/en\/wp-json\/wp\/v2\/comments?post=3843"}],"version-history":[{"count":5,"href":"https:\/\/doosys.ma\/en\/wp-json\/wp\/v2\/pages\/3843\/revisions"}],"predecessor-version":[{"id":3853,"href":"https:\/\/doosys.ma\/en\/wp-json\/wp\/v2\/pages\/3843\/revisions\/3853"}],"wp:attachment":[{"href":"https:\/\/doosys.ma\/en\/wp-json\/wp\/v2\/media?parent=3843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}