{"id":373,"date":"2025-12-27T01:23:50","date_gmt":"2025-12-27T01:23:50","guid":{"rendered":"https:\/\/nexwebia.ca\/?page_id=373"},"modified":"2025-12-27T01:54:44","modified_gmt":"2025-12-27T01:54:44","slug":"demarrage-projet","status":"publish","type":"page","link":"https:\/\/nexwebia.ca\/en\/demarrage-projet\/","title":{"rendered":"demarrage-projet"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"373\" class=\"elementor elementor-373\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c248931 e-flex e-con-boxed e-con e-parent\" data-id=\"c248931\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c0c9ec elementor-widget elementor-widget-html\" data-id=\"8c0c9ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"fr\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n  <title>Obenumerique \u2013 Formulaire de projet site web<\/title>\r\n\r\n  <style>\r\n    :root{\r\n      --bg:#050607;\r\n      --panel:#0b0d10;\r\n      --text:#e9eef5;\r\n      --muted:#aab4c0;\r\n      --line:rgba(255,255,255,.10);\r\n      --shadow: 0 20px 60px rgba(0,0,0,.55);\r\n      --radius: 22px;\r\n      --accent: #a9ff3d;\r\n    }\r\n\r\n    *{box-sizing:border-box}\r\n    body{\r\n      margin:0;\r\n      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;\r\n      background:\r\n        radial-gradient(1200px 600px at 15% 0%, rgba(169,255,61,.12), transparent 60%),\r\n        radial-gradient(1200px 600px at 85% 10%, rgba(255,200,80,.10), transparent 60%),\r\n        var(--bg);\r\n      color:var(--text);\r\n      line-height:1.4;\r\n    }\r\n\r\n    .wrap{max-width:1100px;margin:0 auto;padding:24px 18px 28px}\r\n\r\n    \/* HERO *\/\r\n    .hero{\r\n      border:1px solid var(--line);\r\n      border-radius:var(--radius);\r\n      overflow:hidden;\r\n      background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)), var(--panel);\r\n      box-shadow: 0 20px 60px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);\r\n    }\r\n    .hero-inner{\r\n      padding:28px 22px;\r\n      display:flex;\r\n      gap:18px;\r\n      align-items:flex-end;\r\n      min-height:160px;\r\n    }\r\n    .badge{\r\n      display:inline-flex;align-items:center;gap:10px;\r\n      padding:10px 14px;border:1px solid rgba(255,255,255,.16);\r\n      border-radius:999px;background:rgba(0,0,0,.25);\r\n      font-size:13px;color:rgba(233,238,245,.85);\r\n      margin-bottom:12px;\r\n    }\r\n    .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(169,255,61,.6);}\r\n    h1{margin:0 0 10px;font-size:clamp(22px,3.2vw,34px);}\r\n    .sub{margin:0;max-width:72ch;font-size:15.5px;color:rgba(233,238,245,.86);}\r\n\r\n    .hero-actions{\r\n      margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;\r\n    }\r\n    .pill{\r\n      padding:10px 14px;border-radius:999px;\r\n      border:1px solid rgba(255,255,255,.16);\r\n      background:rgba(0,0,0,.22);\r\n      font-size:13px;white-space:nowrap;color:rgba(233,238,245,.9);\r\n    }\r\n\r\n    \/* FORM CARD *\/\r\n    .card{\r\n      margin-top:18px;\r\n      border:1px solid var(--line);\r\n      border-radius:var(--radius);\r\n      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));\r\n      box-shadow:var(--shadow);\r\n      overflow:hidden;\r\n    }\r\n\r\n    \/* IMPORTANT: Make iframe area fill the screen *\/\r\n    .frame-wrap{\r\n      height: calc(100vh - 300px); \/* ajuste automatique selon la place du hero *\/\r\n      min-height: 680px;          \/* au cas o\u00f9 \u00e9cran petit *\/\r\n      background:#fff;\r\n      overflow:auto;              \/* scroll INSIDE *\/\r\n      -webkit-overflow-scrolling: touch;\r\n    }\r\n\r\n    \/* Keep iframe huge so internal content is fully available to scroll *\/\r\n    iframe{\r\n      width:100%;\r\n      height: 6000px;   \/* mets une valeur tr\u00e8s grande = pas coup\u00e9 *\/\r\n      border:0;\r\n      display:block;\r\n      background:#fff;\r\n    }\r\n\r\n    .foot{\r\n      margin:14px 0 22px;\r\n      text-align:center;\r\n      font-size:12.5px;\r\n      color:var(--muted);\r\n    }\r\n\r\n    @media(max-width:720px){\r\n      .wrap{padding:18px 14px 18px}\r\n      .hero-actions{margin-left:0;justify-content:flex-start}\r\n      .frame-wrap{height: calc(100vh - 320px); min-height: 620px;}\r\n      iframe{height: 7500px;}\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n  <div class=\"wrap\">\r\n\r\n    <section class=\"hero\">\r\n      <div class=\"hero-inner\">\r\n        <div>\r\n          <div class=\"badge\"><span class=\"dot\"><\/span> Obenumerique \u2022 Formulaire client<\/div>\r\n          <h1>Formulaire de projet site web<\/h1>\r\n          <p class=\"sub\">\r\n            Merci de remplir ce formulaire avec pr\u00e9cision. Selon le forfait choisi,\r\n            seules les questions n\u00e9cessaires seront affich\u00e9es.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hero-actions\">\r\n          <div class=\"pill\">Sites Web<\/div>\r\n          <div class=\"pill\">SEO Local<\/div>\r\n          <div class=\"pill\">Publicit\u00e9 en ligne<\/div>\r\n          <div class=\"pill\">Contenus IA<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"card\">\r\n      <div class=\"frame-wrap\">\r\n        <iframe\r\n          src=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfRNDBCxmB3rn4ln80UbEjvQ9bBICsfOrisfyG3yaviCaCCrw\/viewform?embedded=true\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\"\r\n          title=\"Obenumerique \u2013 Formulaire de projet site web\">\r\n        <\/iframe>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"foot\">\u00a9 Obenumerique \u2014 Web | Data | Intelligence<\/div>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Obenumerique \u2013 Formulaire de projet site web Obenumerique \u2022 Formulaire client Formulaire de projet site web Merci de remplir ce formulaire avec pr\u00e9cision. Selon le forfait choisi, seules les questions n\u00e9cessaires seront affich\u00e9es. Sites Web SEO Local Publicit\u00e9 en ligne Contenus IA \u00a9 Obenumerique \u2014 Web | Data | Intelligence<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-373","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/pages\/373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/comments?post=373"}],"version-history":[{"count":7,"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/pages\/373\/revisions"}],"predecessor-version":[{"id":382,"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/pages\/373\/revisions\/382"}],"wp:attachment":[{"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/media?parent=373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}