{"id":52,"date":"2026-08-24T11:10:07","date_gmt":"2026-08-24T09:10:07","guid":{"rendered":"http:\/\/tech4you.be\/?page_id=52"},"modified":"2026-08-24T15:09:25","modified_gmt":"2026-08-24T13:09:25","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/tech4you.be\/","title":{"rendered":"Acceuil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\nSites & Signatures<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Source+Sans+3:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n :root{\r\n --paper: #F0ECE1;\r\n --paper-raised: #F8F5EE;\r\n --ink: #1C2733;\r\n --ink-soft: #4A5563;\r\n --muted: #767F8C;\r\n --line: #DCD5C4;\r\n --accent-brass: #A9762E;\r\n --brass-bg: #8C5E22;\r\n --brass-fg: #FFFFFF;\r\n --accent-pine: #2F5D53;\r\n --pine-bg: #2F5D53;\r\n --pine-fg: #FFFFFF;\r\n --shadow-rgb: 28,39,51;\r\n\r\n --font-display: \"Fraunces\", Georgia, \"Times New Roman\", serif;\r\n --font-body: \"Source Sans 3\", \"Segoe UI\", system-ui, sans-serif;\r\n --font-mono: \"IBM Plex Mono\", ui-monospace, \"SFMono-Regular\", Menlo, monospace;\r\n }\r\n\r\n @media (prefers-color-scheme: dark){\r\n :root:not([data-theme=\"light\"]){\r\n --paper: #171B22;\r\n --paper-raised: #1F2530;\r\n --ink: #EDE7DA;\r\n --ink-soft: #C7BFAB;\r\n --muted: #8B9099;\r\n --line: #333B47;\r\n --accent-brass: #D4A054;\r\n --accent-pine: #4C9484;\r\n --shadow-rgb: 0,0,0;\r\n }\r\n }\r\n :root[data-theme=\"dark\"]{\r\n --paper: #171B22;\r\n --paper-raised: #1F2530;\r\n --ink: #EDE7DA;\r\n --ink-soft: #C7BFAB;\r\n --muted: #8B9099;\r\n --line: #333B47;\r\n --accent-brass: #D4A054;\r\n --accent-pine: #4C9484;\r\n --shadow-rgb: 0,0,0;\r\n }\r\n\r\n *{ box-sizing: border-box; }\r\n html{ -webkit-text-size-adjust: 100%; background: var(--paper) !important; }\r\n body{\r\n margin:0;\r\n background: var(--paper) !important;\r\n color: var(--ink);\r\n font-family: var(--font-body);\r\n font-size: 17px;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n \/* Belt-and-suspenders wrapper: some page builders \/ themes apply their own\r\n background color directly on <body> with higher specificity than a\r\n plain body{} rule. This wrapper repaints the same background on top of\r\n whatever the host page does, so the design still holds when pasted into\r\n a builder like Elementor. *\/\r\n .s4y-page{\r\n background: var(--paper);\r\n min-height: 100vh;\r\n }\r\n @media (prefers-reduced-motion: reduce){\r\n *{ animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }\r\n }\r\n\r\n .wrap{ max-width: 1080px; margin: 0 auto; padding: 0 28px; }\r\n\r\n a{ color: inherit; }\r\n a:focus-visible, button:focus-visible{\r\n outline: 2px solid var(--accent-pine);\r\n outline-offset: 3px;\r\n }\r\n\r\n h1,h2,h3{\r\n font-family: var(--font-display);\r\n font-weight: 600;\r\n text-wrap: balance;\r\n margin: 0;\r\n letter-spacing: -0.01em;\r\n }\r\n\r\n .eyebrow{\r\n font-family: var(--font-body);\r\n font-weight: 700;\r\n font-size: 0.72rem;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--muted);\r\n }\r\n\r\n \/* ---------- Header ---------- *\/\r\n header.site{\r\n padding: 22px 0;\r\n border-bottom: 1px solid var(--line);\r\n }\r\n .brandline{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n font-family: var(--font-display);\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n }\r\n .brandline svg{ width:22px; height:22px; flex:none; color: var(--accent-pine); }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero{\r\n padding: 96px 0 84px;\r\n text-align:center;\r\n animation: rise 700ms ease-out both;\r\n }\r\n @keyframes rise{\r\n from{ opacity:0; transform: translateY(10px); }\r\n to{ opacity:1; transform: translateY(0); }\r\n }\r\n .hero .eyebrow{ display:block; margin-bottom: 22px; }\r\n .hero h1{\r\n font-size: clamp(2.3rem, 5.4vw, 3.6rem);\r\n line-height: 1.08;\r\n max-width: 15ch;\r\n margin: 0 auto;\r\n }\r\n .hero h1 em{\r\n font-style: italic;\r\n color: var(--accent-pine);\r\n }\r\n .hero p.lede{\r\n max-width: 46ch;\r\n margin: 26px auto 0;\r\n color: var(--ink-soft);\r\n font-size: 1.14rem;\r\n }\r\n .hero-actions{\r\n margin-top: 38px;\r\n display:flex;\r\n gap:16px;\r\n justify-content:center;\r\n flex-wrap:wrap;\r\n align-items:center;\r\n }\r\n .btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-family: var(--font-body);\r\n font-weight: 600;\r\n font-size: 0.98rem;\r\n padding: 13px 26px;\r\n border-radius: 999px;\r\n text-decoration:none;\r\n border: 1px solid transparent;\r\n cursor:pointer;\r\n transition: transform 160ms ease, box-shadow 160ms ease;\r\n }\r\n .btn:hover{ transform: translateY(-1px); }\r\n .btn-primary{ background: var(--ink); color: var(--paper); }\r\n .btn-primary:hover{ box-shadow: 0 10px 24px -8px rgba(var(--shadow-rgb), 0.45); }\r\n .btn-ghost{ background:transparent; color: var(--ink); border-color: var(--line); }\r\n\r\n .hero-note{\r\n margin-top: 20px;\r\n font-size: 0.9rem;\r\n color: var(--muted);\r\n }\r\n\r\n \/* ---------- Section shell ---------- *\/\r\n section{ padding: 72px 0; }\r\n section + section{ border-top: 1px solid var(--line); }\r\n .section-head{ max-width: 60ch; margin: 0 auto 44px; text-align:center; }\r\n .section-head .eyebrow{ margin-bottom: 12px; }\r\n .section-head h2{ font-size: clamp(1.6rem, 3.2vw, 2.1rem); }\r\n .section-head p{ color: var(--ink-soft); margin-top: 14px; }\r\n\r\n \/* ---------- Pour qui ---------- *\/\r\n .audience-grid{\r\n display:grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n }\r\n .audience-card{\r\n background: var(--paper-raised);\r\n border: 1px solid var(--line);\r\n border-radius: 14px;\r\n padding: 22px 18px;\r\n text-align:center;\r\n }\r\n .audience-card svg{ width: 26px; height:26px; color: var(--accent-pine); margin-bottom: 12px; }\r\n .audience-card h3{ font-family: var(--font-body); font-weight: 700; font-size: 0.98rem; }\r\n .audience-card p{ margin: 6px 0 0; font-size: 0.88rem; color: var(--muted); }\r\n\r\n \/* ---------- Process ---------- *\/\r\n .process{\r\n display:grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 28px;\r\n counter-reset: step;\r\n }\r\n .step{ position:relative; padding-top: 6px; }\r\n .step::before{\r\n counter-increment: step;\r\n content: counter(step, decimal-leading-zero);\r\n font-family: var(--font-mono);\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n color: var(--accent-brass);\r\n display:block;\r\n margin-bottom: 14px;\r\n }\r\n .step h3{ font-family: var(--font-body); font-weight: 700; font-size: 1.02rem; }\r\n .step p{ margin: 8px 0 0; font-size: 0.92rem; color: var(--ink-soft); }\r\n .process-note{\r\n text-align:center;\r\n margin-top: 40px;\r\n font-size: 0.92rem;\r\n color: var(--muted);\r\n }\r\n .process-note strong{ color: var(--ink); }\r\n\r\n \/* ---------- Pricing ---------- *\/\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n align-items: stretch;\r\n }\r\n .plan{\r\n background: var(--paper-raised);\r\n border: 1px solid var(--line);\r\n border-radius: 18px;\r\n padding: 30px 26px;\r\n display:flex;\r\n flex-direction:column;\r\n position:relative;\r\n }\r\n .plan.featured{\r\n border-color: var(--accent-pine);\r\n box-shadow: 0 18px 40px -20px rgba(var(--shadow-rgb), 0.55);\r\n }\r\n .plan-tag{\r\n position:absolute;\r\n top: -12px;\r\n left: 26px;\r\n background: var(--pine-bg);\r\n color: var(--pine-fg);\r\n font-size: 0.68rem;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 5px 12px;\r\n border-radius: 999px;\r\n }\r\n .plan h3{ font-family: var(--font-body); font-weight: 700; font-size: 1.12rem; }\r\n .plan .plan-desc{ margin: 8px 0 0; font-size: 0.9rem; color: var(--muted); min-height: 2.6em; }\r\n .plan .price{\r\n font-family: var(--font-mono);\r\n font-size: 2.1rem;\r\n font-weight: 600;\r\n margin: 22px 0 2px;\r\n font-variant-numeric: tabular-nums;\r\n }\r\n .plan .price sup{ font-size: 0.9rem; font-weight: 500; color: var(--muted); }\r\n .plan .price-unit{ font-size: 0.82rem; color: var(--muted); margin-bottom: 20px; }\r\n .plan ul{\r\n list-style:none;\r\n margin: 0 0 26px;\r\n padding: 18px 0 0;\r\n border-top: 1px solid var(--line);\r\n flex: 1;\r\n display:flex;\r\n flex-direction:column;\r\n gap: 11px;\r\n }\r\n .plan li{\r\n font-size: 0.9rem;\r\n color: var(--ink-soft);\r\n display:flex;\r\n gap: 10px;\r\n align-items:flex-start;\r\n }\r\n .plan li svg{ width:16px; height:16px; flex:none; margin-top:3px; color: var(--accent-pine); }\r\n .plan .btn{ justify-content:center; width:100%; }\r\n .plan-delay{\r\n text-align:center;\r\n font-size: 0.8rem;\r\n color: var(--muted);\r\n margin-top: 12px;\r\n }\r\n\r\n .pricing-footnote{\r\n max-width: 62ch;\r\n margin: 36px auto 0;\r\n text-align:center;\r\n font-size: 0.88rem;\r\n color: var(--muted);\r\n }\r\n\r\n \/* ---------- Closing \/ signature ---------- *\/\r\n .closing{ text-align:center; }\r\n .closing h2{ font-size: clamp(1.7rem, 3.6vw, 2.3rem); max-width: 20ch; margin: 0 auto; }\r\n .closing p.lede{\r\n max-width: 46ch;\r\n margin: 18px auto 0;\r\n color: var(--ink-soft);\r\n }\r\n .closing .hero-actions{ margin-top: 34px; }\r\n\r\n \/* ---------- Contact form ---------- *\/\r\n .contact-form{\r\n max-width: 560px;\r\n margin: 40px auto 0;\r\n text-align:left;\r\n background: var(--paper-raised);\r\n border: 1px solid var(--line);\r\n border-radius: 18px;\r\n padding: 32px;\r\n display:flex;\r\n flex-direction:column;\r\n gap: 18px;\r\n }\r\n .form-row{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n }\r\n .contact-form label{\r\n display:flex;\r\n flex-direction:column;\r\n gap: 7px;\r\n font-size: 0.86rem;\r\n font-weight: 600;\r\n color: var(--ink-soft);\r\n }\r\n .contact-form input,\r\n .contact-form select,\r\n .contact-form textarea{\r\n font-family: var(--font-body);\r\n font-size: 0.96rem;\r\n color: var(--ink);\r\n background: var(--paper);\r\n border: 1px solid var(--line);\r\n border-radius: 10px;\r\n padding: 11px 13px;\r\n resize: vertical;\r\n }\r\n .contact-form input:focus-visible,\r\n .contact-form select:focus-visible,\r\n .contact-form textarea:focus-visible{\r\n outline: 2px solid var(--accent-pine);\r\n outline-offset: 1px;\r\n }\r\n .contact-form .btn{ align-self:flex-start; margin-top: 4px; }\r\n .contact-form .form-note{\r\n font-size: 0.8rem;\r\n color: var(--muted);\r\n margin: -6px 0 0;\r\n }\r\n .honey-field{ position:absolute; left:-9999px; top:-9999px; }\r\n @media (max-width: 560px){\r\n .form-row{ grid-template-columns: 1fr; }\r\n .contact-form{ padding: 24px 20px; }\r\n }\r\n\r\n .signature-block{\r\n margin: 64px auto 0;\r\n max-width: 360px;\r\n text-align:left;\r\n }\r\n .signature-block .letter{\r\n font-family: var(--font-display);\r\n font-style: italic;\r\n color: var(--ink-soft);\r\n font-size: 1.02rem;\r\n }\r\n .signature-block svg{ width: 170px; height: 60px; margin-top: 8px; color: var(--ink); }\r\n .signature-block .contact-lines{\r\n margin-top: 14px;\r\n font-size: 0.92rem;\r\n color: var(--muted);\r\n display:flex;\r\n flex-direction:column;\r\n gap: 4px;\r\n }\r\n .signature-block .contact-lines a{ text-decoration: underline; text-underline-offset: 3px; }\r\n\r\n footer.site{\r\n padding: 30px 0 46px;\r\n text-align:center;\r\n font-size: 0.8rem;\r\n color: var(--muted);\r\n }\r\n\r\n \/* ---------- Responsive ---------- *\/\r\n @media (max-width: 880px){\r\n .audience-grid{ grid-template-columns: repeat(2, 1fr); }\r\n .process{ grid-template-columns: repeat(2, 1fr); row-gap: 34px; }\r\n .pricing-grid{ grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }\r\n .plan.featured{ order: -1; }\r\n }\r\n @media (max-width: 520px){\r\n .audience-grid{ grid-template-columns: 1fr 1fr; }\r\n .hero{ padding: 72px 0 60px; }\r\n section{ padding: 56px 0; }\r\n }\r\n<\/style>\r\n\r\n<div class=\"s4y-page\">\r\n<header class=\"site\">\r\n <div class=\"wrap\">\r\n <div class=\"brandline\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10.2\" stroke=\"currentColor\" stroke-width=\"1.4\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"8.4\" stroke=\"var(--accent-brass)\" stroke-width=\"0.8\"\/>\r\n <path d=\"M12,6.6 C14,6.6 15.3,8.4 14.8,10.4 L13.3,17.5 C13.1,18.5 12.6,19.2 12,19.2 C11.4,19.2 10.9,18.5 10.7,17.5 L9.2,10.4 C8.7,8.4 10,6.6 12,6.6 Z\" fill=\"currentColor\"\/>\r\n <circle cx=\"12\" cy=\"9.4\" r=\"0.5\" fill=\"var(--paper)\"\/>\r\n <line x1=\"12\" y1=\"10.1\" x2=\"12\" y2=\"18\" stroke=\"var(--paper)\" stroke-width=\"0.24\"\/>\r\n <\/svg>\r\n <span>Tech4you \u2014 Sites web & identit\u00e9s visuelles<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<main>\r\n <section class=\"hero\">\r\n <div class=\"wrap\">\r\n <h1>Un site qui vous ressemble,<br>une <em>signature<\/em> qu'on n'oublie pas.<\/h1>\r\n <p class=\"lede\">Je con\u00e7ois et code des sites sur mesure \u2014 et l'identit\u00e9 visuelle qui va avec \u2014 pour les artisans, commer\u00e7ants et professions lib\u00e9rales qui n'ont pas le temps de s'en occuper eux-m\u00eames.<\/p>\r\n <div class=\"hero-actions\">\r\n <a class=\"btn btn-primary\" href=\"#tarifs\">Voir les formules<\/a>\r\n <a class=\"btn btn-ghost\" href=\"#contact\">Discutons de votre projet<\/a>\r\n <\/div>\r\n <p class=\"hero-note\">Con\u00e7u et d\u00e9velopp\u00e9 sur mesure \u2014 en g\u00e9n\u00e9ral 2 \u00e0 3 semaines du premier \u00e9change \u00e0 la mise en ligne.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"pour-qui\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <span class=\"eyebrow\">Pour qui<\/span>\r\n <h2>Pens\u00e9 pour ceux qui font le travail, pas le marketing<\/h2>\r\n <p>Si votre activit\u00e9 tourne bien mais que votre pr\u00e9sence en ligne ne lui rend pas justice, c'est pour vous.<\/p>\r\n <\/div>\r\n <div class=\"audience-grid\">\r\n <div class=\"audience-card\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M3 21h18M5 21V7l7-4 7 4v14M9 21v-6h6v6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <h3>Artisans<\/h3>\r\n <p>B\u00e2timent, r\u00e9novation, paysagisme, d\u00e9co<\/p>\r\n <\/div>\r\n <div class=\"audience-card\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 21s7-5.2 7-11a7 7 0 10-14 0c0 5.8 7 11 7 11z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"10\" r=\"2.4\"\/><\/svg>\r\n <h3>Professions lib\u00e9rales<\/h3>\r\n <p>Coachs, th\u00e9rapeutes, consultants<\/p>\r\n <\/div>\r\n <div class=\"audience-card\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M3 9l1-5h16l1 5M4 9v11h16V9M4 9a2 2 0 004 0 2 2 0 004 0 2 2 0 004 0 2 2 0 004 0\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <h3>Commerces locaux<\/h3>\r\n <p>Boutiques, restos, salons<\/p>\r\n <\/div>\r\n <div class=\"audience-card\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M20 21a8 8 0 10-16 0M12 13a4 4 0 100-8 4 4 0 000 8z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <h3>Ind\u00e9pendants<\/h3>\r\n <p>Et tout projet qui m\u00e9rite d'\u00eatre bien pr\u00e9sent\u00e9<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"processus\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <span class=\"eyebrow\">La m\u00e9thode<\/span>\r\n <h2>Quatre \u00e9tapes, du premier \u00e9change \u00e0 la mise en ligne<\/h2>\r\n <\/div>\r\n <div class=\"process\">\r\n <div class=\"step\">\r\n <h3>Brief<\/h3>\r\n <p>30 minutes pour comprendre votre activit\u00e9, vos clients et ce qui vous distingue.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <h3>Direction<\/h3>\r\n <p>Une premi\u00e8re proposition : structure du site et piste visuelle (couleurs, typo, ton).<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <h3>R\u00e9alisation<\/h3>\r\n <p>Le site est cod\u00e9 sur mesure, rapide et lisible sur tous les \u00e9crans ; l'identit\u00e9 est finalis\u00e9e.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <h3>Mise en ligne<\/h3>\r\n <p>Domaine, h\u00e9bergement, mise en ligne, et une prise en main pour que vous soyez autonome.<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"process-note\">D\u00e9lai moyen : <strong>2 \u00e0 3 semaines<\/strong> selon la formule et votre disponibilit\u00e9 pour les retours.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"tarifs\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head\">\r\n <span class=\"eyebrow\">Grille tarifaire<\/span>\r\n <h2>Trois formules, un seul prix fixe annonc\u00e9 d'avance<\/h2>\r\n <p>Pas de facturation \u00e0 l'heure ni de surprise : le prix est fix\u00e9 au brief et ne bouge plus.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pricing-grid\">\r\n <div class=\"plan\">\r\n <h3>Essentiel<\/h3>\r\n <p class=\"plan-desc\">Une vitrine claire pour exister en ligne et \u00eatre trouv\u00e9.<\/p>\r\n <div class=\"price\">590<sup>\u20ac<\/sup><\/div>\r\n <div class=\"price-unit\">prix fixe, paiement unique<\/div>\r\n <ul>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Site vitrine une page, sections sur mesure<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Formulaire de contact & carte de localisation<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>S'affiche parfaitement sur smartphone et tablette<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Nom de domaine & h\u00e9bergement 1 an<\/li>\r\n <\/ul>\r\n <a class=\"btn btn-ghost\" href=\"#contact\" onclick=\"var s=document.getElementById('formule-select'); if(s) s.value='Essentiel \u2014 590\u20ac';\">Choisir Essentiel<\/a>\r\n <p class=\"plan-delay\">Livr\u00e9 en ~2 semaines<\/p>\r\n <\/div>\r\n\r\n <div class=\"plan featured\">\r\n <span class=\"plan-tag\">Le plus choisi<\/span>\r\n <h3>Pro<\/h3>\r\n <p class=\"plan-desc\">Le site et un premier logo, pour poser une vraie image.<\/p>\r\n <div class=\"price\">1190<sup>\u20ac<\/sup><\/div>\r\n <div class=\"price-unit\">prix fixe, paiement unique<\/div>\r\n <ul>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Site jusqu'\u00e0 5 pages (accueil, services, r\u00e9alisations, \u00e0 propos, contact)<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Logo simple, 2 pistes propos\u00e9es<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>R\u00e9f\u00e9rencement local de base (Google)<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Nom de domaine & h\u00e9bergement 1 an<\/li>\r\n <\/ul>\r\n <a class=\"btn btn-primary\" href=\"#contact\" onclick=\"var s=document.getElementById('formule-select'); if(s) s.value='Pro \u2014 1190\u20ac';\">Choisir Pro<\/a>\r\n <p class=\"plan-delay\">Livr\u00e9 en ~3 semaines<\/p>\r\n <\/div>\r\n\r\n <div class=\"plan\">\r\n <h3>Signature<\/h3>\r\n <p class=\"plan-desc\">Site complet et identit\u00e9 visuelle pens\u00e9s ensemble.<\/p>\r\n <div class=\"price\">1890<sup>\u20ac<\/sup><\/div>\r\n <div class=\"price-unit\">prix fixe, paiement unique<\/div>\r\n <ul>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Site sur mesure jusqu'\u00e0 8 pages<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Identit\u00e9 compl\u00e8te : logo, palette, typographies<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>D\u00e9clinaisons : carte de visite, signature email, visuels r\u00e9seaux<\/li>\r\n <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>1h de formation \u00e0 la prise en main<\/li>\r\n <\/ul>\r\n <a class=\"btn btn-ghost\" href=\"#contact\" onclick=\"var s=document.getElementById('formule-select'); if(s) s.value='Signature \u2014 1890\u20ac';\">Choisir Signature<\/a>\r\n <p class=\"plan-delay\">Livr\u00e9 en ~4 semaines<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"pricing-footnote\">Apr\u00e8s la premi\u00e8re ann\u00e9e, l'h\u00e9bergement et la maintenance l\u00e9g\u00e8re se poursuivent pour 25 \u20ac\/mois \u2014 r\u00e9siliable \u00e0 tout moment. Ces tarifs sont un point de d\u00e9part : \u00e0 ajuster selon votre positionnement et vos premiers retours clients.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contact\" class=\"closing\">\r\n <div class=\"wrap\">\r\n <span class=\"eyebrow\">Pr\u00eat \u00e0 commencer<\/span>\r\n <h2>Parlons de votre projet, sans engagement<\/h2>\r\n <p class=\"lede\">Un \u00e9change de 30 minutes suffit pour savoir si on est faits pour travailler ensemble \u2014 et pour vous donner un premier avis, gratuit.<\/p>\r\n\r\n <form class=\"contact-form\" action=\"https:\/\/formsubmit.co\/info@tech4you.be\" method=\"POST\">\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de contact \u2014 Tech4you\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"text\" name=\"_honey\" class=\"honey-field\" tabindex=\"-1\" autocomplete=\"off\">\r\n\r\n <div class=\"form-row\">\r\n <label>Nom\r\n <input type=\"text\" name=\"Nom\" required>\r\n <\/label>\r\n <label>Email\r\n <input type=\"email\" name=\"Email\" required>\r\n <\/label>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <label>T\u00e9l\u00e9phone\r\n <input type=\"tel\" name=\"T\u00e9l\u00e9phone\">\r\n <\/label>\r\n <label>Formule qui vous int\u00e9resse\r\n <select name=\"Formule\" id=\"formule-select\">\r\n <option value=\"Je ne sais pas encore\">Je ne sais pas encore<\/option>\r\n <option value=\"Essentiel \u2014 590\u20ac\">Essentiel \u2014 590\u20ac<\/option>\r\n <option value=\"Pro \u2014 1190\u20ac\">Pro \u2014 1190\u20ac<\/option>\r\n <option value=\"Signature \u2014 1890\u20ac\">Signature \u2014 1890\u20ac<\/option>\r\n <\/select>\r\n <\/label>\r\n <\/div>\r\n <label>Votre message\r\n <textarea name=\"Message\" rows=\"4\" placeholder=\"Parlez-moi un peu de votre activit\u00e9 et de ce que vous cherchez...\"><\/textarea>\r\n <\/label>\r\n <button type=\"submit\" class=\"btn btn-primary\">Envoyer ma demande<\/button>\r\n <p class=\"form-note\">Vos coordonn\u00e9es ne servent qu'\u00e0 vous recontacter \u2014 elles ne sont jamais partag\u00e9es.<\/p>\r\n <\/form>\r\n\r\n <div class=\"signature-block\">\r\n <p class=\"letter\">Bien \u00e0 vous,<\/p>\r\n <svg viewBox=\"0 0 170 60\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M6 42c8-22 16-30 22-24s-4 22-14 20 4-26 20-22c10 2 8 16 18 14 8-2 10-14 18-12 6 1.5 2 12 10 12 6 0 10-6 14-14\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <div class=\"contact-lines\">\r\n <span>Marc \u2014 Tech4you<\/span>\r\n <a href=\"mailto:info@tech4you.be\">info@tech4you.be<\/a>\r\n <span>+32 477 95 90 01<\/span>\r\n <a href=\"https:\/\/www.tech4you.be\">www.tech4you.be<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/main>\r\n\r\n<footer class=\"site\">\r\n <div class=\"wrap\">Tech4you \u2014 Sites web & identit\u00e9s visuelles pour ind\u00e9pendants<\/div>\r\n<\/footer>\r\n<\/div><!-- \/.s4y-page -->\r\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-8247ccd e-flex e-con-boxed e-con e-parent\" data-id=\"8247ccd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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>Sites & Signatures Tech4you \u2014 Sites web & identit\u00e9s visuelles Un site qui vous ressemble,une signature qu’on n’oublie pas. Je con\u00e7ois et code des sites sur mesure \u2014 et l’identit\u00e9 visuelle qui va avec \u2014 pour les artisans, commer\u00e7ants et professions lib\u00e9rales qui n’ont pas le temps de s’en occuper eux-m\u00eames. Voir les formules Discutons […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tech4you.be\/index.php\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tech4you.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tech4you.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tech4you.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tech4you.be\/index.php\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":23,"href":"https:\/\/tech4you.be\/index.php\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/tech4you.be\/index.php\/wp-json\/wp\/v2\/pages\/52\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/tech4you.be\/index.php\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}