Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
210 lines (205 loc) · 22 KB
/
Copy pathindex.html
File metadata and controls
210 lines (205 loc) · 22 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Free Physiotherapy Website Template (HTML) | Straightline</title>
<meta name="description" content="Free physiotherapy clinic website template in one editable file. Tap a body area to see conditions treated, then book an assessment. Prices and FAQ included.">
<meta name="keywords" content="physiotherapy website template, physio clinic HTML template free, physical therapy website template, sports injury clinic website, free HTML template, one page website template">
<meta name="robots" content="index, follow, max-image-preview:large">
<link rel="canonical" href="https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/">
<meta name="theme-color" content="#23305E">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Free HTML Templates">
<meta property="og:title" content="Free Physiotherapy Website Template (HTML)">
<meta property="og:description" content="Free physiotherapy clinic website template in one editable file. Tap a body area to see conditions treated, then book an assessment. Prices and FAQ included.">
<meta property="og:url" content="https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/">
<meta property="og:image" content="https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/screenshot.png"><meta property="og:image:alt" content="Free Physiotherapy Website Template (HTML)">
<meta property="og:image:width" content="1440">
<meta property="og:image:height" content="900">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Free Physiotherapy Website Template (HTML)">
<meta name="twitter:description" content="Free physiotherapy clinic website template in one editable file. Tap a body area to see conditions treated, then book an assessment. Prices and FAQ included.">
<meta name="twitter:image" content="https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/screenshot.png">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='14' fill='%2323305E'/><path d='M32 10v44' stroke='%23F08A24' stroke-width='6' stroke-linecap='round'/><circle cx='32' cy='18' r='5' fill='%23fff'/><circle cx='32' cy='32' r='5' fill='%23fff'/><circle cx='32' cy='46' r='5' fill='%23fff'/></svg>">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://images.unsplash.com">
<link href="https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@600;700&family=Asap:wght@400;500;600&display=swap" rel="stylesheet">
<!-- Structured data for this template page. When you use the template, replace it with LocalBusiness or Organization schema for your own business (see README). -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebPage",
"@id": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/#webpage",
"url": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/",
"name": "Free Physiotherapy Website Template (HTML)",
"description": "Free physiotherapy clinic website template in one editable file. Tap a body area to see conditions treated, then book an assessment. Prices and FAQ included.",
"inLanguage": "en",
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/screenshot.png"
},
"isPartOf": {
"@type": "WebSite",
"name": "Free HTML Templates",
"url": "https://mmrahmanbappi.github.io/100-free-html-templates/"
},
"breadcrumb": {
"@id": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/#breadcrumb"
},
"mainEntity": {
"@id": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/#template"
}
},
{
"@type": "CreativeWork",
"@id": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/#template",
"name": "Free Physiotherapy Website Template (HTML)",
"description": "Free physiotherapy clinic website template in one editable file. Tap a body area to see conditions treated, then book an assessment. Prices and FAQ included.",
"genre": "Website template",
"image": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/screenshot.png",
"url": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/",
"license": "https://opensource.org/licenses/MIT",
"isAccessibleForFree": true,
"encodingFormat": "text/html",
"inLanguage": "en",
"keywords": "physiotherapy website template, physio clinic HTML template free, physical therapy website template, sports injury clinic website",
"author": {
"@type": "Person",
"name": "mmrahmanbappi",
"url": "https://github.com/mmrahmanbappi"
},
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"downloadUrl": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/index.html"
},
{
"@type": "BreadcrumbList",
"@id": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Free HTML Templates",
"item": "https://mmrahmanbappi.github.io/100-free-html-templates/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Health & Fitness Templates",
"item": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/"
},
{
"@type": "ListItem",
"position": 3,
"name": "Physiotherapy Template",
"item": "https://mmrahmanbappi.github.io/100-free-html-templates/health-fitness/physiotherapy/"
}
]
}
]
}
</script>
<style>
:root{--in:#23305E;--in2:#34457F;--or:#F08A24;--or2:#C96A0E;--pb:#EEF1F7;--ink:#1B2238;--gr:#555F76;--ln:#D9DFEB;--h:"Asap Condensed",Impact,sans-serif;--b:"Asap",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--b);font-size:17px;line-height:1.65;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--h);font-weight:700;margin:0;line-height:1.02}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--or);padding:8px;z-index:99}
:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.hd{background:var(--in);color:#fff}.nav{display:flex;justify-content:space-between;align-items:center;height:78px;position:relative}.logo{font-family:var(--h);font-size:28px;text-decoration:none;display:flex;gap:10px;align-items:center}
.menu{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-weight:500}.menu a{text-decoration:none}.menu a:hover{color:var(--or)}
.burger{display:none;background:none;border:2px solid #fff;color:#fff;width:44px;height:40px;border-radius:8px;font-size:20px;cursor:pointer}
.hero{background:var(--in);color:#fff;padding:30px 0 0;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
.hero .t{padding-bottom:70px}.hero h1{font-size:clamp(50px,7vw,96px);text-transform:uppercase}.hero h1 span{color:var(--or)}
.hero p{font-size:19px;color:#C9D1EA;max-width:30em;margin:22px 0 28px}
.btn{display:inline-block;background:var(--or);color:var(--ink);text-decoration:none;font:600 17px var(--b);padding:14px 26px;border-radius:6px;border:0;cursor:pointer}.btn.w{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn.d{background:var(--in);color:#fff}
.row{display:flex;flex-wrap:wrap;gap:12px}
.hero img{width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:10px 10px 0 0}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--in2);margin-top:30px;padding-top:20px;gap:10px}.facts b{display:block;font-family:var(--h);font-size:34px;color:#fff}.facts span{font-size:14px;color:#C9D1EA}
section{padding:86px 0}.sh{max-width:660px;margin-bottom:34px}.sh h2{font-size:clamp(38px,5vw,62px);text-transform:uppercase;color:var(--in)}.sh p{color:var(--gr);margin:12px 0 0;font-size:18px}
.bm{background:var(--pb)}.bg{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.bg>div{min-width:0}
.fig{position:relative;max-width:340px;margin:0 auto}.fig svg{width:100%;height:auto;display:block}
.hs{position:absolute;width:30px;height:30px;border-radius:50%;border:3px solid #fff;background:var(--or);transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 0 0 0 rgba(240,138,36,.5);padding:0}
.hs[aria-pressed=true]{background:var(--in);box-shadow:0 0 0 8px rgba(35,48,94,.2)}
.hs:hover{transform:translate(-50%,-50%) scale(1.15)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.chips button{font:600 15px var(--b);background:#fff;border:2px solid var(--ln);border-radius:6px;padding:8px 14px;cursor:pointer;color:var(--ink)}.chips button[aria-pressed=true]{background:var(--in);border-color:var(--in);color:#fff}
.area{background:#fff;border-radius:12px;padding:28px;border-left:6px solid var(--or)}.area h3{font-size:40px;text-transform:uppercase;color:var(--in)}.area .sub{color:var(--gr);margin:4px 0 18px}
.cond{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}.cond li{background:var(--pb);border-radius:30px;padding:6px 14px;font-size:15px;font-weight:500}
.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.meta div{background:var(--pb);border-radius:8px;padding:12px 14px;font-size:14px;color:var(--gr)}.meta b{display:block;font-family:var(--h);font-size:24px;color:var(--ink)}
.how .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:s}
.how .st{padding:0 26px 0 0;counter-increment:s}.how .st:before{content:counter(s);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--or);font-family:var(--h);font-size:26px;margin-bottom:14px}
.how .st h3{font-size:26px;text-transform:uppercase}.how .st p{color:var(--gr);margin:6px 0 0}
.pr{background:var(--in);color:#fff}.pr .sh h2{color:#fff}.pr .sh p{color:#C9D1EA}
.ptab{width:100%;border-collapse:collapse}.ptab th,.ptab td{text-align:left;padding:16px 10px;border-bottom:1px solid var(--in2)}.ptab th{font-weight:500;color:#C9D1EA;font-size:15px}.ptab td:last-child,.ptab th:last-child{text-align:right}
.ptab td b{font-family:var(--h);font-size:22px;letter-spacing:.01em}.ptab .p{font-family:var(--h);font-size:28px;color:var(--or)}
.tw{overflow-x:auto}
.bk .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px}
form{background:var(--pb);border-radius:12px;padding:30px}.fr{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fr>div{min-width:0}
label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}input,select,textarea{width:100%;font:16px var(--b);padding:12px;border:2px solid var(--ln);border-radius:6px;margin-bottom:14px;color:var(--ink);background:#fff}
.msg{visibility:hidden;margin:12px 0 0;font-weight:600;color:var(--in)}.msg.on{visibility:visible}
.faq details{border-bottom:1px solid var(--ln);padding:16px 0}.faq summary{font-weight:600;font-size:19px;cursor:pointer}.faq p{margin:10px 0 0;color:var(--gr)}
footer{background:var(--in);color:#C9D1EA;padding:32px 0;font-size:15px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media (max-width:980px){.hero .wrap,.bg,.bk .wrap{grid-template-columns:1fr}.how .steps{grid-template-columns:1fr 1fr;gap:28px}}
@media (max-width:760px){.burger{display:block}.menu{display:none;position:absolute;top:78px;left:0;right:0;background:var(--in);flex-direction:column;padding:18px 22px;z-index:30}.menu.open{display:flex}.fr,.meta{grid-template-columns:1fr}.how .steps{grid-template-columns:1fr}.fig{max-width:260px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hs:hover{transform:translate(-50%,-50%)}}
</style>
</head>
<body>
<a class="skip" href="#main">Skip to content</a>
<!-- Template notice bar: delete this block before you publish your own site -->
<div id="template-bar" style="background:#111;color:#fff;font:500 14px/1.4 system-ui,sans-serif;text-align:center;padding:9px 16px">Free HTML template. <a href="index.html" download="physiotherapy.html" style="color:#FFD166;font-weight:700">Download this template (free)</a> | <a href="https://mmrahmanbappi.github.io/100-free-html-templates/" style="color:#fff">See all free templates</a></div>
<header class="hd"><nav class="wrap nav" aria-label="Main"><a href="#" class="logo"><svg width="28" height="28" viewBox="0 0 64 64" aria-hidden="true"><path d="M32 10v44" stroke="#F08A24" stroke-width="6" stroke-linecap="round"/><circle cx="32" cy="18" r="5" fill="#fff"/><circle cx="32" cy="32" r="5" fill="#fff"/><circle cx="32" cy="46" r="5" fill="#fff"/></svg>Straightline Physio</a>
<ul class="menu" id="menu"><li><a href="#where">Where it hurts</a></li><li><a href="#how">How it works</a></li><li><a href="#prices">Prices</a></li><li><a href="#book">Book</a></li></ul><button class="burger" aria-label="Open menu" aria-expanded="false" aria-controls="menu">☰</button></nav></header>
<main id="main">
<section class="hero" aria-labelledby="h1"><div class="wrap"><div class="t"><h1 id="h1">Move without <span>the ache.</span></h1><p>Physiotherapy for sore backs, sports injuries and recovery after surgery. We find the cause, treat it with our hands, and give you exercises that actually fit your day.</p><div class="row"><a class="btn" href="#book">Book an assessment</a><a class="btn w" href="#where">Show me where it hurts</a></div>
<div class="facts"><div><b>48 hrs</b><span>usual wait for a first visit</span></div><div><b>5</b><span>physios, all registered</span></div><div><b>No GP</b><span>referral needed</span></div></div></div>
<img src="https://images.unsplash.com/photo-1666214280557-f1b5022eb634?w=900&q=75&auto=format&fit=crop" alt="Physiotherapist explaining a spine model to a patient" width="900" height="742" fetchpriority="high"></div></section>
<section class="bm" id="where" aria-labelledby="w1"><div class="wrap"><div class="sh"><h2 id="w1">Where does it hurt?</h2><p>Tap a spot on the body, or pick from the list. You'll see the problems we treat most there and how many sessions people usually need.</p></div>
<div class="bg"><div class="fig" id="fig"><svg viewBox="0 0 200 420" role="img" aria-label="Outline of a human body, front view"><g fill="#D7DDEA" stroke="#23305E" stroke-width="2"><circle cx="100" cy="40" r="26"/><rect x="88" y="64" width="24" height="16" rx="6"/><path d="M58 84h84q12 0 14 14l10 92q2 12-8 12t-10-12l-8-70v96H60v-96l-8 70q-2 12-10 12t-8-12l10-92q2-14 14-14z"/><path d="M60 216h80l-6 100 4 86q0 10-12 10t-12-10l-10-120-4 0-10 120q0 10-12 10t-12-10l4-86z"/></g></svg></div>
<div><div class="chips" id="chips" role="group" aria-label="Body areas"></div><div class="area" aria-live="polite"><h3 id="an"></h3><p class="sub" id="as"></p><ul class="cond" id="ac"></ul><div class="meta"><div><b id="aw"></b>usual sessions</div><div><b id="ah"></b>typical recovery</div><div><b id="ae"></b>home exercises</div></div><a class="btn d" href="#book" id="abk">Book for this area</a></div></div></div></div></section>
<section class="how" id="how" aria-labelledby="h2"><div class="wrap"><div class="sh"><h2 id="h2">How it works</h2><p>Most people feel a real difference within three visits.</p></div>
<div class="steps"><div class="st"><h3>Assessment</h3><p>45 minutes. We ask questions, watch how you move and test strength and joints.</p></div><div class="st"><h3>A clear plan</h3><p>You'll know what's wrong, how long it should take and what it will cost.</p></div><div class="st"><h3>Treatment</h3><p>Hands-on work, dry needling if it helps, and exercises we practise together.</p></div><div class="st"><h3>Back to normal</h3><p>We space visits out as you improve and send you off with a plan to stay well.</p></div></div></div></section>
<section class="pr" id="prices" aria-labelledby="p1"><div class="wrap"><div class="sh"><h2 id="p1">Prices</h2><p>Most private health plans cover part of each visit. We claim for you on the spot.</p></div>
<div class="tw"><table class="ptab"><thead><tr><th scope="col">Visit</th><th scope="col">Length</th><th scope="col">Price</th></tr></thead><tbody>
<tr><td><b>First assessment and treatment</b></td><td>45 min</td><td class="p">$110</td></tr><tr><td><b>Follow-up treatment</b></td><td>30 min</td><td class="p">$90</td></tr><tr><td><b>Long follow-up</b></td><td>45 min</td><td class="p">$115</td></tr><tr><td><b>Sports massage</b></td><td>60 min</td><td class="p">$100</td></tr><tr><td><b>Small group rehab class</b></td><td>50 min</td><td class="p">$35</td></tr></tbody></table></div></div></section>
<section class="bk" id="book" aria-labelledby="b1"><div class="wrap"><div><div class="sh"><h2 id="b1">Book an assessment</h2><p>Tell us where it hurts and when suits you. We'll call back within 2 working hours to confirm.</p></div>
<div class="faq"><details><summary>What should I wear?</summary><p>Something loose, like shorts and a T-shirt, so we can see and move the sore area.</p></details><details><summary>Do I need a GP referral?</summary><p>No. You can book straight in. If you have a referral or scan results, bring them along.</p></details><details><summary>Can I claim on my insurance?</summary><p>Yes. We have instant claiming for all major health funds and handle work injury and car accident claims.</p></details></div></div>
<form action="https://formspree.io/f/your-form-id" method="POST" id="bf" aria-label="Book an assessment"><div class="fr"><div><label for="bn">Name</label><input id="bn" name="name" required autocomplete="name"></div><div><label for="bph">Phone</label><input id="bph" name="phone" type="tel" required autocomplete="tel"></div></div>
<div class="fr"><div><label for="ba">Area</label><select id="ba" name="area"></select></div><div><label for="bl">How long has it hurt?</label><select id="bl" name="length"><option>Less than 2 weeks</option><option>2 to 6 weeks</option><option>Over 6 weeks</option><option>After surgery</option></select></div></div>
<div class="fr"><div><label for="bd">Preferred day</label><input id="bd" name="date" type="date" required></div><div><label for="bt">Time</label><select id="bt" name="time"><option>Early (7am to 10am)</option><option>Midday (10am to 3pm)</option><option>Late (3pm to 8pm)</option></select></div></div>
<button class="btn" type="submit">Request booking</button><p class="msg" id="msg" role="status"></p></form></div></section>
</main>
<footer><div class="wrap"><p>© <span id="yr"></span> Straightline Physio, 55 Oxford St, Paddington NSW. (02) 5550 1948</p><p><a href="https://unsplash.com">Photos: Unsplash</a> | <a href="https://mmrahmanbappi.github.io/100-free-html-templates/">More free templates</a></p></div></footer>
<script>
(()=>{const $=id=>document.getElementById(id);
const A=[["neck","Neck",50,15,"Stiffness, headaches and pain from desk work.",["Stiff neck","Tension headaches","Whiplash","Pinched nerve"],"3 to 5","2 to 6 weeks","10 min a day"],
["shoulder","Shoulder",30,22,"From swimmers and tradies to frozen shoulders.",["Rotator cuff strain","Frozen shoulder","Dislocation rehab","Bursitis"],"4 to 8","4 to 12 weeks","15 min a day"],
["back","Lower back",50,45,"The most common reason people see us.",["Disc bulge","Sciatica","Muscle spasm","Pregnancy back pain"],"4 to 6","3 to 8 weeks","10 min a day"],
["wrist","Elbow and wrist",20,44,"Pain from typing, lifting babies or racquet sports.",["Tennis elbow","Carpal tunnel","Wrist sprain","RSI"],"3 to 6","3 to 8 weeks","5 min, twice a day"],
["hip","Hip",38,55,"Aches when walking, sleeping on your side or climbing stairs.",["Hip bursitis","Arthritis","Hip replacement rehab","Groin strain"],"4 to 8","4 to 12 weeks","15 min a day"],
["knee","Knee",38,76,"Runners, footballers and anyone after knee surgery.",["ACL rehab","Runner's knee","Meniscus tear","Knee arthritis"],"6 to 12","6 to 16 weeks","20 min a day"],
["ankle","Ankle and foot",40,94,"Rolled ankles and heel pain in the morning.",["Ankle sprain","Plantar fasciitis","Achilles pain","Shin splints"],"3 to 6","2 to 8 weeks","10 min a day"]];
let cur='back';const fig=$('fig');
A.forEach(a=>{const b=document.createElement('button');b.type='button';b.className='hs';b.style.left=a[2]+'%';b.style.top=a[3]+'%';b.dataset.k=a[0];b.setAttribute('aria-label',a[1]);fig.appendChild(b)});
$('chips').innerHTML=A.map(a=>`<button type="button" data-k="${a[0]}">${a[1]}</button>`).join('');$('ba').innerHTML=A.map(a=>`<option>${a[1]}</option>`).join('')+'<option>Somewhere else</option>';
function show(){const a=A.find(x=>x[0]===cur);document.querySelectorAll('[data-k]').forEach(b=>b.setAttribute('aria-pressed',b.dataset.k===cur));
$('an').textContent=a[1];$('as').textContent=a[4];$('ac').innerHTML=a[5].map(c=>`<li>${c}</li>`).join('');$('aw').textContent=a[6];$('ah').textContent=a[7];$('ae').textContent=a[8];$('ba').value=a[1]}
document.addEventListener('click',e=>{const b=e.target.closest('[data-k]');if(!b)return;cur=b.dataset.k;show()});show();
const nd=new Date(Date.now()+864e5);$('bd').value=nd.toISOString().slice(0,10);$('bd').min=new Date().toISOString().slice(0,10);
$('bf').onsubmit=e=>{e.preventDefault();$('msg').textContent=`Thanks ${$('bn').value}. We'll call ${$('bph').value} within 2 working hours to book your ${$('ba').value.toLowerCase()} assessment.`;$('msg').classList.add('on')};
})();
</script>
<script>
(()=>{const b=document.querySelector('.burger'),m=document.getElementById('menu'),y=document.getElementById('yr');
if(b&&m){b.addEventListener('click',()=>{const o=m.classList.toggle('open');b.setAttribute('aria-expanded',o)});
m.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{m.classList.remove('open');b.setAttribute('aria-expanded',false)}))}
if(y)y.textContent=new Date().getFullYear()})();
</script>
</body>
</html>