{"id":2491,"date":"2025-09-15T11:04:57","date_gmt":"2025-09-15T11:04:57","guid":{"rendered":"https:\/\/webontwerpers.be\/diensten\/"},"modified":"2026-02-05T00:45:36","modified_gmt":"2026-02-05T00:45:36","slug":"diensten","status":"publish","type":"page","link":"https:\/\/webontwerpers.be\/fr\/diensten\/","title":{"rendered":"Diensten"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2491\" class=\"elementor elementor-2491 elementor-869\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7cc630c e-con-full e-flex e-con e-parent\" data-id=\"7cc630c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef8248 elementor-widget elementor-widget-html\" data-id=\"1ef8248\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wo-services\" id=\"wo-services\">\n  <style>\n    :root{\n      --wo-blue:#015af2;\n      --wo-purple:#a154d0;\n\n      --wo-ink:#0b1020;\n      --wo-ink2:rgba(11,16,32,.78);\n      --wo-line:rgba(11,16,32,.12);\n\n      --wo-bg1:#ffffff;\n      --wo-bg2:#fbfbff;\n\n      --wo-radius:28px;\n      --wo-shadow: 0 18px 55px rgba(11,16,32,.10);\n      --wo-shadow2: 0 24px 70px rgba(11,16,32,.14);\n\n      --wo-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n    }\n\n    \/* FULL WIDTH LIGHT WOW *\/\n    .wo-services{\n      width:100vw;\n      position:relative;\n      left:50%;\n      margin-left:-50vw;\n      padding: 88px 0;\n      background:\n        radial-gradient(900px 420px at 12% 18%, rgba(1,90,242,.14), transparent 60%),\n        radial-gradient(900px 420px at 88% 24%, rgba(161,84,208,.14), transparent 60%),\n        radial-gradient(900px 520px at 50% 100%, rgba(1,90,242,.08), transparent 60%),\n        linear-gradient(180deg, var(--wo-bg1), var(--wo-bg2));\n      font-family: var(--wo-font);\n      color: var(--wo-ink);\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    \/* subtle animated aura *\/\n    .wo-services::before{\n      content:\"\";\n      position:absolute; inset:-35%;\n      background: conic-gradient(from 0deg, rgba(1,90,242,.18), rgba(161,84,208,.18), rgba(1,90,242,.18));\n      opacity:.12;\n      filter: blur(18px);\n      animation: woSrvSpin 18s linear infinite;\n      pointer-events:none;\n      z-index:0;\n    }\n    @keyframes woSrvSpin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }\n\n    .wo-services__wrap{\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 18px;\n      position:relative;\n      z-index:1;\n    }\n\n    \/* HEADER *\/\n    .wo-services__head{\n      display:grid;\n      grid-template-columns: 1.15fr .85fr;\n      gap: 18px;\n      align-items:end;\n      margin-bottom: 26px;\n    }\n    .wo-services__kicker{\n      display:inline-flex;\n      gap:10px;\n      align-items:center;\n      font-weight: 900;\n      font-size: 12px;\n      letter-spacing:.4px;\n      text-transform:uppercase;\n      color: rgba(1,90,242,.95);\n      margin-bottom: 10px;\n    }\n    .wo-services__kickerDot{\n      width:10px;height:10px;border-radius:999px;\n      background: linear-gradient(135deg, var(--wo-blue), var(--wo-purple));\n      box-shadow: 0 0 0 6px rgba(1,90,242,.10);\n    }\n\n    \/* \u2705 SECTION TITLE: BLACK *\/\n    .wo-services__title{\n      margin:0;\n      font-size: clamp(28px, 3.2vw, 44px);\n      line-height:1.05;\n      letter-spacing:-0.8px;\n      color: var(--wo-ink);\n    }\n    \/* \u2705 remove gradient, keep black *\/\n    .wo-services__title span{\n      background:none;\n      -webkit-background-clip: initial;\n      background-clip: initial;\n      color: var(--wo-ink);\n    }\n\n    .wo-services__sub{\n      margin:0;\n      color: var(--wo-ink2);\n      font-size: 15.5px;\n      line-height: 1.75;\n      max-width: 60ch;\n      justify-self:end;\n    }\n\n    \/* GRID *\/\n    .wo-services__grid{\n      display:grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap: 14px;\n      margin-top: 18px;\n    }\n\n    \/* \u2705 default cards: 3 columns (span 4) *\/\n    .wo-serviceCard{\n      grid-column: span 4;\n      position:relative;\n      border-radius: var(--wo-radius);\n      background: rgba(255,255,255,.78);\n      border: 1px solid var(--wo-line);\n      box-shadow: var(--wo-shadow);\n      overflow:hidden;\n      text-decoration:none !important;\n      color: inherit;\n      padding: 18px;\n      display:flex;\n      flex-direction:column;\n      gap: 12px;\n      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;\n      transform: translateZ(0);\n    }\n\n    \/* gradient ring *\/\n    .wo-serviceCard::before{\n      content:\"\";\n      position:absolute;\n      inset:-2px;\n      border-radius: calc(var(--wo-radius) + 2px);\n      padding: 2px;\n      background: linear-gradient(135deg, rgba(1,90,242,.40), rgba(161,84,208,.40), rgba(1,90,242,.22));\n      -webkit-mask:\n        linear-gradient(#000 0 0) content-box,\n        linear-gradient(#000 0 0);\n      -webkit-mask-composite: xor;\n      mask-composite: exclude;\n      opacity:.35;\n      pointer-events:none;\n    }\n\n    \/* shimmer sweep *\/\n    .wo-serviceCard::after{\n      content:\"\";\n      position:absolute;\n      top:-40%;\n      left:-60%;\n      width: 60%;\n      height: 180%;\n      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0));\n      transform: rotate(18deg);\n      opacity: 0;\n      pointer-events:none;\n    }\n\n    .wo-serviceCard:hover{\n      transform: translateY(-4px) scale(1.01);\n      box-shadow: var(--wo-shadow2);\n      border-color: rgba(11,16,32,.18);\n      filter: saturate(1.05);\n    }\n    .wo-serviceCard:hover::after{\n      opacity: .85;\n      animation: woSrvShimmer 1.15s ease;\n    }\n    @keyframes woSrvShimmer{\n      0%{ left:-60%; }\n      100%{ left:140%; }\n    }\n\n    .wo-serviceTop{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap: 12px;\n    }\n\n    .wo-serviceIcon{\n      width: 56px;\n      height: 56px;\n      border-radius: 18px;\n      display:grid;\n      place-items:center;\n      background: linear-gradient(135deg, rgba(1,90,242,.12), rgba(161,84,208,.10));\n      border: 1px solid rgba(1,90,242,.16);\n      box-shadow: 0 16px 40px rgba(1,90,242,.10);\n      flex: 0 0 auto;\n    }\n    .wo-serviceIcon svg{\n      width: 26px;\n      height: 26px;\n      color: var(--wo-ink);\n    }\n\n    .wo-serviceBadge{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding: 8px 10px;\n      border-radius: 999px;\n      background: rgba(11,16,32,.04);\n      border: 1px solid rgba(11,16,32,.10);\n      color: rgba(11,16,32,.78);\n      font-weight: 900;\n      font-size: 12px;\n      letter-spacing:.15px;\n      white-space:nowrap;\n    }\n    .wo-serviceBadge i{\n      width:8px;height:8px;border-radius:999px;\n      background: linear-gradient(135deg, var(--wo-blue), var(--wo-purple));\n      display:inline-block;\n      box-shadow: 0 0 0 6px rgba(1,90,242,.08);\n    }\n\n    \/* \u2705 CARD TITLES: BLACK *\/\n    .wo-serviceTitle{\n      margin:0;\n      font-size: 18px;\n      font-weight: 950;\n      letter-spacing: -0.35px;\n      color: var(--wo-ink);\n    }\n    .wo-serviceText{\n      margin:0;\n      color: rgba(11,16,32,.72);\n      font-size: 14.5px;\n      line-height: 1.75;\n      max-width: 65ch;\n    }\n\n    .wo-serviceFooter{\n      margin-top: 4px;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap: 12px;\n    }\n    .wo-serviceCta{\n      display:inline-flex;\n      align-items:center;\n      gap: 10px;\n      font-weight: 950;\n      letter-spacing:.2px;\n      color: rgba(11,16,32,.92);\n    }\n    .wo-arrow{\n      width: 26px; height: 26px;\n      border-radius: 999px;\n      display:grid; place-items:center;\n      background: rgba(11,16,32,.05);\n      border: 1px solid rgba(11,16,32,.10);\n      transition: transform .22s ease, background .22s ease;\n    }\n    .wo-serviceCard:hover .wo-arrow{\n      transform: translateX(3px);\n      background: linear-gradient(135deg, rgba(1,90,242,.10), rgba(161,84,208,.10));\n    }\n    .wo-arrow svg{ width: 16px; height: 16px; }\n\n    \/* FEATURE CARD stays full width *\/\n    .wo-serviceCard.is-feature{\n      grid-column: span 12;\n      padding: 22px;\n      background:\n        radial-gradient(620px 240px at 16% 30%, rgba(1,90,242,.16), transparent 60%),\n        radial-gradient(620px 240px at 84% 40%, rgba(161,84,208,.16), transparent 60%),\n        rgba(255,255,255,.86);\n    }\n\n    .wo-featureCols{\n      display:grid;\n      grid-template-columns: 1.05fr .95fr;\n      gap: 16px;\n      align-items:center;\n    }\n\n    .wo-miniList{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n      margin-top: 10px;\n    }\n\n    .wo-miniItem{\n      display:flex;\n      gap: 10px;\n      align-items:flex-start;\n      padding: 12px;\n      border-radius: 18px;\n      background: rgba(255,255,255,.72);\n      border: 1px solid rgba(11,16,32,.10);\n      box-shadow: 0 10px 26px rgba(11,16,32,.06);\n    }\n    .wo-miniItem svg{ width: 18px; height: 18px; margin-top:2px; }\n    .wo-miniItem p{\n      margin:0;\n      font-size: 13.5px;\n      line-height: 1.55;\n      color: rgba(11,16,32,.72);\n      font-weight: 800;\n    }\n\n    \/* RESPONSIVE *\/\n    @media(max-width: 980px){\n      .wo-services__head{ grid-template-columns: 1fr; }\n      .wo-services__sub{ justify-self:start; }\n      .wo-serviceCard{ grid-column: span 12; } \/* stack on mobile *\/\n      .wo-featureCols{ grid-template-columns: 1fr; }\n      .wo-miniList{ grid-template-columns: 1fr; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .wo-services::before,\n      .wo-serviceCard::after{\n        animation:none !important;\n      }\n      .wo-serviceCard, .wo-arrow{ transition:none !important; }\n    }\n  <\/style>\n<div class=\"wo-services__wrap\">\n  <div class=\"wo-services__head\">\n    <div>\n      <div class=\"wo-services__kicker\"><span class=\"wo-services__kickerDot\"><\/span> Nos services<\/div>\n      <h2 class=\"wo-services__title\">\n        Tout ce dont vous avez besoin pour <span>grandir<\/span> en ligne, sous un m\u00eame toit\n      <\/h2>\n    <\/div>\n    <p class=\"wo-services__sub\">\n      Site web, publicit\u00e9s, SEO et maintenance : une seule \u00e9quipe, une seule qualit\u00e9.\n      Choisissez un service et allez directement \u00e0 l\u2019essentiel.\n    <\/p>\n  <\/div>\n\n  <div class=\"wo-services__grid\">\n\n    <!-- FEATURE: Website pakketten (keeps full width) -->\n    <a class=\"wo-serviceCard is-feature\" href=\"https:\/\/webontwerpers.be\/fr\/website-laten-maken\/\" aria-label=\"Nos forfaits site web\">\n      <div class=\"wo-featureCols\">\n        <div>\n          <div class=\"wo-serviceTop\">\n            <div class=\"wo-serviceIcon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M4 5.8A2.8 2.8 0 016.8 3h10.4A2.8 2.8 0 0120 5.8v7.6A2.8 2.8 0 0117.2 16H6.8A2.8 2.8 0 014 13.4V5.8z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n                <path d=\"M9 21h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M12 16v5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"wo-serviceBadge\"><i><\/i> Le plus choisi<\/span>\n          <\/div>\n\n          <h3 class=\"wo-serviceTitle\">Forfaits site web<\/h3>\n          <p class=\"wo-serviceText\">\n            Des sites web modernes qui chargent vite, inspirent confiance et g\u00e9n\u00e8rent des clients. Du\n            starter \u00e0 l\u2019e-commerce. Clair, transparent et pr\u00eat pour la croissance.\n          <\/p>\n\n          <div class=\"wo-miniList\">\n            <div class=\"wo-miniItem\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <p>Design premium et convivial<\/p>\n            <\/div>\n            <div class=\"wo-miniItem\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <p>Temps de chargement rapides<\/p>\n            <\/div>\n            <div class=\"wo-miniItem\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <p>Ax\u00e9 sur les clients et les demandes<\/p>\n            <\/div>\n            <div class=\"wo-miniItem\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 7l-9 10-4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <p>Parfait sur mobile<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"wo-serviceFooter\">\n          <span class=\"wo-serviceCta\">Voir les forfaits site web<\/span>\n          <span class=\"wo-arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18l6-6-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/a>\n\n    <!-- Google Ads -->\n    <a class=\"wo-serviceCard\" href=\"https:\/\/webontwerpers.be\/fr\/google-ads-service\/\" aria-label=\"Service Google Ads\">\n      <div class=\"wo-serviceTop\">\n        <div class=\"wo-serviceIcon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M21 12.2c0 4.7-3.2 8-8.4 8A9 9 0 1112 3a8.2 8.2 0 015.6 2.2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <path d=\"M21 12h-9v3.4h5.6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"wo-serviceBadge\"><i><\/i> R\u00e9sultats rapides<\/span>\n      <\/div>\n      <h3 class=\"wo-serviceTitle\">Google Ads<\/h3>\n      <p class=\"wo-serviceText\">\n        Obtenez plus de demandes imm\u00e9diatement gr\u00e2ce \u00e0 des annonces cibl\u00e9es. Nous g\u00e9rons tout en toute transparence et vous\n        voyez clairement ce que cela rapporte.\n      <\/p>\n      <div class=\"wo-serviceFooter\">\n        <span class=\"wo-serviceCta\">Voir le service Google Ads<\/span>\n        <span class=\"wo-arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18l6-6-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/a>\n\n    <!-- SEO -->\n    <a class=\"wo-serviceCard\" href=\"https:\/\/webontwerpers.be\/fr\/seo-service\/\" aria-label=\"Service SEO\">\n      <div class=\"wo-serviceTop\">\n        <div class=\"wo-serviceIcon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M10.5 18a7.5 7.5 0 100-15 7.5 7.5 0 000 15z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M20.5 20.5l-4.2-4.2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"wo-serviceBadge\"><i><\/i> Croissance durable<\/span>\n      <\/div>\n      <h3 class=\"wo-serviceTitle\">Optimisation SEO<\/h3>\n      <p class=\"wo-serviceText\">\n        Un meilleur positionnement sur Google, plus de visiteurs et de meilleurs leads. Nous g\u00e9rons la technique, les textes et\n        la cr\u00e9dibilit\u00e9 dans une seule approche.\n      <\/p>\n      <div class=\"wo-serviceFooter\">\n        <span class=\"wo-serviceCta\">Voir le service SEO<\/span>\n        <span class=\"wo-arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18l6-6-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Support \/ Ondersteuningspakket -->\n    <a class=\"wo-serviceCard\" href=\"https:\/\/webontwerpers.be\/fr\/website-ondersteuningspakket\/\" aria-label=\"Forfait d\u2019assistance du site web\">\n      <div class=\"wo-serviceTop\">\n        <div class=\"wo-serviceIcon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 3l8 4.5v9L12 21 4 16.5v-9L12 3z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n            <path d=\"M9.5 12.5l1.7 1.7 3.8-4.2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <span class=\"wo-serviceBadge\"><i><\/i> S\u00fbr & stable<\/span>\n      <\/div>\n      <h3 class=\"wo-serviceTitle\">Assistance site web<\/h3>\n      <p class=\"wo-serviceText\">\n        S\u00e9curit\u00e9, mises \u00e0 jour, sauvegardes et aide rapide. Votre site reste en bonne sant\u00e9 et vous\n        n\u2019avez plus \u00e0 vous en soucier.\n      <\/p>\n      <div class=\"wo-serviceFooter\">\n        <span class=\"wo-serviceCta\">Voir le forfait d\u2019assistance<\/span>\n        <span class=\"wo-arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18l6-6-6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n<\/div>\n<\/section>\n\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>Nos services Tout ce dont vous avez besoin pour grandir en ligne, sous un m\u00eame toit Site web, publicit\u00e9s, SEO et maintenance : une seule \u00e9quipe, une seule qualit\u00e9. Choisissez un service et allez directement \u00e0 l\u2019essentiel. Le plus choisi Forfaits site web Des sites web modernes qui chargent vite, inspirent confiance et g\u00e9n\u00e8rent des [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2491","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/comments?post=2491"}],"version-history":[{"count":12,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2491\/revisions"}],"predecessor-version":[{"id":2775,"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/pages\/2491\/revisions\/2775"}],"wp:attachment":[{"href":"https:\/\/webontwerpers.be\/fr\/wp-json\/wp\/v2\/media?parent=2491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}