-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (124 loc) · 4.18 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./styles.css" />
<title>Tech Returners Surgery: Home</title>
</head>
<body>
<header>
<h1>
<a href="#">Tech Returners Surgery</a>
<a href="tel:03330509138">0333 050 9138</a>
</h1>
<nav>
<ul class="main-menu">
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Patient Information</a></li>
<li><a href="#">Well-Being Centre</a></li>
</ul>
</nav>
<label for="site-search">Search...</label>
<input
type="search"
id="site-search"
name="search"
aria-label="Search through site content"
/>
<button>Search</button>
</header>
<div class="flex-container">
<section class="covid_update">
<h3><strong>COVID Restriction Update</strong></h3>
<p>
Throughout the pandemic we have strove to make the surgery as safe as
possible for all our patients and staff, we will continue to do so.
</p>
<p>
From the
<strong>19th July 2021 nothing will change at the Surgery</strong>
Patients will <em>still need</em> to wear a mask, socially distance
and use hand sanitiser in the surgery and staff will continue to wear
PPE.
</p>
<p>
If you arrive without a mask and are not exempt, you will be asked to
leave.
</p>
</section>
<section class="welcome">
<h3 id="Alert">Welcome to the Tech Returners Surgery!</h3>
<img
src="./surgery.png"
alt="picture of blood presssure monitor on a blue background"
/>
<address>
The Tech Returners Surgery,<br />
115 Mancunian Way,<br />
Manchester,<br />
M20 3PX
</address>
</section>
<section class="how_to_video">
<h2>How to use Ask My Doc?</h2>
<video controls width="250">
<source src="#" type="video/webm" />
<source src="#" type="video/mp4" />
<track
kind="captions"
srclang="en"
src="./ask_my_doc_transcript.vtt"
default
/>
Sorry, your browser doesn't support embedded videos.
</video>
</section>
</div>
<section class="feedback-form">
<h2>Need advice or have some feedback for us?</h2>
<form class="form-style-1">
<fieldset>
<legend>
Send us a message by filling out the form below and one of our
Receptionists will be in touch:
</legend>
<p>Are you completing this form on behalf of:</p>
<label for="self">Yourself </label>
<input type="checkbox" id="self" name="self" />
<label for="another">Someone else </label>
<input type="checkbox" id="another" name="another" />
<div>
<label for="fname">First Name </label>
<input type="text" id="fname" name="fname" required />
</div>
<div>
<label for="lname">Last Name </label>
<input type="text" id="lname" name="lname" required />
</div>
<div>
<label for="dob">Date of Birth </label>
<input type="date" id="dob" name="dob" required />
</div>
<div>
<label for="telephone">Telephone Number: </label>
<input type="tel" id="telephone" name="telephone" required />
</div>
<div>
<label for="email">Email: </label>
<input type="email" id="email" name="email" required />
</div>
<div>
<label for="message">Your query or message: </label>
<input type="text" id="message" name="message" required />
</div>
s
<input type="submit" value="Submit" />
</fieldset>
</form>
</section>
</body>
</html>