-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbook.html
164 lines (149 loc) · 7.11 KB
/
book.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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<html>
<head>
<title>APOINTMENT</title>
<!-- titulo en pestaña -->
<meta charset="utf-8" />
<!-- para escribir caracteres latinos -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- adaptar ultimos navegadores -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- inicio adaptacion moviles -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/js/bootstrap.min.js"></script>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
crossorigin="anonymous"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Cantarell&family=Fjalla+One&display=swap"
rel="stylesheet"
/>
<!-- enlace con bootstrap -->
<link rel="stylesheet" href="style.css" />
<!-- link pagina de estilo -->
</head>
<body style="background-color: #abedd8">
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid" style="background-color: #abedd8">
<a class="navbar-brand" href="index.html">V2G</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="faq.html">Animal Health Certificates</a>
</li>
<li class="nav-item">
<a class="nav-link" href="book.html">Appoinment</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div
class="cover d-flex justify-content-center align-items-center flex-column"
>
<h1 class="custom-h1">VET TO GO</h1>
<p>BOOK AN APPOINTMENT</p>
<p style="max-width: 600px; margin: 0 auto; text-align: center; font-size:14px">
No hassle, if you want we can do it from the confort of your own home.
</p>
<p style="max-width: 600px; margin: 0 auto; text-align: center; font-size:14px">
If you have an urgent matter or need assistance outside of our regular business hours,
kindly send us a message located at the bottom of the page to contact us.
</p>
</div>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-12 col-md-8">
<div class="card" style="background-color: white;"> <!-- Fondo blanco -->
<div class="card-body text-left"> <!-- Añadida la clase text-left para alinear el texto a la izquierda -->
<h5 style="color: black;" class="card-title">Ready to Request?</h5>
<ol>
<li style="text-align: left; color: black;">Click the button below to open up an email (or send an email to <strong>[email protected]</strong>)</li>
<li style="text-align: left; color: black;">In the email subject line please write your <strong>name</strong>, your <strong>mobile no.</strong>, and your one <strong>preferred collection date</strong> <br> Example: "ARTHUR MILLER, 07123 456789, 18/09/2023" <br>(please note that there are no collections on Sundays & Bank Holidays).</li>
<li style="text-align: left; color: black;">Attach your completed Request Form <a href="FORM.pdf" target="_blank"><u>(Download pdf)</u></a></li>
<li style="text-align: left; color: black;">Attach pictures of the required documents.</li>
<li style="text-align: left; color: black;">Send! (You will receive an auto-responder acknowledgement to confirm receipt)</li>
</ol>
<p style="color: black;">Please ensure you have fully read the information about the documents we are able to accept and the specific information that must be included if you are providing the evidence.</p>
<!-- Botón para enviar un correo -->
<a href="mailto:[email protected]" class="btn custom-btn-color2">REQUEST AN AHC</a>
</div>
</div>
</div>
</div>
</div>
</body>
<footer id="footer" style="background-color: #81e4c4">
<div class="container mt-5 mb-5">
<div
class="row justify-content-lg-end justify-content-center align-items-center"
>
<!-- Contenido a la izquierda en pantallas grandes -->
<div class="col-12 col-lg-4 text-center text-lg-left mb-3 mb-lg-0">
<!-- <h3>Cristina Gómez</h3>-->
<p>A decade of experience as veterinarians.</p>
<p style="font-size: 13px">
We cover home visits in London, Berkshire, Surrey, Hampshire, Kent and Sussex.<br />
If you are somewhere else, you can always ask and we will try to
help you. <br>
If you prefer, you can come to us in Alton (Hampshire) or South Kensington (London).
</p>
</div>
<!-- Contenido en el centro en pantallas grandes -->
<div class="col-12 col-lg-4 text-center mb-3 mb-lg-0">
<table style="margin: 0 auto">
<tr>
<p style="font-size: 16px">Monday to Saturday 8am to 7 pm</p>
<td style="padding-right: 20px">
<button class="btn custom-btn-color1">
<a href="mailto:[email protected]">EMAIL</a>
</button>
</td>
<td style="padding-left: 20px">
<a href="https://wa.me/447503306149">
<img
src="https://cdn.glitch.global/48f9e32b-7865-4ea5-ae38-0786b4bb75c5/whatsapp-logo-transparent-free-png.webp?v=1694166436738"
style="width: 50px"
alt="WhatsApp"
/>
</a>
</td>
</tr>
</table>
</div>
<!-- Contenido a la derecha en pantallas grandes -->
<div class="col-12 col-lg-4 text-center text-lg-right">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d20040.040948973765!2d-1.0654989399456047!3d51.10836572742952!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48743c139466cb03%3A0xb57dc0f2f8fca5fe!2sFour%20Marks%2C%20Alton%2C%20United%20Kingdom!5e0!3m2!1sen!2sen!4v1695047320994!5m2!1sen!2sen"
width="auto"
height="auto"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</div>
</div>
</div>
</footer>
</html>