WEBIZIA \u2014 Services<\/title>\n <style>\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n background: #fff;\n }\n\n h1 {\n text-align: center;\n margin-top: 50px;\n color: #007bff;\n font-size: 2rem; \/* un peu plus grand *\/\n }\n\n .services {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n max-width: 1200px;\n margin: 60px auto;\n padding: 0 20px;\n }\n\n .service {\n background: #fff;\n border-radius: 15px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n text-align: center;\n padding: 30px;\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-height: 250px;\n }\n\n .service:hover {\n transform: translateY(-10px);\n box-shadow: 0 10px 30px rgba(0, 123, 255, 0.3);\n }\n\n .service h3 {\n color: #007bff;\n margin-bottom: 15px;\n font-size: 1.3rem; \/* l\u00e9g\u00e8rement plus grand *\/\n }\n\n .service p {\n color: #333;\n font-size: 1rem; \/* texte plus grand pour meilleure lisibilit\u00e9 *\/\n line-height: 1.6;\n }\n\n \/* responsive *\/\n @media (max-width: 900px) {\n .services {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 600px) {\n .services {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .service {\n padding: 20px;\n min-height: auto;\n }\n\n .service h3 {\n font-size: 1.2rem; \/* ajustement sur mobile *\/\n }\n\n .service p {\n font-size: 1rem; \/* garde lisible sur mobile *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n <h1>NOS SERVICES<\/h1>\n\n <div class=\"services\">\n <div class=\"service\">\n <h3>Cr\u00e9ation de site web<\/h3>\n <p>Conception de sites modernes, rapides et adapt\u00e9s \u00e0 tous les \u00e9crans pour mettre en valeur votre activit\u00e9 et attirer de nouveaux clients.<\/p>\n <\/div>\n <div class=\"service\">\n <h3>Gestion de site web<\/h3>\n <p>Mise \u00e0 jour r\u00e9guli\u00e8re de vos contenus, optimisation SEO et suivi de la performance pour garder votre site toujours efficace.<\/p>\n <\/div>\n <div class=\"service\">\n <h3>Maintenance de site web<\/h3>\n <p>Surveillance, mises \u00e0 jour de s\u00e9curit\u00e9, support technique pour garantir la stabilit\u00e9 et la s\u00e9curit\u00e9 de votre site.<\/p>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n<div class=\"energy-line\">\n <svg viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\">\n <path d=\"M0,50 C360,0 1080,100 1440,50\" stroke=\"url(#glow)\" stroke-width=\"3\" fill=\"transparent\"\/>\n <defs>\n <linearGradient id=\"glow\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" stop-color=\"#007bff\" stop-opacity=\"0\" \/>\n <stop offset=\"50%\" stop-color=\"#007bff\" stop-opacity=\"1\" \/>\n <stop offset=\"100%\" stop-color=\"#007bff\" stop-opacity=\"0\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n<\/div>\n\n<style>\n.energy-line {\n width: 100%;\n height: 100px;\n overflow: hidden;\n position: relative;\n}\n\n.energy-line svg {\n width: 100%;\n height: 100%;\n}\n\n.energy-line path {\n stroke-dasharray: 1500;\n stroke-dashoffset: 1500;\n stroke-linecap: round;\n animation: flowLight 4s linear infinite alternate; \/* aller-retour *\/\n filter: drop-shadow(0 0 10px #007bff) drop-shadow(0 0 20px #007bff);\n}\n\n@keyframes flowLight {\n 0% {\n stroke-dashoffset: 1500; \/* invisible *\/\n }\n 100% {\n stroke-dashoffset: 0; \/* ligne trac\u00e9e *\/\n }\n}\n<\/style>\n\n\n\n<section class=\"pricing\" style=\"font-family: 'Poppins', sans-serif; padding: 30px 20px 60px 20px; text-align: center;\">\n\n <h2 style=\"font-size:2.3rem; font-weight:700; color:#0073e6; margin-bottom:15px;\">NOS FORMULES<\/h2>\n <p style=\"color:#666; font-size:1.1rem; margin-bottom:50px;\">Des solutions adapt\u00e9es \u00e0 vos besoins pour booster votre visibilit\u00e9.<\/p>\n\n <div class=\"pricing-grid\">\n \n <div class=\"pricing-card\">\n <h3>Formule Basique<\/h3>\n <p class=\"price\">350 \u20ac HT<\/p>\n <a href=\"mailto:erichard@webizia.fr?subject=Demande%20de%20contact%20-%20Formule%20Basique\" class=\"btn\">Contactez-nous !<\/a>\n <ul>\n <li>1 \u00e0 4 pages<\/li>\n <li>Responsive mobile<\/li>\n <li>Mise en page simple<\/li>\n <li>SEO de base<\/li>\n <li>S\u00e9curit\u00e9 renforc\u00e9e<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"pricing-card featured\">\n <h3>Formule Standard<\/h3>\n <p class=\"price\">450 \u20ac HT<\/p>\n <a href=\"mailto:erichard@webizia.fr?subject=Demande%20de%20contact%20-%20Formule%20Standard\" class=\"btn\">Contactez-nous !<\/a>\n <ul>\n <li>4 \u00e0 5 pages<\/li>\n <li>Responsive mobile<\/li>\n <li>Mise en page personnalis\u00e9e<\/li>\n <li>SEO avanc\u00e9<\/li>\n <li>Int\u00e9gration d\u2019images\/galerie<\/li>\n <li>S\u00e9curit\u00e9 renforc\u00e9e<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"pricing-card\">\n <h3>Formule Premium<\/h3>\n <p class=\"price\">600 \u20ac HT<\/p>\n <a href=\"mailto:erichard@webizia.fr?subject=Demande%20de%20contact%20-%20Formule%20Premium\" class=\"btn\">Contactez-nous !<\/a>\n <ul>\n <li>5 \u00e0 6 pages<\/li>\n <li>Responsive mobile<\/li>\n <li>Mise en page personnalis\u00e9e<\/li>\n <li>SEO avanc\u00e9<\/li>\n <li>Int\u00e9gration d\u2019images\/galerie<\/li>\n <li>Blog ou section actualit\u00e9s<\/li>\n <li>Connexion aux r\u00e9seaux sociaux<\/li>\n <li>S\u00e9curit\u00e9 renforc\u00e9e<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n.pricing-grid {\n display: flex;\n justify-content: center;\n align-items: stretch;\n gap: 60px;\n max-width: 1300px;\n margin: 0 auto;\n flex-wrap: nowrap;\n}\n\n.pricing-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n padding: 50px 40px;\n width: 360px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: all 0.4s ease;\n transform: scale(1);\n}\n\n.pricing-card h3 {\n font-size: 1.4rem;\n margin-bottom: 10px;\n color: #222;\n}\n\n.pricing-card .price {\n font-size: 2.4rem;\n font-weight: 700;\n color: #0073e6;\n margin: 20px 0;\n}\n\n.pricing-card ul {\n list-style: none;\n padding: 0;\n margin: 25px 0 0 0;\n color: #555;\n line-height: 1.8;\n}\n\n.pricing-card ul li {\n margin: 8px 0;\n}\n\n.pricing-card .btn {\n display: inline-block;\n margin-top: 20px;\n padding: 12px 30px;\n border-radius: 25px;\n background: #0073e6;\n color: #fff;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n}\n\n.pricing-card .btn:hover {\n background: #005bb5;\n transform: scale(1.05);\n}\n\n.pricing-card:hover {\n transform: scale(1.05) translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.2);\n}\n\n.featured {\n background: linear-gradient(180deg, #0073e6 0%, #00aaff 100%);\n color: #fff;\n transform: scale(1.08);\n}\n\n.featured h3, .featured .price {\n color: #fff;\n}\n\n.featured ul li {\n color: rgba(255,255,255,0.9);\n}\n\n.featured .btn {\n background: #fff;\n color: #0073e6;\n}\n\n.featured .btn:hover {\n background: #f1f1f1;\n}\n\n@media (max-width: 1100px) {\n .pricing-grid {\n flex-wrap: wrap;\n }\n}\n<\/style>\n\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<div class=\"energy-line\">\n <svg viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\">\n <path d=\"M0,50 C360,0 1080,100 1440,50\" stroke=\"url(#glow)\" stroke-width=\"3\" fill=\"transparent\"\/>\n <defs>\n <linearGradient id=\"glow\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" stop-color=\"#007bff\" stop-opacity=\"0\" \/>\n <stop offset=\"50%\" stop-color=\"#007bff\" stop-opacity=\"1\" \/>\n <stop offset=\"100%\" stop-color=\"#007bff\" stop-opacity=\"0\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n<\/div>\n\n<style>\n.energy-line {\n width: 100%;\n height: 100px;\n overflow: hidden;\n position: relative;\n}\n\n.energy-line svg {\n width: 100%;\n height: 100%;\n}\n\n.energy-line path {\n stroke-dasharray: 1500;\n stroke-dashoffset: 1500;\n stroke-linecap: round;\n animation: flowLight 4s linear infinite alternate; \/* aller-retour *\/\n filter: drop-shadow(0 0 10px #007bff) drop-shadow(0 0 20px #007bff);\n}\n\n@keyframes flowLight {\n 0% {\n stroke-dashoffset: 1500; \/* invisible *\/\n }\n 100% {\n stroke-dashoffset: 0; \/* ligne trac\u00e9e *\/\n }\n}\n<\/style>\n\n\n\n<!doctype html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"utf-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n <title>Demander un devis \u2014 WEBIZIA<\/title>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --blue: #007BFF;\n --blue-dark: #0056b3;\n --muted: #f5f8ff;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background: linear-gradient(135deg, #ffffff 0%, #f0f6ff 100%);\n color: #333;\n text-align: center;\n padding: 100px 20px;\n }\n\n h1 {\n color: var(--blue);\n font-size: 2.4rem;\n font-weight: 800;\n margin-bottom: 20px;\n animation: fadeDown 0.8s ease forwards;\n }\n\n p {\n color: #555;\n font-size: 1.1rem;\n margin-bottom: 40px;\n animation: fadeIn 1s ease forwards;\n }\n\n .btn {\n display: inline-block;\n background: var(--blue);\n color: #fff;\n padding: 16px 34px;\n border-radius: 12px;\n text-decoration: none;\n font-weight: 700;\n transition: all 0.3s ease;\n box-shadow: 0 8px 20px rgba(0, 123, 255, 0.15);\n }\n\n .btn:hover {\n background: var(--blue-dark);\n transform: translateY(-3px);\n box-shadow: 0 14px 35px rgba(0, 86, 179, 0.25);\n }\n\n @keyframes fadeDown {\n from { opacity: 0; transform: translateY(-30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <h1>Demandez votre devis personnalis\u00e9<\/h1>\n <p>Expliquez-nous votre projet, vos besoins ou vos id\u00e9es \u2014 nous vous r\u00e9pondrons sous 24h.<\/p>\n <a href=\"mailto:erichard@webizia.fr?subject=Demande%20de%20devis%20WEBIZIA\" class=\"btn\">Envoyer un e-mail<\/a>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WEBIZIA \u2014 Services NOS SERVICES Cr\u00e9ation de site web Conception de sites modernes, rapides et adapt\u00e9s \u00e0 tous les \u00e9crans pour mettre en valeur votre activit\u00e9 et attirer de nouveaux clients. Gestion de site web Mise \u00e0 jour r\u00e9guli\u00e8re de vos contenus, optimisation SEO et suivi de la performance pour garder votre site toujours efficace. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":63,"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":298,"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/298"}],"wp:attachment":[{"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":15,"date":"2025-09-02T16:44:57","date_gmt":"2025-09-02T16:44:57","guid":{"rendered":"https:\/\/webizia.fr\/?page_id=15"},"modified":"2025-10-31T15:36:09","modified_gmt":"2025-10-31T15:36:09","slug":"services","status":"publish","type":"page","link":"https:\/\/webizia.fr\/index.php\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\n\n\n\n \n \n WEBIZIA \u2014 Services<\/title>\n <style>\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n background: #fff;\n }\n\n h1 {\n text-align: center;\n margin-top: 50px;\n color: #007bff;\n font-size: 2rem; \/* un peu plus grand *\/\n }\n\n .services {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n max-width: 1200px;\n margin: 60px auto;\n padding: 0 20px;\n }\n\n .service {\n background: #fff;\n border-radius: 15px;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n text-align: center;\n padding: 30px;\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n min-height: 250px;\n }\n\n .service:hover {\n transform: translateY(-10px);\n box-shadow: 0 10px 30px rgba(0, 123, 255, 0.3);\n }\n\n .service h3 {\n color: #007bff;\n margin-bottom: 15px;\n font-size: 1.3rem; \/* l\u00e9g\u00e8rement plus grand *\/\n }\n\n .service p {\n color: #333;\n font-size: 1rem; \/* texte plus grand pour meilleure lisibilit\u00e9 *\/\n line-height: 1.6;\n }\n\n \/* responsive *\/\n @media (max-width: 900px) {\n .services {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 600px) {\n .services {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .service {\n padding: 20px;\n min-height: auto;\n }\n\n .service h3 {\n font-size: 1.2rem; \/* ajustement sur mobile *\/\n }\n\n .service p {\n font-size: 1rem; \/* garde lisible sur mobile *\/\n }\n }\n <\/style>\n<\/head>\n<body>\n <h1>NOS SERVICES<\/h1>\n\n <div class=\"services\">\n <div class=\"service\">\n <h3>Cr\u00e9ation de site web<\/h3>\n <p>Conception de sites modernes, rapides et adapt\u00e9s \u00e0 tous les \u00e9crans pour mettre en valeur votre activit\u00e9 et attirer de nouveaux clients.<\/p>\n <\/div>\n <div class=\"service\">\n <h3>Gestion de site web<\/h3>\n <p>Mise \u00e0 jour r\u00e9guli\u00e8re de vos contenus, optimisation SEO et suivi de la performance pour garder votre site toujours efficace.<\/p>\n <\/div>\n <div class=\"service\">\n <h3>Maintenance de site web<\/h3>\n <p>Surveillance, mises \u00e0 jour de s\u00e9curit\u00e9, support technique pour garantir la stabilit\u00e9 et la s\u00e9curit\u00e9 de votre site.<\/p>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n\n<div class=\"energy-line\">\n <svg viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\">\n <path d=\"M0,50 C360,0 1080,100 1440,50\" stroke=\"url(#glow)\" stroke-width=\"3\" fill=\"transparent\"\/>\n <defs>\n <linearGradient id=\"glow\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" stop-color=\"#007bff\" stop-opacity=\"0\" \/>\n <stop offset=\"50%\" stop-color=\"#007bff\" stop-opacity=\"1\" \/>\n <stop offset=\"100%\" stop-color=\"#007bff\" stop-opacity=\"0\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n<\/div>\n\n<style>\n.energy-line {\n width: 100%;\n height: 100px;\n overflow: hidden;\n position: relative;\n}\n\n.energy-line svg {\n width: 100%;\n height: 100%;\n}\n\n.energy-line path {\n stroke-dasharray: 1500;\n stroke-dashoffset: 1500;\n stroke-linecap: round;\n animation: flowLight 4s linear infinite alternate; \/* aller-retour *\/\n filter: drop-shadow(0 0 10px #007bff) drop-shadow(0 0 20px #007bff);\n}\n\n@keyframes flowLight {\n 0% {\n stroke-dashoffset: 1500; \/* invisible *\/\n }\n 100% {\n stroke-dashoffset: 0; \/* ligne trac\u00e9e *\/\n }\n}\n<\/style>\n\n\n\n<section class=\"pricing\" style=\"font-family: 'Poppins', sans-serif; padding: 30px 20px 60px 20px; text-align: center;\">\n\n <h2 style=\"font-size:2.3rem; font-weight:700; color:#0073e6; margin-bottom:15px;\">NOS FORMULES<\/h2>\n <p style=\"color:#666; font-size:1.1rem; margin-bottom:50px;\">Des solutions adapt\u00e9es \u00e0 vos besoins pour booster votre visibilit\u00e9.<\/p>\n\n <div class=\"pricing-grid\">\n \n <div class=\"pricing-card\">\n <h3>Formule Basique<\/h3>\n <p class=\"price\">350 \u20ac HT<\/p>\n <a href=\"mailto:erichard@webizia.fr?subject=Demande%20de%20contact%20-%20Formule%20Basique\" class=\"btn\">Contactez-nous !<\/a>\n <ul>\n <li>1 \u00e0 4 pages<\/li>\n <li>Responsive mobile<\/li>\n <li>Mise en page simple<\/li>\n <li>SEO de base<\/li>\n <li>S\u00e9curit\u00e9 renforc\u00e9e<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"pricing-card featured\">\n <h3>Formule Standard<\/h3>\n <p class=\"price\">450 \u20ac HT<\/p>\n <a href=\"mailto:erichard@webizia.fr?subject=Demande%20de%20contact%20-%20Formule%20Standard\" class=\"btn\">Contactez-nous !<\/a>\n <ul>\n <li>4 \u00e0 5 pages<\/li>\n <li>Responsive mobile<\/li>\n <li>Mise en page personnalis\u00e9e<\/li>\n <li>SEO avanc\u00e9<\/li>\n <li>Int\u00e9gration d\u2019images\/galerie<\/li>\n <li>S\u00e9curit\u00e9 renforc\u00e9e<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"pricing-card\">\n <h3>Formule Premium<\/h3>\n <p class=\"price\">600 \u20ac HT<\/p>\n <a href=\"mailto:erichard@webizia.fr?subject=Demande%20de%20contact%20-%20Formule%20Premium\" class=\"btn\">Contactez-nous !<\/a>\n <ul>\n <li>5 \u00e0 6 pages<\/li>\n <li>Responsive mobile<\/li>\n <li>Mise en page personnalis\u00e9e<\/li>\n <li>SEO avanc\u00e9<\/li>\n <li>Int\u00e9gration d\u2019images\/galerie<\/li>\n <li>Blog ou section actualit\u00e9s<\/li>\n <li>Connexion aux r\u00e9seaux sociaux<\/li>\n <li>S\u00e9curit\u00e9 renforc\u00e9e<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n.pricing-grid {\n display: flex;\n justify-content: center;\n align-items: stretch;\n gap: 60px;\n max-width: 1300px;\n margin: 0 auto;\n flex-wrap: nowrap;\n}\n\n.pricing-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n padding: 50px 40px;\n width: 360px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: all 0.4s ease;\n transform: scale(1);\n}\n\n.pricing-card h3 {\n font-size: 1.4rem;\n margin-bottom: 10px;\n color: #222;\n}\n\n.pricing-card .price {\n font-size: 2.4rem;\n font-weight: 700;\n color: #0073e6;\n margin: 20px 0;\n}\n\n.pricing-card ul {\n list-style: none;\n padding: 0;\n margin: 25px 0 0 0;\n color: #555;\n line-height: 1.8;\n}\n\n.pricing-card ul li {\n margin: 8px 0;\n}\n\n.pricing-card .btn {\n display: inline-block;\n margin-top: 20px;\n padding: 12px 30px;\n border-radius: 25px;\n background: #0073e6;\n color: #fff;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n}\n\n.pricing-card .btn:hover {\n background: #005bb5;\n transform: scale(1.05);\n}\n\n.pricing-card:hover {\n transform: scale(1.05) translateY(-10px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.2);\n}\n\n.featured {\n background: linear-gradient(180deg, #0073e6 0%, #00aaff 100%);\n color: #fff;\n transform: scale(1.08);\n}\n\n.featured h3, .featured .price {\n color: #fff;\n}\n\n.featured ul li {\n color: rgba(255,255,255,0.9);\n}\n\n.featured .btn {\n background: #fff;\n color: #0073e6;\n}\n\n.featured .btn:hover {\n background: #f1f1f1;\n}\n\n@media (max-width: 1100px) {\n .pricing-grid {\n flex-wrap: wrap;\n }\n}\n<\/style>\n\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<div class=\"energy-line\">\n <svg viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\">\n <path d=\"M0,50 C360,0 1080,100 1440,50\" stroke=\"url(#glow)\" stroke-width=\"3\" fill=\"transparent\"\/>\n <defs>\n <linearGradient id=\"glow\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" stop-color=\"#007bff\" stop-opacity=\"0\" \/>\n <stop offset=\"50%\" stop-color=\"#007bff\" stop-opacity=\"1\" \/>\n <stop offset=\"100%\" stop-color=\"#007bff\" stop-opacity=\"0\" \/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n<\/div>\n\n<style>\n.energy-line {\n width: 100%;\n height: 100px;\n overflow: hidden;\n position: relative;\n}\n\n.energy-line svg {\n width: 100%;\n height: 100%;\n}\n\n.energy-line path {\n stroke-dasharray: 1500;\n stroke-dashoffset: 1500;\n stroke-linecap: round;\n animation: flowLight 4s linear infinite alternate; \/* aller-retour *\/\n filter: drop-shadow(0 0 10px #007bff) drop-shadow(0 0 20px #007bff);\n}\n\n@keyframes flowLight {\n 0% {\n stroke-dashoffset: 1500; \/* invisible *\/\n }\n 100% {\n stroke-dashoffset: 0; \/* ligne trac\u00e9e *\/\n }\n}\n<\/style>\n\n\n\n<!doctype html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"utf-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n <title>Demander un devis \u2014 WEBIZIA<\/title>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --blue: #007BFF;\n --blue-dark: #0056b3;\n --muted: #f5f8ff;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background: linear-gradient(135deg, #ffffff 0%, #f0f6ff 100%);\n color: #333;\n text-align: center;\n padding: 100px 20px;\n }\n\n h1 {\n color: var(--blue);\n font-size: 2.4rem;\n font-weight: 800;\n margin-bottom: 20px;\n animation: fadeDown 0.8s ease forwards;\n }\n\n p {\n color: #555;\n font-size: 1.1rem;\n margin-bottom: 40px;\n animation: fadeIn 1s ease forwards;\n }\n\n .btn {\n display: inline-block;\n background: var(--blue);\n color: #fff;\n padding: 16px 34px;\n border-radius: 12px;\n text-decoration: none;\n font-weight: 700;\n transition: all 0.3s ease;\n box-shadow: 0 8px 20px rgba(0, 123, 255, 0.15);\n }\n\n .btn:hover {\n background: var(--blue-dark);\n transform: translateY(-3px);\n box-shadow: 0 14px 35px rgba(0, 86, 179, 0.25);\n }\n\n @keyframes fadeDown {\n from { opacity: 0; transform: translateY(-30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <h1>Demandez votre devis personnalis\u00e9<\/h1>\n <p>Expliquez-nous votre projet, vos besoins ou vos id\u00e9es \u2014 nous vous r\u00e9pondrons sous 24h.<\/p>\n <a href=\"mailto:erichard@webizia.fr?subject=Demande%20de%20devis%20WEBIZIA\" class=\"btn\">Envoyer un e-mail<\/a>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WEBIZIA \u2014 Services NOS SERVICES Cr\u00e9ation de site web Conception de sites modernes, rapides et adapt\u00e9s \u00e0 tous les \u00e9crans pour mettre en valeur votre activit\u00e9 et attirer de nouveaux clients. Gestion de site web Mise \u00e0 jour r\u00e9guli\u00e8re de vos contenus, optimisation SEO et suivi de la performance pour garder votre site toujours efficace. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":63,"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":298,"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/298"}],"wp:attachment":[{"href":"https:\/\/webizia.fr\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}