{"id":161,"date":"2016-10-25T15:19:54","date_gmt":"2016-10-25T15:19:54","guid":{"rendered":"http:\/\/lawyer2.mythemecloud.io\/?page_id=161"},"modified":"2025-12-03T01:47:16","modified_gmt":"2025-12-03T00:47:16","slug":"backup-2-2-2-2-2","status":"publish","type":"page","link":"https:\/\/sadek-it.fr\/","title":{"rendered":"Cr\u00e9ation de Sites Web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"161\" class=\"elementor elementor-161\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d53a010 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"d53a010\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-77af309 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"77af309\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0da78b2 elementor-widget elementor-widget-html\" data-id=\"0da78b2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Charger Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<script>\r\n\/\/ Attendre que la page charge\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  \/\/ Cr\u00e9er une balise <style> inject\u00e9e\r\n  const style = document.createElement(\"style\");\r\n  style.innerHTML = `\r\n    * {\r\n      font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;\r\n    }\r\n  `;\r\n  document.head.appendChild(style);\r\n});\r\n<\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3b91e5 elementor-widget elementor-widget-html\" data-id=\"e3b91e5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const params = new URLSearchParams(window.location.search);\r\n  if (params.get(\"status\") === \"success\") {\r\n    \r\n    \/\/ Cr\u00e9er le conteneur du popup\r\n    const popup = document.createElement(\"div\");\r\n    popup.innerHTML = `\r\n      <div style=\"\r\n        background: rgba(9,17,32,0.95);\r\n        color: #fff;\r\n        padding: 28px 36px;\r\n        border-radius: 14px;\r\n        font-family: 'Inter', sans-serif;\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        box-shadow: 0 12px 32px rgba(0,0,0,0.55);\r\n        text-align: center;\r\n        max-width: 420px;\r\n      \">\r\n        \u2705 Votre demande a bien \u00e9t\u00e9 envoy\u00e9e.<br>\r\n        Nous vous contacterons d'ici peu.\r\n      <\/div>\r\n    `;\r\n\r\n    \/\/ Styles de positionnement (centre de la page)\r\n    Object.assign(popup.style, {\r\n      position: \"fixed\",\r\n      top: \"50%\",\r\n      left: \"50%\",\r\n      transform: \"translate(-50%, -50%)\",\r\n      zIndex: \"9999\",\r\n      opacity: \"0\",\r\n      transition: \"opacity 0.5s ease\"\r\n    });\r\n\r\n    document.body.appendChild(popup);\r\n\r\n    \/\/ Animation d'apparition\r\n    setTimeout(() => { popup.style.opacity = \"1\"; }, 100);\r\n\r\n    \/\/ Disparition apr\u00e8s 5s\r\n    setTimeout(() => {\r\n      popup.style.opacity = \"0\";\r\n      setTimeout(() => popup.remove(), 500);\r\n    }, 5000);\r\n  }\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82621ed elementor-widget elementor-widget-heading\" data-id=\"82621ed\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cr\u00e9ation de sites et h\u00e9bergement  pour artisans, commer\u00e7ants et petites entreprises<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cf234c elementor-widget elementor-widget-html\" data-id=\"5cf234c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 style=\"\r\n  font-family: Inter, sans-serif;\r\n  font-size: 3rem;\r\n  font-weight: 800;\r\n  text-align: left;\r\n  \r\n  background: linear-gradient(to right, #14d0ff, #2149b6);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  color: transparent;\r\n\">\r\n  Pour propulser votre activit\u00e9\r\n<\/h1>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b00fa elementor-widget elementor-widget-heading\" data-id=\"a4b00fa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tu es artisan, commer\u00e7ant, VTC, restaurateur ou cabinet, et ton site ne ram\u00e8ne aucun client (ou tu n\u2019en as pas) ? Sadek-IT te cr\u00e9e une vitrine claire, rapide et professionnelle, pr\u00eate en 7 jours, pour recevoir des appels et des demandes de devis.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a58245 elementor-widget elementor-widget-html\" data-id=\"3a58245\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Import de la police Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"sadekit-buttons\">\r\n  <a href=\"https:\/\/sadek-it.fr\/?page_id=1849\" class=\"btn-gradient\">Nos services<\/a>\r\n  <a href=\"https:\/\/sadek-it.fr\/?page_id=1719\" class=\"btn-outline\">Nous contacter<\/a>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Container des boutons *\/\r\n  .sadekit-buttons {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 25px; \/* Espacement entre les deux boutons *\/\r\n    flex-wrap: wrap; \/* Permet de revenir \u00e0 la ligne si trop serr\u00e9 *\/\r\n  }\r\n\r\n  \/* Style global des boutons *\/\r\n  .sadekit-buttons a {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: clamp(1.5rem, 2.5vw, 1rem);\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    border-radius: 10px;\r\n    padding: 15px 60px;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Focus accessible *\/\r\n  .sadekit-buttons a:focus-visible {\r\n    outline: 3px solid rgba(0, 210, 255, 0.6);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  \/* Premier bouton avec d\u00e9grad\u00e9 *\/\r\n  .btn-gradient {\r\n    background: linear-gradient(90deg, #00d2ff, #3a7bd5);\r\n    color: white;\r\n    border: none;\r\n  }\r\n\r\n  .btn-gradient:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 0 15px rgba(0, 210, 255, 0.6);\r\n  }\r\n\r\n  \/* Deuxi\u00e8me bouton avec contour *\/\r\n  .btn-outline {\r\n    background: transparent;\r\n    color: #00d2ff;\r\n    border: 1px solid #00d2ff;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* Survol du deuxi\u00e8me bouton = m\u00eame look que le premier *\/\r\n  .btn-outline:hover {\r\n    background: linear-gradient(90deg, #00d2ff, #3a7bd5);\r\n    color: white;\r\n    border: none;\r\n    box-shadow: 0 0 15px rgba(0, 210, 255, 0.6);\r\n  }\r\n\r\n  \/* ===== Responsive ===== *\/\r\n  @media (max-width: 768px) {\r\n    .sadekit-buttons {\r\n      gap: 14px; \/* un peu moins d\u2019espace sur mobile *\/\r\n      padding: 0 16px;\r\n    }\r\n\r\n    .sadekit-buttons a {\r\n      padding: 12px 28px;\r\n      font-size: clamp(1rem, 4.5vw, 1.125rem);\r\n      width: auto; \/* pour rester sur la m\u00eame ligne *\/\r\n    }\r\n  }\r\n\r\n  \/* Tr\u00e8s petits \u00e9crans *\/\r\n  @media (max-width: 360px) {\r\n    .sadekit-buttons {\r\n      padding: 0 12px;\r\n      gap: 12px;\r\n    }\r\n    .sadekit-buttons a {\r\n      padding: 10px 22px;\r\n      font-size: clamp(0.95rem, 4.8vw, 1.05rem);\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-954a525 elementor-widget elementor-widget-html\" data-id=\"954a525\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Import Tailwind CSS -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<!-- Import Google Fonts : Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"flex flex-wrap justify-center items-center gap-20 py-10 text-center font-['Inter'] bg-transparent\">\r\n  <!-- Bloc 1 -->\r\n  <div class=\"flex flex-col items-center min-w-[120px] cursor-default\">\r\n    <h2 class=\"text-[clamp(1.8rem,3.5vw,2.5rem)] font-bold text-[#00d2ff] transition-transform duration-300 hover:scale-110 hover:drop-shadow-[0_0_12px_rgba(0,210,255,0.8)] drop-shadow-[0_0_6px_rgba(0,210,255,0.4)]\">\r\n      250+\r\n    <\/h2>\r\n    <p class=\"mt-2 text-[clamp(1rem,2.5vw,1.2rem)] text-[#cccccc]\">Projets lanc\u00e9s<\/p>\r\n  <\/div>\r\n\r\n  <!-- Bloc 2 -->\r\n  <div class=\"flex flex-col items-center min-w-[120px] cursor-default\">\r\n    <h2 class=\"text-[clamp(1.8rem,3.5vw,2.5rem)] font-bold text-[#00d2ff] transition-transform duration-300 hover:scale-110 hover:drop-shadow-[0_0_12px_rgba(0,210,255,0.8)] drop-shadow-[0_0_6px_rgba(0,210,255,0.4)]\">\r\n      5 ans\r\n    <\/h2>\r\n    <p class=\"mt-2 text-[clamp(1rem,2.5vw,1.2rem)] text-[#cccccc]\">D'expertise<\/p>\r\n  <\/div>\r\n\r\n  <!-- Bloc 3 -->\r\n  <div class=\"flex flex-col items-center min-w-[120px] cursor-default\">\r\n    <h2 class=\"text-[clamp(1.8rem,3.5vw,2.5rem)] font-bold text-[#00d2ff] transition-transform duration-300 hover:scale-110 hover:drop-shadow-[0_0_12px_rgba(0,210,255,0.8)] drop-shadow-[0_0_6px_rgba(0,210,255,0.4)]\">\r\n      24\/7\r\n    <\/h2>\r\n    <p class=\"mt-2 text-[clamp(1rem,2.5vw,1.2rem)] text-[#cccccc]\">Support d\u00e9di\u00e9<\/p>\r\n  <\/div>\r\n<\/div>\r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3889e31 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3889e31\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b425dce elementor-widget__width-auto elementor-widget elementor-widget-html\" data-id=\"b425dce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Conteneur vide pour l'animation -->\r\n<div id=\"lottie-container\" class=\"flex justify-center items-center w-full py-8\"><\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  \/\/ Charger le script Lottie dynamiquement\r\n  const script = document.createElement(\"script\");\r\n  script.type = \"module\";\r\n  script.src = \"https:\/\/unpkg.com\/@lottiefiles\/dotlottie-wc@0.6.2\/dist\/dotlottie-wc.js\";\r\n  document.head.appendChild(script);\r\n\r\n  \/\/ Une fois le script charg\u00e9, injecter l'animation dans le container\r\n  script.onload = function () {\r\n    const container = document.getElementById(\"lottie-container\");\r\n\r\n    container.innerHTML = `\r\n      <dotlottie-wc \r\n        src=\"https:\/\/lottie.host\/be5fd13a-d3d9-478d-a5a3-fb48f7e0a75b\/9B0CWqVW0E.lottie\"\r\n        class=\"w-full max-w-[900px] h-[300px] sm:h-[400px] md:h-[500px]\"\r\n        speed=\"1\"\r\n        autoplay\r\n        loop>\r\n      <\/dotlottie-wc>\r\n    `;\r\n  };\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c9886b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7c9886b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b63b180 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b63b180\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"pourquoi-nous\" class=\"relative py-24 md:py-32 font-['Inter'] bg-[#091120] overflow-hidden\">\r\n    <div class=\"absolute inset-0 bg-gradient-to-b from-[#091120] via-[#0f1f33] to-[#091120]\"><\/div>\r\n    <div class=\"absolute inset-0 opacity-[0.08] bg-[url('https:\/\/www.toptal.com\/designers\/subtlepatterns\/uploads\/double-bubble-dark.png')]\"><\/div>\r\n    \r\n    <div class=\"absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-[#1fd3ff]\/20 to-transparent\"><\/div>\r\n\r\n    <div class=\"relative w-full max-w-7xl mx-auto px-6 lg:px-8\">\r\n        <div class=\"text-center mb-16 md:mb-20\">\r\n            <p class=\"inline-block text-xs uppercase tracking-widest text-[#1fd3ff] font-semibold mb-3 border border-[#1fd3ff]\/30 px-3 py-1 rounded-full bg-white\/5 backdrop-blur-sm\">\r\n                Notre Engagement\r\n            <\/p>\r\n            \r\n            <h2 class=\"text-4xl sm:text-5xl md:text-6xl font-extrabold text-white leading-tight\">\r\n                L'avantage <span class=\"bg-gradient-to-r from-[#1fd3ff] to-[#2f6dff] bg-clip-text text-transparent\">Sadek-IT<\/span>\r\n            <\/h2>\r\n            \r\n            <p class=\"text-lg text-[#a9c1e1] max-w-4xl mx-auto mt-6\">\r\n                Nous sommes le partenaire strat\u00e9gique qui transforme vos ambitions num\u00e9riques en succ\u00e8s mesurables, en s'appuyant sur l'innovation et une ex\u00e9cution <strong>irr\u00e9prochable<\/strong>.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12 w-full\">\r\n            \r\n            <div class=\"feature-card group bg-[rgba(255,255,255,0.05)] border border-[#1fd3ff]\/10 p-8 rounded-2xl shadow-xl transition duration-300 ease-in-out hover:border-[#1fd3ff] hover:shadow-[0_0_40px_rgba(31,211,255,0.2)]\">\r\n                <div class=\"w-12 h-12 flex items-center justify-center rounded-lg bg-[#1fd3ff]\/10 mb-6 transition group-hover:bg-[#1fd3ff]\/20\">\r\n                    <svg class=\"w-6 h-6 text-[#1fd3ff]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"><\/polyline><polyline points=\"8 6 2 12 8 18\"><\/polyline><\/svg>\r\n                <\/div>\r\n                \r\n                <h3 class=\"text-2xl font-bold text-white mb-4\">Ing\u00e9nierie de Pointe & Code Propre<\/h3>\r\n                <p class=\"text-[#a9c1e1] leading-relaxed\">\r\n                    Des architectures num\u00e9riques <strong>robustes et \u00e9volutives<\/strong>. Nous appliquons des standards de codage stricts et une gestion de projet agile, garantissant qualit\u00e9, s\u00e9curit\u00e9 et respect des livrables.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card group bg-[rgba(255,255,255,0.05)] border border-[#1fd3ff]\/10 p-8 rounded-2xl shadow-xl transition duration-300 ease-in-out hover:border-[#1fd3ff] hover:shadow-[0_0_40px_rgba(31,211,255,0.2)]\">\r\n                <div class=\"w-12 h-12 flex items-center justify-center rounded-lg bg-[#1fd3ff]\/10 mb-6 transition group-hover:bg-[#1fd3ff]\/20\">\r\n                    <svg class=\"w-6 h-6 text-[#1fd3ff]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.5-3 0-3-3l12.5-12.5c1.5-1.5 3 0 3 3l-12.5 12.5z\"><\/path><line x1=\"12\" y1=\"12\" x2=\"19\" y2=\"19\"><\/line><\/svg>\r\n                <\/div>\r\n                \r\n                <h3 class=\"text-2xl font-bold text-white mb-4\">Performance Strat\u00e9gique & SEO<\/h3>\r\n                <p class=\"text-[#a9c1e1] leading-relaxed\">\r\n                    Nous construisons des plateformes rapides, responsives et nativement <strong>optimis\u00e9es pour le r\u00e9f\u00e9rencement<\/strong>. Votre visibilit\u00e9 sera maximale et centr\u00e9e sur l'engagement et la conversion utilisateur.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card group bg-[rgba(255,255,255,0.05)] border border-[#1fd3ff]\/10 p-8 rounded-2xl shadow-xl transition duration-300 ease-in-out hover:border-[#1fd3ff] hover:shadow-[0_0_40px_rgba(31,211,255,0.2)]\">\r\n                <div class=\"w-12 h-12 flex items-center justify-center rounded-lg bg-[#1fd3ff]\/10 mb-6 transition group-hover:bg-[#1fd3ff]\/20\">\r\n                    <svg class=\"w-6 h-6 text-[#1fd3ff]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle><line x1=\"18\" y1=\"8\" x2=\"22\" y2=\"12\"><\/line><line x1=\"22\" y1=\"8\" x2=\"18\" y2=\"12\"><\/line><\/svg>\r\n                <\/div>\r\n                \r\n                <h3 class=\"text-2xl font-bold text-white mb-4\">Partenariat et Support Premium<\/h3>\r\n                <p class=\"text-[#a9c1e1] leading-relaxed\">\r\n                    Un accompagnement continu avec un chef de projet d\u00e9di\u00e9. Nous assurons un suivi proactif, des mises \u00e0 jour r\u00e9guli\u00e8res et un <strong>support r\u00e9actif<\/strong> pour p\u00e9renniser votre investissement sur le long terme.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d2ad6c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"6d2ad6c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce3b320 elementor-widget elementor-widget-html\" data-id=\"ce3b320\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Inter (s\u00e9curis\u00e9) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- HERO \u2014 Sadek-IT (fond premium) -->\r\n<section class=\"relative si-hero-v3 overflow-hidden\">\r\n  <!-- Fond gradient + motif -->\r\n  <div class=\"absolute inset-0 bg-gradient-to-b from-[#091120] via-[#0f1f33] to-[#091120]\"><\/div>\r\n  <div class=\"absolute inset-0 opacity-[0.08] bg-[url('https:\/\/www.toptal.com\/designers\/subtlepatterns\/uploads\/double-bubble-dark.png')]\"><\/div>\r\n  <div class=\"absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-[#1fd3ff]\/20 to-transparent\"><\/div>\r\n\r\n  <div class=\"relative si-hero__container\">\r\n    <div class=\"si-hero__grid\">\r\n      \r\n      <!-- Colonne texte -->\r\n      <div class=\"si-hero__panel si-hero__content bg-transparent shadow-none border-none\">\r\n        <div class=\"si-chip\">Plans Tarifaires \u2022 Solutions adapt\u00e9es<\/div>\r\n\r\n        <h1 class=\"si-title\">\r\n          Notre <span class=\"grad\">offre<\/span> de <span class=\"grad\">bienvenue<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"si-lead\">\r\n          Un site vitrine professionnel <strong>100% personnalis\u00e9<\/strong>, livr\u00e9 en <strong>7 jours<\/strong>.\r\n          Id\u00e9al pour les <strong>entrepreneurs<\/strong>, ind\u00e9pendants et commer\u00e7ants.\r\n        <\/p>\r\n        <p class=\"si-sub\">\r\n          Offrez \u00e0 votre entreprise une vitrine <strong>\u00e9l\u00e9gante<\/strong>, <strong>claire<\/strong> et <strong>efficace<\/strong>\r\n          pour marquer les esprits et gagner en cr\u00e9dibilit\u00e9.\r\n        <\/p>\r\n\r\n        <ul class=\"si-list\">\r\n          <li>Design responsive et moderne<\/li>\r\n          <li>Jusqu\u2019\u00e0 5 pages (Accueil, \u00c0 propos, Services, Contact, Mentions l\u00e9gales)<\/li>\r\n          <li>R\u00e9f\u00e9rencement de base (SEO)<\/li>\r\n          <li>Formulaire de contact professionnel<\/li>\r\n          <li>Livraison rapide sous 7 jours<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"si-cta\">\r\n          <a href=\"https:\/\/sadek-it.fr\/?page_id=1778\/#hebergement\" class=\"btn-grad\">Demander un devis<\/a>\r\n          <a href=\"https:\/\/wa.me\/33680815558?text=Bonjour%20Sadek-IT%2C%20je%20souhaite%20des%20infos%20sur%20l%27offre%20site%20vitrine.\" class=\"btn-ghost\" target=\"_blank\" rel=\"noopener\">Contact WhatsApp<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Colonne mockup -->\r\n      <figure class=\"si-hero__panel si-visual bg-transparent shadow-none border-none\" role=\"img\" aria-label=\"Exemple de r\u00e9alisation Sadek-IT\">\r\n        <img src=\"https:\/\/sadek-it.fr\/wp-content\/uploads\/2025\/09\/Glass-Store.jpg\"\r\n             alt=\"Mockup Glass Store \u2014 Sadek-IT\" loading=\"lazy\" decoding=\"async\">\r\n      <\/figure>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.si-hero-v3 {\r\n  --c1:#1fd3ff;     \/* cyan gradient *\/\r\n  --c2:#2f6dff;     \/* blue gradient *\/\r\n  --text:#dbe7ff;   \/* light text *\/\r\n  --muted:#9bb3d1;  \/* sub text *\/\r\n  --line:rgba(140,170,220,.16);\r\n  padding:clamp(64px,8vw,120px) 16px;\r\n  color:var(--text);\r\n  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans' !important;\r\n}\r\n.si-hero-v3 * {\r\n  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans' !important;\r\n}\r\n\r\n\/* Conteneur et grille *\/\r\n.si-hero__container{ max-width:1220px; margin:0 auto; position:relative; z-index:10; }\r\n.si-hero__grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(28px,4vw,56px); align-items:center; }\r\n.si-hero__panel{ border-radius:16px; }\r\n\r\n\/* Colonne texte *\/\r\n.si-hero__content{ text-align:center; max-width:860px; margin:0 auto; }\r\n.si-chip{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  padding:10px 16px; border-radius:999px;\r\n  border:1.5px solid var(--line);\r\n  font-weight:600; font-size:0.95rem; letter-spacing:.02em;\r\n  margin-bottom:12px; background:rgba(255,255,255,0.05); backdrop-filter:blur(6px);\r\n}\r\n.si-title{ font-weight:800; font-size:clamp(34px,5vw,60px); color:#fff; margin-bottom:14px; }\r\n.si-title .grad{ background:linear-gradient(90deg, var(--c1), var(--c2)); -webkit-background-clip:text; color:transparent; }\r\n.si-lead{ margin-bottom:8px; }\r\n.si-sub{ margin-bottom:20px; color:var(--muted); }\r\n.si-list{ list-style:none; padding:0; margin:0 auto 26px; display:grid; gap:10px; text-align:left; }\r\n.si-list li{ position:relative; padding-left:28px; }\r\n.si-list li::before{\r\n  content:\"\"; position:absolute; left:0; top:.55em;\r\n  border-left:10px solid var(--c1); border-top:6px solid transparent; border-bottom:6px solid transparent;\r\n}\r\n.si-cta{ display:flex; justify-content:center; align-items:center; gap:14px; flex-wrap:wrap; margin-top:12px; }\r\n.btn-grad, .btn-ghost{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  font-weight:700; text-align:center; font-size:16px;\r\n  padding:14px 26px; border-radius:14px; min-width:240px;\r\n}\r\n.btn-grad{ background:linear-gradient(90deg, var(--c1), var(--c2)); color:#041422; box-shadow:0 10px 24px rgba(31,211,255,.25); transition:.2s ease; }\r\n.btn-grad:hover{ transform:translateY(-1px); filter:saturate(1.05); }\r\n.btn-ghost{ border:1px solid var(--line); color:var(--text); background:transparent; }\r\n\r\n\/* Colonne mockup *\/\r\n.si-visual img{ width:100%; height:auto; border-radius:12px; border:1px solid var(--line); box-shadow:0 8px 24px rgba(0,0,0,.35); }\r\n\r\n\/* Responsive *\/\r\n@media(max-width:980px){ .si-hero__grid{ grid-template-columns:1fr; } .si-visual{ order:-1; } }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba17533 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"ba17533\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afcb787 elementor-widget elementor-widget-html\" data-id=\"afcb787\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Police Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Boxicons -->\r\n<link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n\r\n<section class=\"relative icons-band overflow-hidden\">\r\n  <!-- Fond gradient + motif -->\r\n  <div class=\"absolute inset-0 bg-gradient-to-b from-[#091120] via-[#0f1f33] to-[#091120]\"><\/div>\r\n  <div class=\"absolute inset-0 opacity-[0.08] bg-[url('https:\/\/www.toptal.com\/designers\/subtlepatterns\/uploads\/double-bubble-dark.png')]\"><\/div>\r\n  <div class=\"absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-[#1fd3ff]\/20 to-transparent\"><\/div>\r\n\r\n  <div class=\"relative icons-grid\">\r\n    <!-- 1. Conseil personnalis\u00e9 -->\r\n    <article class=\"feature\">\r\n      <div class=\"icon\"><i class=\"bx bxs-user-detail\" aria-hidden=\"true\"><\/i><\/div>\r\n      <h3>Conseil personnalis\u00e9<\/h3>\r\n      <p>Nous \u00e9tudions chaque projet avec attention pour vous proposer les meilleures solutions.<\/p>\r\n    <\/article>\r\n\r\n    <!-- 2. Simplicit\u00e9 technique -->\r\n    <article class=\"feature\">\r\n      <div class=\"icon\"><i class=\"bx bxs-cog\" aria-hidden=\"true\"><\/i><\/div>\r\n      <h3>Simplicit\u00e9 technique<\/h3>\r\n      <p>Des outils performants sans complexit\u00e9 inutile, pens\u00e9s pour vous et vos utilisateurs.<\/p>\r\n    <\/article>\r\n\r\n    <!-- 3. R\u00e9sultat concret -->\r\n    <article class=\"feature\">\r\n      <div class=\"icon\"><i class=\"bx bxs-bar-chart-alt-2\" aria-hidden=\"true\"><\/i><\/div>\r\n      <h3>R\u00e9sultat concret<\/h3>\r\n      <p>Cr\u00e9ation, refonte ou optimisation : on livre, on suit, on am\u00e9liore.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* SECTION : fond premium + police Inter partout *\/\r\n.icons-band, \r\n.icons-band * {\r\n  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;\r\n}\r\n\r\n.icons-band {\r\n  position: relative;\r\n  padding: 96px 20px;\r\n  color: #cfd6e6;\r\n}\r\n\r\n\/* Grille responsive *\/\r\n.icons-grid {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 44px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n@media (min-width:900px) {\r\n  .icons-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 56px;\r\n  }\r\n}\r\n\r\n\/* Bloc *\/\r\n.feature {\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(31,211,255,.12);\r\n  border-radius: 18px;\r\n  padding: 32px 28px;\r\n  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n}\r\n.feature:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 0 32px rgba(31,211,255,.25);\r\n  border-color: rgba(31,211,255,.45);\r\n}\r\n\r\n\/* Ic\u00f4nes *\/\r\n.icon {\r\n  margin: 0 auto 18px auto;\r\n  font-size: 64px;\r\n  line-height: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  color: #1fd3ff;\r\n  filter: drop-shadow(0 0 12px rgba(31,211,255,.6))\r\n          drop-shadow(0 0 22px rgba(31,211,255,.35));\r\n}\r\n.icon i {\r\n  font-size: inherit;\r\n  color: inherit;\r\n}\r\n\r\n\/* Titres & textes *\/\r\n.feature h3 {\r\n  margin: 0 0 12px 0;\r\n  font-weight: 800;\r\n  font-size: 22px;\r\n  letter-spacing: .2px;\r\n  color: #ffffff;\r\n}\r\n.feature p {\r\n  margin: 0;\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n  opacity: .95;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb16669 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"eb16669\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d385e2 elementor-widget elementor-widget-html\" data-id=\"0d385e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Police Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"relative pricing-wrap overflow-hidden\">\r\n  <!-- Fond premium (gradient + motif + ligne cyan) -->\r\n  <div class=\"absolute inset-0 bg-gradient-to-b from-[#091120] via-[#0f1f33] to-[#091120]\"><\/div>\r\n  <div class=\"absolute inset-0 opacity-[0.08] bg-[url('https:\/\/www.toptal.com\/designers\/subtlepatterns\/uploads\/double-bubble-dark.png')]\"><\/div>\r\n  <div class=\"absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-[#1fd3ff]\/20 to-transparent\"><\/div>\r\n\r\n  <div class=\"relative\">\r\n    <div class=\"pricing-header\">\r\n      <h2 class=\"title-gradient\">Nos Services<\/h2>\r\n      <p class=\"subtitle top-subtitle\">\r\n        Choisissez le plan qui correspond parfaitement \u00e0 vos ambitions et d\u00e9couvrez la puissance de nos solutions technologiques.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pricing-grid\">\r\n      <!-- Gauche \u2013 Site Vitrine One Page -->\r\n      <article class=\"card\">\r\n        <header class=\"card-head\">\r\n          <h3>Site Vitrine One Page<\/h3>\r\n          <p class=\"for-who\">Id\u00e9al pour lancer rapidement une pr\u00e9sence en ligne.<\/p>\r\n          <div class=\"price\">300<span class=\"currency\">\u20ac<\/span><\/div>\r\n        <\/header>\r\n\r\n        <div class=\"card-body\">\r\n          <h4>Fonctionnalit\u00e9s :<\/h4>\r\n          <ul class=\"features\">\r\n            <li>Design responsive<\/li>\r\n            <li>Texte + images + formulaire de contact<\/li>\r\n            <li>Optimis\u00e9 SEO<\/li>\r\n            <li>H\u00e9bergement 1 mois offert<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <footer class=\"card-foot\">\r\n          <a href=\"https:\/\/sadek-it.fr\/?page_id=1778\/#siteWeb\" class=\"btn-outline\">En savoir +<\/a>\r\n        <\/footer>\r\n      <\/article>\r\n\r\n      <!-- Milieu \u2013 E-commerce Essentiel -->\r\n      <article class=\"card card--featured\">\r\n        <div class=\"badge\">Notre recommandation<\/div>\r\n        <header class=\"card-head\">\r\n          <h3>E-commerce Essentiel<\/h3>\r\n          <p class=\"for-who\">Parfait pour d\u00e9marrer une boutique de 5 \u00e0 10 produits.<\/p>\r\n          <div class=\"price\">600<span class=\"currency\">\u20ac<\/span><\/div>\r\n        <\/header>\r\n\r\n        <div class=\"card-body\">\r\n          <h4>Fonctionnalit\u00e9s :<\/h4>\r\n          <ul class=\"features\">\r\n            <li>Boutique 5 \u00e0 10 produits<\/li>\r\n            <li>Paiement en ligne (CB, PayPal)<\/li>\r\n            <li>Formulaire de contact<\/li>\r\n            <li>Page d\u2019accueil + fiche produit + panier<\/li>\r\n            <li>Design responsive<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <footer class=\"card-foot\">\r\n          <a href=\"https:\/\/sadek-it.fr\/?page_id=1778\/#siteWeb\" class=\"btn-gradient btn-featured\">En savoir +<\/a>\r\n        <\/footer>\r\n      <\/article>\r\n\r\n      <!-- Droite \u2013 E-commerce Avanc\u00e9 -->\r\n      <article class=\"card\">\r\n        <header class=\"card-head\">\r\n          <h3>E-commerce Avanc\u00e9<\/h3>\r\n          <p class=\"for-who\">Pens\u00e9 pour grandir : catalogue \u00e9tendu et options avanc\u00e9es.<\/p>\r\n          <div class=\"price\">900<span class=\"currency\">\u20ac<\/span><\/div>\r\n        <\/header>\r\n\r\n        <div class=\"card-body\">\r\n          <h4>Fonctionnalit\u00e9s :<\/h4>\r\n          <ul class=\"features\">\r\n            <li>Catalogue jusqu\u2019\u00e0 50 produits<\/li>\r\n            <li>Paiement + livraison personnalis\u00e9e<\/li>\r\n            <li>Syst\u00e8me de filtres, cat\u00e9gories<\/li>\r\n            <li>Suivi des commandes, compte client<\/li>\r\n            <li>SEO + formation express WooCommerce<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <footer class=\"card-foot\">\r\n          <a href=\"https:\/\/sadek-it.fr\/?page_id=1778\/#siteWeb\" class=\"btn-outline\">En savoir +<\/a>\r\n        <\/footer>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- Phrase sous la grille -->\r\n    <p class=\"subtitle below-grid\">\r\n      Besoin d'une solution sur mesure ? Contactez-nous pour un devis personnalis\u00e9.\r\n    <\/p>\r\n\r\n    <!-- CTA final -->\r\n    <div class=\"cta-wrap\">\r\n      <a href=\"https:\/\/sadek-it.fr\/?page_id=1719\" class=\"btn-cta\">Demander un devis personnalis\u00e9<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root {\r\n  --panel: #0f1526;\r\n  --panel-2: #0d1422;\r\n  --stroke: #1a2748;\r\n  --text: #cfd6e6;\r\n  --white: #ffffff;\r\n  --blue: #1fd3ff;\r\n  --blue-2: #2f6dff;\r\n  --radius: 18px;\r\n  --shadow: 0 10px 30px rgba(0,0,0,.35);\r\n  --glow: 0 0 24px rgba(0,210,255,.35);\r\n}\r\n\r\n.pricing-wrap, .pricing-wrap * {\r\n  font-family:'Inter',sans-serif !important;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.pricing-wrap {\r\n  padding: 80px 20px 60px;\r\n  color: var(--text);\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n\/* Header *\/\r\n.pricing-header {\r\n  text-align:center;\r\n  margin-bottom:60px;\r\n}\r\n.title-gradient {\r\n  font-weight:800;\r\n  font-size:clamp(28px,5vw,46px);\r\n  margin:0 0 12px 0;\r\n  background:linear-gradient(90deg,#ffffff 0%,#ffffff 25%,var(--blue) 55%,var(--blue-2) 100%);\r\n  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\r\n  text-shadow:0 2px 10px rgba(0,210,255,.25);\r\n}\r\n.subtitle {\r\n  margin:0;\r\n  opacity:.9;\r\n  font-size:15px;\r\n  text-align:center;\r\n}\r\n\r\n\/* Grille *\/\r\n.pricing-grid {\r\n  display:grid;\r\n  gap:28px;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n}\r\n@media (max-width:990px){ .pricing-grid{ grid-template-columns:1fr; } }\r\n\r\n\/* Cartes *\/\r\n.card {\r\n  position:relative;\r\n  background:linear-gradient(180deg,var(--panel),var(--panel-2));\r\n  border:1px solid var(--stroke);\r\n  border-radius:var(--radius);\r\n  padding:22px 22px 24px;\r\n  box-shadow:var(--shadow);\r\n  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\r\n}\r\n.card:hover {\r\n  transform:translateY(-6px) scale(1.02);\r\n  box-shadow:var(--shadow), var(--glow);\r\n  border-color:rgba(0,210,255,.45);\r\n}\r\n.card--featured {\r\n  border-color:rgba(0,210,255,.55);\r\n  box-shadow:var(--shadow), 0 0 0 1px rgba(0,210,255,.2) inset;\r\n}\r\n.card--featured:hover { box-shadow:var(--shadow), var(--glow); }\r\n\r\n.badge {\r\n  position:absolute; top:-12px; left:50%; transform:translateX(-50%);\r\n  background:linear-gradient(90deg,var(--blue),var(--blue-2));\r\n  color:#fff; padding:6px 14px; border-radius:999px;\r\n  font-size:12px; font-weight:600; box-shadow:0 6px 18px rgba(0,210,255,.35);\r\n}\r\n\r\n\/* Textes cartes *\/\r\n.card-head h3 {\r\n  margin:0 0 4px 0; font-size:20px; font-weight:700; color:#e9eefb; text-align:left;\r\n}\r\n.for-who { font-size:13px; color:#aeb8d4; opacity:.95; margin:0 0 12px 0; }\r\n\r\n.price {\r\n  display:flex; align-items:baseline; gap:4px; margin-top:6px;\r\n  color:#fff; text-shadow:0 0 10px rgba(0,210,255,.25);\r\n  font-size:36px; font-weight:800;\r\n}\r\n.price .currency { color:var(--blue); font-weight:700; font-size:22px; order:2; }\r\n\r\n.card-body h4 { margin:18px 0 10px 0; font-size:14px; color:#e1e7f9; opacity:.9; }\r\n.features { list-style:none; padding:0; margin:0; display:grid; gap:12px; }\r\n.features li {\r\n  position:relative; padding-left:26px; font-size:14px; color:#c9d2ea;\r\n}\r\n.features li::before {\r\n  content:\"\"; position:absolute; left:0; top:5px;\r\n  width:12px; height:12px; border-radius:50%;\r\n  background: radial-gradient(circle at 40% 40%, #aef2ff, var(--blue));\r\n  box-shadow:0 0 10px rgba(0,210,255,.5);\r\n}\r\n\r\n\/* Pied de carte *\/\r\n.card-foot { margin-top:22px; display:flex; justify-content:center; }\r\n\r\n.btn-gradient, .btn-outline {\r\n  display:inline-block; text-decoration:none; white-space:nowrap;\r\n  font-weight:600; font-size:14px; padding:10px 26px; border-radius:12px;\r\n  transition:all .25s ease;\r\n}\r\n.btn-outline {\r\n  color:var(--blue); border:1px solid var(--blue); background:transparent;\r\n}\r\n.btn-outline:hover {\r\n  color:#fff; background:linear-gradient(90deg,var(--blue),var(--blue-2));\r\n  border-color:transparent; box-shadow:0 10px 24px rgba(0,210,255,.35);\r\n  transform:translateY(-2px);\r\n}\r\n.btn-gradient {\r\n  color:#fff; background:linear-gradient(90deg,var(--blue),var(--blue-2));\r\n}\r\n.btn-gradient.btn-featured:hover {\r\n  background:transparent; color:var(--blue); border:1px solid var(--blue);\r\n  box-shadow:none; transform:translateY(-2px);\r\n}\r\n\r\n\/* CTA final *\/\r\n.below-grid { margin-top:50px; }\r\n.cta-wrap { margin-top:25px; display:flex; justify-content:center; }\r\n.btn-cta {\r\n  font-weight:600; font-size:18px; color:#fff;\r\n  padding:12px 26px; border-radius:999px;\r\n  background:linear-gradient(90deg,var(--blue),var(--blue-2));\r\n  text-decoration:none; box-shadow:0 10px 24px rgba(0,210,255,.35);\r\n}\r\n<\/style>\r\n<section id=\"expertises\" class=\"relative py-20 md:py-24 font-['Inter'] bg-[#091120] overflow-hidden\">\r\n    <div class=\"absolute inset-0 bg-gradient-to-b from-[#091120] via-[#0b1827] to-[#091120]\"><\/div>\r\n    <div class=\"absolute inset-0 opacity-[0.05] bg-[radial-gradient(circle_at_top,_rgba(31,211,255,0.18),_transparent_60%)]\"><\/div>\r\n\r\n    <div class=\"relative max-w-6xl mx-auto px-6 lg:px-8\">\r\n        <div class=\"text-center mb-10\">\r\n            <p class=\"inline-block text-xs uppercase tracking-widest text-[#1fd3ff] font-semibold mb-3 border border-[#1fd3ff]\/30 px-3 py-1 rounded-full bg-white\/5\">\r\n                Expertises & technologies\r\n            <\/p>\r\n            <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white leading-tight\">\r\n                Une stack moderne, <span class=\"bg-gradient-to-r from-[#1fd3ff] to-[#2f6dff] bg-clip-text text-transparent\">ma\u00eetris\u00e9e<\/span>\r\n            <\/h2>\r\n            <p class=\"text-sm md:text-base text-[#a9c1e1] max-w-3xl mx-auto mt-4\">\r\n                Sadek-IT s\u2019appuie sur des technologies fiables et \u00e9prouv\u00e9es pour garantir performance, s\u00e9curit\u00e9 et \u00e9volutivit\u00e9 de votre pr\u00e9sence en ligne.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"flex flex-wrap justify-center gap-3 md:gap-4\">\r\n            <!-- Tu peux en ajouter\/enlever facilement -->\r\n            <span class=\"px-4 py-2 rounded-full text-xs md:text-sm font-semibold bg-[rgba(9,17,32,0.95)] border border-[#1fd3ff]\/25 text-[#e3f1ff]\">\r\n                WordPress & WooCommerce\r\n            <\/span>\r\n            <span class=\"px-4 py-2 rounded-full text-xs md:text-sm font-semibold bg-[rgba(9,17,32,0.95)] border border-[#1fd3ff]\/25 text-[#e3f1ff]\">\r\n                Elementor Pro\r\n            <\/span>\r\n            <span class=\"px-4 py-2 rounded-full text-xs md:text-sm font-semibold bg-[rgba(9,17,32,0.95)] border border-[#1fd3ff]\/25 text-[#e3f1ff]\">\r\n                SEO & performance web\r\n            <\/span>\r\n            <span class=\"px-4 py-2 rounded-full text-xs md:text-sm font-semibold bg-[rgba(9,17,32,0.95)] border border-[#1fd3ff]\/25 text-[#e3f1ff]\">\r\n                H\u00e9bergement en France (Proxmox)\r\n            <\/span>\r\n            <span class=\"px-4 py-2 rounded-full text-xs md:text-sm font-semibold bg-[rgba(9,17,32,0.95)] border border-[#1fd3ff]\/25 text-[#e3f1ff]\">\r\n                Nginx \/ Reverse proxy\r\n            <\/span>\r\n            <span class=\"px-4 py-2 rounded-full text-xs md:text-sm font-semibold bg-[rgba(9,17,32,0.95)] border border-[#1fd3ff]\/25 text-[#e3f1ff]\">\r\n                S\u00e9curit\u00e9 & certificats SSL\r\n            <\/span>\r\n            <span class=\"px-4 py-2 rounded-full text-xs md:text-sm font-semibold bg-[rgba(9,17,32,0.95)] border border-[#1fd3ff]\/25 text-[#e3f1ff]\">\r\n                Apps mobiles (Capacitor \/ JS)\r\n            <\/span>\r\n            <span class=\"px-4 py-2 rounded-full text-xs md:text-sm font-semibold bg-[rgba(9,17,32,0.95)] border border-[#1fd3ff]\/25 text-[#e3f1ff]\">\r\n                Automatisation & int\u00e9grations\r\n            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e970163 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"e970163\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b8eb1e elementor-widget elementor-widget-html\" data-id=\"9b8eb1e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 style=\"\r\n  font-family: Inter, sans-serif;\r\n  font-size: 3rem;\r\n  font-weight: 800;\r\n  text-align: center;\r\n  \r\n  background: linear-gradient(to right, #14d0ff, #2149b6);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  color: transparent;\r\n\">\r\n  Nos Derniers Projets\r\n<\/h1>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-565cd3d elementor-widget elementor-widget-image\" data-id=\"565cd3d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/sadek-it.fr\/wp-content\/uploads\/2025\/05\/195-1024x683.png\" class=\"attachment-large size-large wp-image-1615\" alt=\"\" srcset=\"https:\/\/sadek-it.fr\/wp-content\/uploads\/2025\/05\/195-1024x683.png 1024w, https:\/\/sadek-it.fr\/wp-content\/uploads\/2025\/05\/195-300x200.png 300w, https:\/\/sadek-it.fr\/wp-content\/uploads\/2025\/05\/195-768x512.png 768w, https:\/\/sadek-it.fr\/wp-content\/uploads\/2025\/05\/195-1536x1024.png 1536w, https:\/\/sadek-it.fr\/wp-content\/uploads\/2025\/05\/195-2048x1365.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3798747 elementor-widget elementor-widget-heading\" data-id=\"3798747\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">On transforme vos id\u00e9es en solutions concr\u00e8tes. \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07cfa88 elementor-widget elementor-widget-heading\" data-id=\"07cfa88\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">D\u00e9couvrez ce que nous avons r\u00e9cemment r\u00e9alis\u00e9.<\/h2>\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<div class=\"elementor-element elementor-element-858334e e-con-full e-flex wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-parent\" data-id=\"858334e\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7976fd0 elementor-widget elementor-widget-html\" data-id=\"7976fd0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"sadekit-buttons\">\r\n  <a href=\"https:\/\/sadek-it.fr\/?page_id=1443\" class=\"btn-gradient\">Nos R\u00e9alisations<\/a>\r\n<\/div>\r\n\r\n<style>\r\n  .sadekit-buttons {\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    padding:32px 0; \/* espace autour si tu veux l\u2019isoler *\/\r\n  }\r\n\r\n  .btn-gradient {\r\n    font-family:'Inter',sans-serif !important;\r\n    font-weight:700;\r\n    font-size:17px;\r\n    letter-spacing:.3px;\r\n    background:linear-gradient(90deg,#1fd3ff,#2f6dff);\r\n    color:#fff;\r\n    padding:14px 48px;  \/* bouton plus premium *\/\r\n    border:none;\r\n    border-radius:14px;\r\n    cursor:pointer;\r\n    text-decoration:none;\r\n    display:inline-block;\r\n    transition:all .25s ease;\r\n    box-shadow:0 6px 20px rgba(31,211,255,.25);\r\n  }\r\n\r\n  .btn-gradient:hover{\r\n    transform:translateY(-3px) scale(1.02);\r\n    box-shadow:0 0 28px rgba(31,211,255,.55);\r\n    filter:saturate(1.1);\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a677f3d elementor-widget elementor-widget-html\" data-id=\"a677f3d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Police Inter -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"relative avis-section overflow-hidden\" aria-labelledby=\"avis-title\">\r\n  <!-- Fond premium -->\r\n  <div class=\"absolute inset-0 bg-gradient-to-b from-[#091120] via-[#0f1f33] to-[#091120]\"><\/div>\r\n  <div class=\"absolute inset-0 opacity-[0.08] bg-[url('https:\/\/www.toptal.com\/designers\/subtlepatterns\/uploads\/double-bubble-dark.png')]\"><\/div>\r\n  <div class=\"absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-[#1fd3ff]\/20 to-transparent\"><\/div>\r\n\r\n  <div class=\"relative z-10\">\r\n    <h2 id=\"avis-title\">Ce que disent nos clients<\/h2>\r\n    <p class=\"intro-avis\">\r\n      Chez <strong>Sadek-IT<\/strong>, chaque retour est le reflet de notre engagement : qualit\u00e9, r\u00e9activit\u00e9 et innovation.\r\n    <\/p>\r\n\r\n    <div class=\"avis-carousel\" aria-live=\"polite\">\r\n      <div class=\"avis-track\">\r\n        <!-- Rang\u00e9e 1 -->\r\n        <div class=\"avis-row\">\r\n          <div class=\"avis-card\"><p>Sadek-IT a con\u00e7u un site web performant pour notre entreprise, nous en sommes ravis.<\/p><span>\u2014 Eric, Directeur g\u00e9n\u00e9ral<\/span><\/div>\r\n          <div class=\"avis-card\"><p>Un service rapide et professionnel pour l'h\u00e9bergement de nos serveurs.<\/p><span>\u2014 Ayman, CEO d'Abel<\/span><\/div>\r\n          <div class=\"avis-card\"><p>Gr\u00e2ce \u00e0 leur expertise, nous avons optimis\u00e9 nos op\u00e9rations avec des solutions cloud efficaces.<\/p><span>\u2014 Hamid, VTC<\/span><\/div>\r\n          <div class=\"avis-card\"><p>Un service rapide et s\u00e9rieux. Mon site <strong>AlloChauffeurParis.fr<\/strong> est propre et efficace.<\/p><span>\u2014 Abdelhakim<\/span><\/div>\r\n          <div class=\"avis-card\"><p>\u00c9quipe tr\u00e8s \u00e0 l'\u00e9coute, site vitrine r\u00e9alis\u00e9 en un temps record.<\/p><span>\u2014 Imane, Coach bien-\u00eatre<\/span><\/div>\r\n          <div class=\"avis-card\"><p>Accompagnement de A \u00e0 Z pour lancer ma boutique en ligne. Je recommande.<\/p><span>\u2014 Sofiane, ParisMode<\/span><\/div>\r\n          <div class=\"avis-card\"><p>J'avais besoin d'une adresse mail pro rapidement. En 1 heure c'\u00e9tait fait.<\/p><span>\u2014 Khadija, Esth\u00e9ticienne<\/span><\/div>\r\n          <div class=\"avis-card\"><p>Excellent support technique. Toujours disponibles et efficaces.<\/p><span>\u2014 Mehdi, Restaurateur<\/span><\/div>\r\n        <\/div>\r\n\r\n        <!-- Rang\u00e9e 2 (duplicate loop) -->\r\n        <div class=\"avis-row\" aria-hidden=\"true\">\r\n          <div class=\"avis-card\"><p>Sadek-IT a con\u00e7u un site web performant pour notre entreprise, nous en sommes ravis.<\/p><span>\u2014 Eric, Directeur g\u00e9n\u00e9ral<\/span><\/div>\r\n          <div class=\"avis-card\"><p>Un service rapide et professionnel pour l'h\u00e9bergement de nos serveurs.<\/p><span>\u2014 Ayman, CEO d'Abel<\/span><\/div>\r\n          <div class=\"avis-card\"><p>Gr\u00e2ce \u00e0 leur expertise, nous avons optimis\u00e9 nos op\u00e9rations avec des solutions cloud efficaces.<\/p><span>\u2014 Hamid, VTC<\/span><\/div>\r\n          <div class=\"avis-card\"><p>Un service rapide et s\u00e9rieux. Mon site <strong>AlloChauffeurParis.fr<\/strong> est propre et efficace.<\/p><span>\u2014 Abdelhakim<\/span><\/div>\r\n          <div class=\"avis-card\"><p>\u00c9quipe tr\u00e8s \u00e0 l'\u00e9coute, site vitrine r\u00e9alis\u00e9 en un temps record.<\/p><span>\u2014 Imane, Coach bien-\u00eatre<\/span><\/div>\r\n          <div class=\"avis-card\"><p>Accompagnement de A \u00e0 Z pour lancer ma boutique en ligne. Je recommande.<\/p><span>\u2014 Sofiane, ParisMode<\/span><\/div>\r\n          <div class=\"avis-card\"><p>J'avais besoin d'une adresse mail pro rapidement. En 1 heure c'\u00e9tait fait.<\/p><span>\u2014 Khadija, Esth\u00e9ticienne<\/span><\/div>\r\n          <div class=\"avis-card\"><p>Excellent support technique. Toujours disponibles et efficaces.<\/p><span>\u2014 Mehdi, Restaurateur<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Fades visuels -->\r\n      <div class=\"avis-fade avis-fade--left\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"avis-fade avis-fade--right\" aria-hidden=\"true\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root{\r\n  --text:#dbe7ff;\r\n  --muted:#9bb3d1;\r\n  --card-bg:rgba(255,255,255,0.05);\r\n  --line:rgba(31,211,255,0.15);\r\n  --shadow:0 10px 28px rgba(0,0,0,.25);\r\n  --radius:14px;\r\n  --gap:16px;\r\n  --speed:42s;\r\n}\r\n\r\n\/* Section *\/\r\n.avis-section, .avis-section *{\r\n  font-family:'Inter',sans-serif !important;\r\n  box-sizing:border-box;\r\n}\r\n.avis-section{\r\n  padding:64px 16px;\r\n  text-align:center;\r\n  position:relative;\r\n  color:var(--text);\r\n}\r\n.avis-section h2{\r\n  font-weight:800;\r\n  font-size:clamp(28px,3vw,40px);\r\n  margin-bottom:10px;\r\n  color:#fff;\r\n}\r\n.intro-avis{\r\n  font-size:16px;\r\n  color:var(--muted);\r\n  max-width:760px;\r\n  margin:0 auto 28px;\r\n  line-height:1.65;\r\n}\r\n\r\n\/* Carrousel *\/\r\n.avis-carousel{\r\n  position:relative;\r\n  max-width:1100px;\r\n  margin:0 auto;\r\n  overflow:hidden;\r\n  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%);\r\n          mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%);\r\n}\r\n.avis-track{\r\n  display:flex;\r\n  width:max-content;\r\n  gap:var(--gap);\r\n  animation:slideX var(--speed) linear infinite;\r\n}\r\n.avis-row{ display:flex; gap:var(--gap); }\r\n.avis-carousel:hover .avis-track{ animation-play-state:paused; }\r\n\r\n.avis-card{\r\n  flex:0 0 300px;\r\n  background:var(--card-bg);\r\n  border:1px solid var(--line);\r\n  border-radius:var(--radius);\r\n  padding:18px;\r\n  box-shadow:var(--shadow);\r\n  text-align:left;\r\n  backdrop-filter:blur(6px);\r\n}\r\n.avis-card p{ margin:0 0 10px; font-size:15px; line-height:1.6; }\r\n.avis-card span{ display:block; margin-top:6px; font-style:italic; color:var(--muted); font-size:13.5px; }\r\n\r\n\/* Fades *\/\r\n.avis-fade{\r\n  position:absolute; top:0; bottom:0; width:80px; pointer-events:none;\r\n  background:linear-gradient(to right,#091120,transparent);\r\n}\r\n.avis-fade--left{ left:0; }\r\n.avis-fade--right{ right:0; transform:scaleX(-1); }\r\n\r\n\/* Anim *\/\r\n@keyframes slideX{ 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }\r\n\r\n\/* Responsive *\/\r\n@media (max-width:900px){ :root{--speed:55s;} .avis-card{flex-basis:260px;} }\r\n@media (max-width:640px){ :root{--speed:65s;--gap:14px;} .avis-card{flex-basis:240px;} .intro-avis{font-size:14.5px;} }\r\n@media (prefers-reduced-motion:reduce){ .avis-track{animation:none;} }\r\n<\/style>\r\n\r\n\r\n\r\n<section id=\"contact-cta\" class=\"relative py-20 font-['Inter'] bg-[#050915] overflow-hidden\">\r\n    <div class=\"absolute inset-0 bg-gradient-to-r from-[#0b1827] via-[#050915] to-[#0b1827]\"><\/div>\r\n\r\n    <div class=\"relative max-w-5xl mx-auto px-6 lg:px-8 text-center\">\r\n        <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-white leading-tight\">\r\n            Pr\u00eat \u00e0 lancer votre projet&nbsp;?\r\n        <\/h2>\r\n        <p class=\"text-lg text-[#a9c1e1] mt-5 max-w-3xl mx-auto\">\r\n            Expliquez-moi votre activit\u00e9 et vos objectifs : je vous propose une solution claire, adapt\u00e9e \u00e0 votre budget.\r\n        <\/p>\r\n\r\n        <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mt-10\">\r\n            <!-- Bouton vers la page de contact -->\r\n            <a href=\"https:\/\/sadek-it.fr\/?page_id=1719\" class=\"inline-flex items-center justify-center px-8 py-3 rounded-full text-sm font-semibold text-white bg-gradient-to-r from-[#1fd3ff] to-[#2f6dff] hover:opacity-90 transition\">\r\n                Demander un devis\r\n            <\/a>\r\n\r\n            <!-- Bouton WhatsApp -->\r\n            <a href=\"https:\/\/wa.me\/33680815558\" target=\"_blank\" class=\"inline-flex items-center justify-center px-8 py-3 rounded-full text-sm font-semibold border border-[#1fd3ff]\/60 text-[#1fd3ff] hover:bg-[#1fd3ff]\/10 transition\" rel=\"noopener\">\r\n                \u00c9crire sur WhatsApp\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <p class=\"text-xs text-[#6b84a6] mt-4\">\r\n            R\u00e9ponse rapide, conseils honn\u00eates, aucune vente forc\u00e9e.\r\n        <\/p>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\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>Cr\u00e9ation de sites et h\u00e9bergement pour artisans, commer\u00e7ants et petites entreprises Pour propulser votre activit\u00e9 Tu es artisan, commer\u00e7ant, VTC, restaurateur ou cabinet, et ton site ne ram\u00e8ne aucun client (ou tu n\u2019en as pas) ? Sadek-IT te cr\u00e9e une vitrine claire, rapide et professionnelle, pr\u00eate en 7 jours, pour recevoir des appels et des demandes de devis. Nos services Nous contacter 250+ Projets lanc\u00e9s 5 ans D&rsquo;expertise 24\/7 Support d\u00e9di\u00e9 Notre Engagement L&rsquo;avantage Sadek-IT Nous sommes le partenaire strat\u00e9gique qui transforme vos ambitions num\u00e9riques en succ\u00e8s mesurables, en s&rsquo;appuyant sur l&rsquo;innovation et une ex\u00e9cution irr\u00e9prochable. Ing\u00e9nierie de Pointe &#038; Code Propre Des architectures num\u00e9riques robustes et \u00e9volutives. Nous appliquons des standards de codage stricts et une gestion de projet agile, garantissant qualit\u00e9, s\u00e9curit\u00e9 et respect des livrables. Performance Strat\u00e9gique &#038; SEO Nous construisons des plateformes rapides, responsives et nativement optimis\u00e9es pour le r\u00e9f\u00e9rencement. Votre visibilit\u00e9 sera maximale et centr\u00e9e sur l&rsquo;engagement et la conversion utilisateur. Partenariat et Support Premium Un accompagnement continu avec un chef de projet d\u00e9di\u00e9. Nous assurons un suivi proactif, des mises \u00e0 jour r\u00e9guli\u00e8res et un support r\u00e9actif pour p\u00e9renniser votre investissement sur le long terme. Plans Tarifaires \u2022 Solutions adapt\u00e9es Notre offre de bienvenue Un site vitrine professionnel 100% personnalis\u00e9, livr\u00e9 en 7 jours. Id\u00e9al pour les entrepreneurs, ind\u00e9pendants et commer\u00e7ants. Offrez \u00e0 votre entreprise une vitrine \u00e9l\u00e9gante, claire et efficace pour marquer les esprits et gagner en cr\u00e9dibilit\u00e9. Design responsive et moderne Jusqu\u2019\u00e0 5 pages (Accueil, \u00c0 propos, Services, Contact, Mentions l\u00e9gales) R\u00e9f\u00e9rencement de base (SEO) Formulaire de contact professionnel Livraison rapide sous 7 jours Demander un devis Contact WhatsApp Conseil personnalis\u00e9 Nous \u00e9tudions chaque projet avec attention pour vous proposer les meilleures solutions. Simplicit\u00e9 technique Des outils performants sans complexit\u00e9 inutile, pens\u00e9s pour vous et vos utilisateurs. R\u00e9sultat concret Cr\u00e9ation, refonte ou optimisation : on livre, on suit, on am\u00e9liore. Nos Services Choisissez le plan qui correspond parfaitement \u00e0 vos ambitions et d\u00e9couvrez la puissance de nos solutions technologiques. Site Vitrine One Page Id\u00e9al pour lancer rapidement une pr\u00e9sence en ligne. 300\u20ac Fonctionnalit\u00e9s : Design responsive Texte + images + formulaire de contact Optimis\u00e9 SEO H\u00e9bergement 1 mois offert En savoir + Notre recommandation E-commerce Essentiel Parfait pour d\u00e9marrer une boutique de 5 \u00e0 10 produits. 600\u20ac Fonctionnalit\u00e9s : Boutique 5 \u00e0 10 produits Paiement en ligne (CB, PayPal) Formulaire de contact Page d\u2019accueil + fiche produit + panier Design responsive En savoir + E-commerce Avanc\u00e9 Pens\u00e9 pour grandir : catalogue \u00e9tendu et options avanc\u00e9es. 900\u20ac Fonctionnalit\u00e9s : Catalogue jusqu\u2019\u00e0 50 produits Paiement + livraison personnalis\u00e9e Syst\u00e8me de filtres, cat\u00e9gories Suivi des commandes, compte client SEO + formation express WooCommerce En savoir + Besoin d&rsquo;une solution sur mesure ? Contactez-nous pour un devis personnalis\u00e9. Demander un devis personnalis\u00e9 Expertises &#038; technologies Une stack moderne, ma\u00eetris\u00e9e Sadek-IT s\u2019appuie sur des technologies fiables et \u00e9prouv\u00e9es pour garantir performance, s\u00e9curit\u00e9 et \u00e9volutivit\u00e9 de votre pr\u00e9sence en ligne. WordPress &#038; WooCommerce Elementor Pro SEO &#038; performance web H\u00e9bergement en France (Proxmox) Nginx \/ Reverse proxy S\u00e9curit\u00e9 &#038; certificats SSL Apps mobiles (Capacitor \/ JS) Automatisation &#038; int\u00e9grations Nos Derniers Projets On transforme vos id\u00e9es en solutions concr\u00e8tes. D\u00e9couvrez ce que nous avons r\u00e9cemment r\u00e9alis\u00e9. Nos R\u00e9alisations Ce que disent nos clients Chez Sadek-IT, chaque retour est le reflet de notre engagement : qualit\u00e9, r\u00e9activit\u00e9 et innovation. Sadek-IT a con\u00e7u un site web performant pour notre entreprise, nous en sommes ravis. \u2014 Eric, Directeur g\u00e9n\u00e9ral Un service rapide et professionnel pour l&rsquo;h\u00e9bergement de nos serveurs. \u2014 Ayman, CEO d&rsquo;Abel Gr\u00e2ce \u00e0 leur expertise, nous avons optimis\u00e9 nos op\u00e9rations avec des solutions cloud efficaces. \u2014 Hamid, VTC Un service rapide et s\u00e9rieux. Mon site AlloChauffeurParis.fr est propre et efficace. \u2014 Abdelhakim \u00c9quipe tr\u00e8s \u00e0 l&rsquo;\u00e9coute, site vitrine r\u00e9alis\u00e9 en un temps record. \u2014 Imane, Coach bien-\u00eatre Accompagnement de A \u00e0 Z pour lancer ma boutique en ligne. Je recommande. \u2014 Sofiane, ParisMode J&rsquo;avais besoin d&rsquo;une adresse mail pro rapidement. En 1 heure c&rsquo;\u00e9tait fait. \u2014 Khadija, Esth\u00e9ticienne Excellent support technique. Toujours disponibles et efficaces. \u2014 Mehdi, Restaurateur Sadek-IT a con\u00e7u un site web performant pour notre entreprise, nous en sommes ravis. \u2014 Eric, Directeur g\u00e9n\u00e9ral Un service rapide et professionnel pour l&rsquo;h\u00e9bergement de nos serveurs. \u2014 Ayman, CEO d&rsquo;Abel Gr\u00e2ce \u00e0 leur expertise, nous avons optimis\u00e9 nos op\u00e9rations avec des solutions cloud efficaces. \u2014 Hamid, VTC Un service rapide et s\u00e9rieux. Mon site AlloChauffeurParis.fr est propre et efficace. \u2014 Abdelhakim \u00c9quipe tr\u00e8s \u00e0 l&rsquo;\u00e9coute, site vitrine r\u00e9alis\u00e9 en un temps record. \u2014 Imane, Coach bien-\u00eatre Accompagnement de A \u00e0 Z pour lancer ma boutique en ligne. Je recommande. \u2014 Sofiane, ParisMode J&rsquo;avais besoin d&rsquo;une adresse mail pro rapidement. En 1 heure c&rsquo;\u00e9tait fait. \u2014 Khadija, Esth\u00e9ticienne Excellent support technique. Toujours disponibles et efficaces. \u2014 Mehdi, Restaurateur Pr\u00eat \u00e0 lancer votre projet&nbsp;? Expliquez-moi votre activit\u00e9 et vos objectifs : je vous propose une solution claire, adapt\u00e9e \u00e0 votre budget. Demander un devis \u00c9crire sur WhatsApp R\u00e9ponse rapide, conseils honn\u00eates, aucune vente forc\u00e9e.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-161","page","type-page","status-publish","hentry","entry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sadek-it.fr\/index.php?rest_route=\/wp\/v2\/pages\/161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sadek-it.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sadek-it.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sadek-it.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sadek-it.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=161"}],"version-history":[{"count":582,"href":"https:\/\/sadek-it.fr\/index.php?rest_route=\/wp\/v2\/pages\/161\/revisions"}],"predecessor-version":[{"id":2467,"href":"https:\/\/sadek-it.fr\/index.php?rest_route=\/wp\/v2\/pages\/161\/revisions\/2467"}],"wp:attachment":[{"href":"https:\/\/sadek-it.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}