{"id":197,"date":"2026-08-22T01:59:07","date_gmt":"2026-08-22T01:59:07","guid":{"rendered":"https:\/\/bhwebcreation.fr\/?page_id=197"},"modified":"2026-08-22T06:20:30","modified_gmt":"2026-08-22T06:20:30","slug":"demo","status":"publish","type":"page","link":"https:\/\/bhwebcreation.fr\/index.php\/demo\/","title":{"rendered":"DEMO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"197\" class=\"elementor elementor-197\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f15685e e-flex e-con-boxed e-con e-parent\" data-id=\"f15685e\" 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-f668356 elementor-widget elementor-widget-html\" data-id=\"f668356\" 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, viewport-fit=cover\">\r\n<title>HEDIN FLOW \u2014 D\u00e9mo<\/title>\r\n<style>\r\n:root{\r\n  --bg:#07101f;\r\n  --panel:#0d182b;\r\n  --panel2:#111f35;\r\n  --panel3:#152640;\r\n  --line:rgba(255,255,255,.10);\r\n  --text:#f6f8fc;\r\n  --muted:#9aa8bb;\r\n  --blue:#4da3ff;\r\n  --blue2:#2f7fe0;\r\n  --green:#35d49a;\r\n  --orange:#ffb454;\r\n  --red:#ff6d7d;\r\n  --shadow:0 20px 60px rgba(0,0,0,.28);\r\n  --radius:18px;\r\n}\r\n*{box-sizing:border-box}\r\nhtml,body{margin:0;padding:0;background:#f4f7fb}\r\nbody{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;color:var(--text)}\r\nbutton{font:inherit}\r\n#hf-demo{width:100%;max-width:1440px;margin:0 auto;background:var(--bg);min-height:100vh;overflow:hidden}\r\n\r\n\/* Return bar *\/\r\n.hf-homebar{\r\n  height:62px;display:flex;align-items:center;justify-content:space-between;\r\n  padding:0 22px;background:#050b16;border-bottom:1px solid var(--line)\r\n}\r\n.hf-home-link{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}\r\n.hf-home-arrow{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center}\r\n.hf-home-link strong{font-size:11px;letter-spacing:.08em}\r\n.hf-home-link small{display:block;color:var(--muted);font-size:9px;margin-top:2px}\r\n.hf-home-center{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}\r\n.hf-demo-badge{font-size:10px;padding:7px 10px;border:1px solid rgba(77,163,255,.35);color:#9dcbff;border-radius:999px;background:rgba(77,163,255,.08)}\r\n\r\n\/* App *\/\r\n.hf-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 62px)}\r\n.hf-sidebar{background:#091425;border-right:1px solid var(--line);padding:18px 12px}\r\n.hf-logo{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}\r\n.hf-logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#4da3ff,#2766c7);display:grid;place-items:center;font-weight:800;color:#fff}\r\n.hf-logo strong{font-size:14px;letter-spacing:.08em}\r\n.hf-logo small{display:block;color:var(--muted);font-size:9px;margin-top:2px}\r\n.hf-nav{display:flex;flex-direction:column;gap:5px}\r\n.hf-nav button{\r\n  border:0;background:transparent;color:#aab7c9;width:100%;text-align:left;\r\n  padding:11px 12px;border-radius:11px;cursor:pointer;font-size:12px;\r\n  display:flex;align-items:center;gap:10px\r\n}\r\n.hf-nav button:hover,.hf-nav button.active{background:rgba(77,163,255,.12);color:#fff}\r\n.hf-nav .ico{width:19px;text-align:center;font-size:15px}\r\n.hf-user{margin-top:auto;border-top:1px solid var(--line);padding:15px 8px 0;color:#aab7c9;font-size:10px}\r\n.hf-user strong{display:block;color:#fff;font-size:11px;margin-bottom:3px}\r\n\r\n.hf-main{min-width:0;background:#f4f7fb;color:#172033}\r\n.hf-top{\r\n  height:62px;background:#fff;border-bottom:1px solid #e7ebf1;\r\n  display:flex;align-items:center;justify-content:space-between;padding:0 24px\r\n}\r\n.hf-top strong{font-size:14px}.hf-top span{display:block;color:#8a95a5;font-size:9px;margin-top:3px}\r\n.hf-mode{border:1px solid #dce3ec;border-radius:10px;padding:8px 10px;background:#fff;color:#607087;font-size:10px}\r\n.hf-content{padding:24px;max-width:1180px;margin:0 auto}\r\n.hf-view{display:none}.hf-view.active{display:block}\r\n.hf-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}\r\n.hf-head h1{margin:0;font-size:27px;letter-spacing:-.03em}.hf-head p{margin:6px 0 0;color:#748196;font-size:12px;line-height:1.55}\r\n.hf-actions{display:flex;gap:8px;flex:0 0 auto}\r\n.hf-btn{border:1px solid #dce3ec;background:#fff;color:#243148;border-radius:10px;padding:10px 13px;font-size:11px;cursor:pointer}\r\n.hf-btn.primary{background:#2679dc;border-color:#2679dc;color:#fff}\r\n.hf-btn.green{background:#eafaf4;border-color:#c9f1e1;color:#16865e}\r\n.hf-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}\r\n.hf-card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:16px;box-shadow:0 5px 20px rgba(28,46,75,.04)}\r\n.hf-label{font-size:9px;color:#8793a4;text-transform:uppercase;letter-spacing:.08em}.hf-number{font-size:25px;font-weight:750;margin-top:7px}.hf-card-note{font-size:9px;color:#7e8b9e;margin-top:5px}\r\n.hf-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:14px}\r\n.hf-panel{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:16px;box-shadow:0 5px 20px rgba(28,46,75,.04)}\r\n.hf-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}\r\n.hf-panel-title strong{font-size:13px}.hf-panel-title span{font-size:9px;color:#8793a4}\r\n.hf-job{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #edf0f4}\r\n.hf-job:first-child{border-top:0}.hf-time{font-weight:700;font-size:11px;color:#31567f}\r\n.hf-job strong{font-size:11px}.hf-job small{display:block;color:#8793a4;font-size:9px;margin-top:3px}\r\n.hf-tag{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:700}\r\n.hf-tag.green{background:#e7faf2;color:#16865e}.hf-tag.blue{background:#e9f3ff;color:#2673c9}.hf-tag.orange{background:#fff4e4;color:#b96c09}.hf-tag.red{background:#ffebee;color:#c44453}\r\n.hf-list{display:flex;flex-direction:column;gap:8px}.hf-list-row{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:10px;background:#f7f9fc;font-size:10px}.hf-list-row span{color:#8290a2}\r\n.hf-route{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.hf-map{height:470px;border-radius:14px;background:radial-gradient(circle at 20% 25%,#dbe8f6 0 2%,transparent 3%),linear-gradient(135deg,#eef4f9,#dce7f2);border:1px solid #dce5ee;position:relative;overflow:hidden}\r\n.hf-road{position:absolute;height:2px;background:#fff;transform-origin:left center;opacity:.9}.r1{width:80%;left:4%;top:30%;transform:rotate(12deg)}.r2{width:90%;left:4%;top:58%;transform:rotate(-9deg)}.r3{width:70%;left:15%;top:77%;transform:rotate(25deg)}.r4{width:75%;left:8%;top:45%;transform:rotate(-35deg)}\r\n.hf-pin{position:absolute;width:28px;height:28px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#2679dc;box-shadow:0 6px 16px rgba(38,121,220,.3)}.hf-pin i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left:10px;top:10px}.p1{left:20%;top:22%}.p2{left:63%;top:39%;background:#35b88a}.p3{left:40%;top:68%;background:#ff9e35}.p4{left:76%;top:72%;background:#e35b6c}\r\n.hf-stops{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:16px}\r\n.hf-stop{padding:12px 0;border-top:1px solid #edf0f4}.hf-stop:first-child{border-top:0}.hf-stop strong{font-size:11px}.hf-stop small{display:block;color:#8793a4;font-size:9px;margin-top:3px}\r\n.hf-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hf-info{padding:12px;border-radius:11px;background:#f7f9fc}.hf-info small{display:block;color:#8793a4;font-size:8px;text-transform:uppercase}.hf-info strong{display:block;font-size:11px;margin-top:4px}\r\n.hf-invoice{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:20px}.hf-invoice-top{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #edf0f4}.hf-invoice h3{margin:0;font-size:16px}.hf-invoice p{color:#8793a4;font-size:9px;line-height:1.5}.hf-total{font-size:24px;font-weight:800}.hf-invoice-actions{display:flex;gap:8px;margin-top:15px}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1050px){\r\n  .hf-shell{grid-template-columns:190px minmax(0,1fr)}\r\n  .hf-content{padding:18px}\r\n  .hf-cards{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n  .hf-grid,.hf-route{grid-template-columns:1fr}\r\n  .hf-map{height:380px}\r\n}\r\n@media(max-width:760px){\r\n  #hf-demo{min-width:0}\r\n  .hf-homebar{height:58px;padding:0 12px}\r\n  .hf-home-center{display:none}\r\n  .hf-shell{display:block;min-height:0}\r\n  .hf-sidebar{width:100%;border-right:0;border-bottom:1px solid var(--line);padding:9px 10px;background:#091425}\r\n  .hf-logo{padding:2px 5px 9px}\r\n  .hf-logo-mark{width:30px;height:30px}\r\n  .hf-nav{\r\n    display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;\r\n    overflow-x:auto;overflow-y:hidden;width:100%;padding-bottom:2px;\r\n    scrollbar-width:none;-webkit-overflow-scrolling:touch\r\n  }\r\n  .hf-nav::-webkit-scrollbar{display:none}\r\n  .hf-nav button{\r\n    display:flex!important;flex:0 0 auto;width:auto!important;\r\n    white-space:nowrap;padding:9px 11px;border:1px solid rgba(255,255,255,.06)\r\n  }\r\n  .hf-user{display:none}\r\n  .hf-top{height:54px;padding:0 13px}.hf-top strong{font-size:13px}.hf-top span{font-size:8px}\r\n  .hf-mode{padding:7px 9px;font-size:9px}\r\n  .hf-content{padding:13px;width:100%}\r\n  .hf-head{display:block;margin-bottom:15px}.hf-head h1{font-size:23px}.hf-head p{font-size:10px}\r\n  .hf-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:11px}\r\n  .hf-actions .hf-btn{width:100%;min-height:42px}\r\n  .hf-cards{grid-template-columns:1fr 1fr;gap:9px}\r\n  .hf-card{padding:12px}.hf-number{font-size:21px}\r\n  .hf-grid,.hf-route{grid-template-columns:1fr;gap:10px}\r\n  .hf-panel{padding:13px}\r\n  .hf-job{grid-template-columns:43px minmax(0,1fr);gap:8px;padding:10px 0}\r\n  .hf-job .hf-tag{grid-column:2;justify-self:start}\r\n  .hf-map{height:290px}\r\n  .hf-info-grid{grid-template-columns:1fr}\r\n  .hf-invoice{padding:14px}.hf-invoice-top{display:block}.hf-total{margin-top:8px}\r\n  .hf-invoice-actions{display:grid;grid-template-columns:1fr}\r\n}\r\n@media(max-width:430px){\r\n  .hf-demo-badge{display:none}\r\n  .hf-home-link strong{font-size:9px}\r\n  .hf-home-link small{font-size:8px}\r\n  .hf-content{padding:11px}\r\n  .hf-cards{grid-template-columns:1fr 1fr}\r\n  .hf-actions{grid-template-columns:1fr}\r\n  .hf-actions .hf-btn{width:100%}\r\n  .hf-map{height:250px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"hf-demo\">\r\n  <div class=\"hf-homebar\">\r\n    <a class=\"hf-home-link\" href=\"\/\">\r\n      <span class=\"hf-home-arrow\">\u2190<\/span>\r\n      <span><strong>BH WEB CR\u00c9ATION<\/strong><small>Retour \u00e0 l'accueil<\/small><\/span>\r\n    <\/a>\r\n    <div class=\"hf-home-center\">HEDIN FLOW \u2014 D\u00e9monstration<\/div>\r\n    <span class=\"hf-demo-badge\">MODE D\u00c9MO<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"hf-shell\">\r\n    <aside class=\"hf-sidebar\">\r\n      <div class=\"hf-logo\">\r\n        <div class=\"hf-logo-mark\">H<\/div>\r\n        <div><strong>HEDIN FLOW<\/strong><small>Gestion terrain<\/small><\/div>\r\n      <\/div>\r\n      <nav class=\"hf-nav\" aria-label=\"Navigation HEDIN FLOW\">\r\n        <button class=\"active\" data-view=\"dashboard\"><span class=\"ico\">\u2302<\/span>Tableau de bord<\/button>\r\n        <button data-view=\"planning\"><span class=\"ico\">\u25a6<\/span>Planning<\/button>\r\n        <button data-view=\"tournees\"><span class=\"ico\">\u2197<\/span>Tourn\u00e9es<\/button>\r\n        <button data-view=\"interventions\"><span class=\"ico\">\u2692<\/span>Interventions<\/button>\r\n        <button data-view=\"clients\"><span class=\"ico\">\u2659<\/span>Clients<\/button>\r\n        <button data-view=\"facturation\"><span class=\"ico\">\u25a4<\/span>Facturation<\/button>\r\n      <\/nav>\r\n      <div class=\"hf-user\"><strong>Julien Martin<\/strong>Administrateur \u00b7 D\u00e9mo<\/div>\r\n    <\/aside>\r\n\r\n    <main class=\"hf-main\">\r\n      <div class=\"hf-top\">\r\n        <div><strong id=\"hf-title\">Tableau de bord<\/strong><span id=\"hf-subtitle\">Vue d'ensemble de votre activit\u00e9<\/span><\/div>\r\n        <button class=\"hf-mode\">Entreprise d\u00e9mo \u25be<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"hf-content\">\r\n\r\n        <section class=\"hf-view active\" data-panel=\"dashboard\">\r\n          <div class=\"hf-head\"><div><h1>Bonjour Julien \ud83d\udc4b<\/h1><p>Voici ce qui se passe aujourd'hui sur votre activit\u00e9.<\/p><\/div><div class=\"hf-actions\"><button class=\"hf-btn\">Exporter<\/button><button class=\"hf-btn primary\">+ Nouvelle intervention<\/button><\/div><\/div>\r\n          <div class=\"hf-cards\">\r\n            <div class=\"hf-card\"><div class=\"hf-label\">Interventions aujourd'hui<\/div><div class=\"hf-number\">18<\/div><div class=\"hf-card-note\">14 termin\u00e9es \u00b7 4 \u00e0 venir<\/div><\/div>\r\n            <div class=\"hf-card\"><div class=\"hf-label\">En tourn\u00e9e<\/div><div class=\"hf-number\">6<\/div><div class=\"hf-card-note\">3 \u00e9quipes terrain<\/div><\/div>\r\n            <div class=\"hf-card\"><div class=\"hf-label\">\u00c0 facturer<\/div><div class=\"hf-number\">4 280 \u20ac<\/div><div class=\"hf-card-note\">7 interventions<\/div><\/div>\r\n            <div class=\"hf-card\"><div class=\"hf-label\">\u00c0 encaisser<\/div><div class=\"hf-number\">2 940 \u20ac<\/div><div class=\"hf-card-note\">5 factures ouvertes<\/div><\/div>\r\n          <\/div>\r\n          <div class=\"hf-grid\">\r\n            <div class=\"hf-panel\"><div class=\"hf-panel-title\"><strong>Interventions du jour<\/strong><span>Jeudi 12 juin<\/span><\/div>\r\n              <div class=\"hf-job\"><div class=\"hf-time\">08:30<\/div><div><strong>Martin \u2014 Fuite cuisine<\/strong><small>12 rue des Lilas \u00b7 Julien<\/small><\/div><span class=\"hf-tag green\">Termin\u00e9e<\/span><\/div>\r\n              <div class=\"hf-job\"><div class=\"hf-time\">10:30<\/div><div><strong>Dupont \u2014 Chaudi\u00e8re<\/strong><small>8 rue Victor Hugo \u00b7 Thomas<\/small><\/div><span class=\"hf-tag blue\">En cours<\/span><\/div>\r\n              <div class=\"hf-job\"><div class=\"hf-time\">14:00<\/div><div><strong>Bernard \u2014 Entretien<\/strong><small>4 avenue de la Gare \u00b7 Julien<\/small><\/div><span class=\"hf-tag orange\">\u00c0 venir<\/span><\/div>\r\n              <div class=\"hf-job\"><div class=\"hf-time\">16:30<\/div><div><strong>Petit \u2014 Climatisation<\/strong><small>22 rue Pasteur \u00b7 Thomas<\/small><\/div><span class=\"hf-tag orange\">\u00c0 venir<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"hf-panel\"><div class=\"hf-panel-title\"><strong>Alertes<\/strong><span>4 \u00e9l\u00e9ments<\/span><\/div><div class=\"hf-list\">\r\n              <div class=\"hf-list-row\"><strong>3 devis \u00e0 relancer<\/strong><span>Action<\/span><\/div>\r\n              <div class=\"hf-list-row\"><strong>1 intervention en retard<\/strong><span>Urgent<\/span><\/div>\r\n              <div class=\"hf-list-row\"><strong>2 factures \u00e9chues<\/strong><span>Paiement<\/span><\/div>\r\n              <div class=\"hf-list-row\"><strong>5 avis \u00e0 demander<\/strong><span>Apr\u00e8s-vente<\/span><\/div>\r\n            <\/div><\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"hf-view\" data-panel=\"planning\">\r\n          <div class=\"hf-head\"><div><h1>Planning<\/h1><p>Organisez les rendez-vous et affectez chaque intervention \u00e0 la bonne \u00e9quipe.<\/p><\/div><div class=\"hf-actions\"><button class=\"hf-btn\">Aujourd'hui<\/button><button class=\"hf-btn primary\">+ Rendez-vous<\/button><\/div><\/div>\r\n          <div class=\"hf-panel\"><div class=\"hf-panel-title\"><strong>Jeudi 12 juin<\/strong><span>18 interventions<\/span><\/div>\r\n            <div class=\"hf-job\"><div class=\"hf-time\">08:30<\/div><div><strong>Martin \u2014 Fuite cuisine<\/strong><small>Julien \u00b7 12 rue des Lilas<\/small><\/div><span class=\"hf-tag green\">Confirm\u00e9<\/span><\/div>\r\n            <div class=\"hf-job\"><div class=\"hf-time\">10:30<\/div><div><strong>Dupont \u2014 Chaudi\u00e8re<\/strong><small>Thomas \u00b7 8 rue Victor Hugo<\/small><\/div><span class=\"hf-tag blue\">En cours<\/span><\/div>\r\n            <div class=\"hf-job\"><div class=\"hf-time\">14:00<\/div><div><strong>Bernard \u2014 Entretien<\/strong><small>Julien \u00b7 4 avenue de la Gare<\/small><\/div><span class=\"hf-tag orange\">\u00c0 venir<\/span><\/div>\r\n            <div class=\"hf-job\"><div class=\"hf-time\">16:30<\/div><div><strong>Petit \u2014 Climatisation<\/strong><small>Thomas \u00b7 22 rue Pasteur<\/small><\/div><span class=\"hf-tag orange\">\u00c0 venir<\/span><\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"hf-view\" data-panel=\"tournees\">\r\n          <div class=\"hf-head\"><div><h1>Tourn\u00e9es<\/h1><p>Pr\u00e9parez les d\u00e9placements de vos \u00e9quipes et visualisez les \u00e9tapes.<\/p><\/div><div class=\"hf-actions\"><button class=\"hf-btn\">J-1<\/button><button class=\"hf-btn primary\">Optimiser la tourn\u00e9e<\/button><\/div><\/div>\r\n          <div class=\"hf-route\"><div class=\"hf-map\"><span class=\"hf-road r1\"><\/span><span class=\"hf-road r2\"><\/span><span class=\"hf-road r3\"><\/span><span class=\"hf-road r4\"><\/span><span class=\"hf-pin p1\"><i><\/i><\/span><span class=\"hf-pin p2\"><i><\/i><\/span><span class=\"hf-pin p3\"><i><\/i><\/span><span class=\"hf-pin p4\"><i><\/i><\/span><\/div>\r\n            <div class=\"hf-stops\"><div class=\"hf-panel-title\"><strong>Tourn\u00e9e Julien<\/strong><span>4 arr\u00eats<\/span><\/div>\r\n              <div class=\"hf-stop\"><strong>08:30 \u00b7 Martin<\/strong><small>12 rue des Lilas \u00b7 Fuite cuisine<\/small><\/div>\r\n              <div class=\"hf-stop\"><strong>10:45 \u00b7 Bernard<\/strong><small>4 avenue de la Gare \u00b7 Entretien<\/small><\/div>\r\n              <div class=\"hf-stop\"><strong>13:30 \u00b7 Leroy<\/strong><small>19 rue des \u00c9coles \u00b7 D\u00e9pannage<\/small><\/div>\r\n              <div class=\"hf-stop\"><strong>16:00 \u00b7 Petit<\/strong><small>22 rue Pasteur \u00b7 Climatisation<\/small><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"hf-view\" data-panel=\"interventions\">\r\n          <div class=\"hf-head\"><div><h1>Interventions<\/h1><p>Chaque intervention, son dossier, ses photos, ses notes et son statut.<\/p><\/div><div class=\"hf-actions\"><button class=\"hf-btn\">Filtres<\/button><button class=\"hf-btn primary\">+ Intervention<\/button><\/div><\/div>\r\n          <div class=\"hf-grid\"><div class=\"hf-panel\"><div class=\"hf-panel-title\"><strong>Intervention #HF-1048<\/strong><span class=\"hf-tag blue\">En cours<\/span><\/div>\r\n            <div class=\"hf-info-grid\"><div class=\"hf-info\"><small>Client<\/small><strong>Thomas Dupont<\/strong><\/div><div class=\"hf-info\"><small>Intervenant<\/small><strong>Thomas<\/strong><\/div><div class=\"hf-info\"><small>Adresse<\/small><strong>8 rue Victor Hugo<\/strong><\/div><div class=\"hf-info\"><small>Motif<\/small><strong>Chaudi\u00e8re<\/strong><\/div><\/div>\r\n            <div style=\"margin-top:14px\"><div class=\"hf-label\">Notes<\/div><p style=\"font-size:11px;color:#68768a;line-height:1.6\">Chaudi\u00e8re qui fait du bruit depuis trois jours. Contr\u00f4le du circuit et remplacement de la pi\u00e8ce si n\u00e9cessaire.<\/p><\/div>\r\n          <\/div><div class=\"hf-panel\"><div class=\"hf-panel-title\"><strong>Actions<\/strong><\/div><div class=\"hf-list\"><button class=\"hf-btn\">\ud83d\udcf7 Ajouter des photos<\/button><button class=\"hf-btn green\">\u2713 Terminer l'intervention<\/button><button class=\"hf-btn\">\ud83e\uddfe Pr\u00e9parer la facture<\/button><\/div><\/div><\/div>\r\n        <\/section>\r\n\r\n        <section class=\"hf-view\" data-panel=\"clients\">\r\n          <div class=\"hf-head\"><div><h1>Clients<\/h1><p>Retrouvez l'historique complet de chaque client.<\/p><\/div><div class=\"hf-actions\"><button class=\"hf-btn primary\">+ Nouveau client<\/button><\/div><\/div>\r\n          <div class=\"hf-panel\"><div class=\"hf-panel-title\"><strong>Clients r\u00e9cents<\/strong><span>124 clients<\/span><\/div>\r\n            <div class=\"hf-job\"><div class=\"hf-time\">01<\/div><div><strong>Martin<\/strong><small>12 rue des Lilas \u00b7 6 interventions<\/small><\/div><span class=\"hf-tag green\">Actif<\/span><\/div>\r\n            <div class=\"hf-job\"><div class=\"hf-time\">02<\/div><div><strong>Dupont<\/strong><small>8 rue Victor Hugo \u00b7 3 interventions<\/small><\/div><span class=\"hf-tag green\">Actif<\/span><\/div>\r\n            <div class=\"hf-job\"><div class=\"hf-time\">03<\/div><div><strong>Bernard<\/strong><small>4 avenue de la Gare \u00b7 9 interventions<\/small><\/div><span class=\"hf-tag blue\">Pro<\/span><\/div>\r\n          <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"hf-view\" data-panel=\"facturation\">\r\n          <div class=\"hf-head\"><div><h1>Facturation<\/h1><p>Transformez les interventions termin\u00e9es en factures et suivez les paiements.<\/p><\/div><div class=\"hf-actions\"><button class=\"hf-btn\">Exporter<\/button><button class=\"hf-btn primary\">+ Facture<\/button><\/div><\/div>\r\n          <div class=\"hf-cards\"><div class=\"hf-card\"><div class=\"hf-label\">\u00c0 facturer<\/div><div class=\"hf-number\">4 280 \u20ac<\/div><\/div><div class=\"hf-card\"><div class=\"hf-label\">Envoy\u00e9<\/div><div class=\"hf-number\">7 460 \u20ac<\/div><\/div><div class=\"hf-card\"><div class=\"hf-label\">Pay\u00e9<\/div><div class=\"hf-number\">12 840 \u20ac<\/div><\/div><div class=\"hf-card\"><div class=\"hf-label\">En retard<\/div><div class=\"hf-number\">1 180 \u20ac<\/div><\/div><\/div>\r\n          <div class=\"hf-invoice\"><div class=\"hf-invoice-top\"><div><h3>Facture #2026-0184<\/h3><p>Martin \u00b7 Intervention du 12 juin<br>Fuite cuisine \u00b7 Main-d'\u0153uvre + d\u00e9placement<\/p><\/div><div><span class=\"hf-tag orange\">En attente<\/span><div class=\"hf-total\">486 \u20ac<\/div><\/div><\/div><div class=\"hf-invoice-actions\"><button class=\"hf-btn\">Voir la facture<\/button><button class=\"hf-btn primary\">Envoyer au client<\/button><\/div><\/div>\r\n        <\/section>\r\n\r\n      <\/div>\r\n    <\/main>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\n(function(){\r\n  const buttons=document.querySelectorAll('#hf-demo .hf-nav button');\r\n  const views=document.querySelectorAll('#hf-demo .hf-view');\r\n  const title=document.getElementById('hf-title');\r\n  const subtitle=document.getElementById('hf-subtitle');\r\n  const labels={\r\n    dashboard:['Tableau de bord','Vue d\u2019ensemble de votre activit\u00e9'],\r\n    planning:['Planning','Organisez vos interventions'],\r\n    tournees:['Tourn\u00e9es','Pr\u00e9parez les d\u00e9placements de vos \u00e9quipes'],\r\n    interventions:['Interventions','Suivez chaque intervention'],\r\n    clients:['Clients','G\u00e9rez vos clients et leur historique'],\r\n    facturation:['Facturation','Suivez vos factures et paiements']\r\n  };\r\n  buttons.forEach(btn=>{\r\n    btn.addEventListener('click',()=>{\r\n      const key=btn.dataset.view;\r\n      buttons.forEach(b=>b.classList.toggle('active',b===btn));\r\n      views.forEach(v=>v.classList.toggle('active',v.dataset.panel===key));\r\n      title.textContent=labels[key][0];\r\n      subtitle.textContent=labels[key][1];\r\n      btn.scrollIntoView({behavior:'smooth',block:'nearest',inline:'center'});\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>HEDIN FLOW \u2014 D\u00e9mo \u2190 BH WEB CR\u00c9ATIONRetour \u00e0 l&rsquo;accueil HEDIN FLOW \u2014 D\u00e9monstration MODE D\u00c9MO H HEDIN FLOWGestion terrain \u2302Tableau de bord \u25a6Planning \u2197Tourn\u00e9es \u2692Interventions \u2659Clients \u25a4Facturation Julien MartinAdministrateur \u00b7 D\u00e9mo Tableau de bordVue d&rsquo;ensemble de votre activit\u00e9 Entreprise d\u00e9mo \u25be Bonjour Julien \ud83d\udc4b Voici ce qui se passe aujourd&rsquo;hui sur votre activit\u00e9. Exporter+&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"default","_kad_post_vertical_padding":"","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages\/197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/comments?post=197"}],"version-history":[{"count":13,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages\/197\/revisions"}],"predecessor-version":[{"id":296,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages\/197\/revisions\/296"}],"wp:attachment":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/media?parent=197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}