-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
203 lines (170 loc) · 7.66 KB
/
contact.html
File metadata and controls
203 lines (170 loc) · 7.66 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contact Us | Bee & Bee Property Management</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<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=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<meta name="description" content="Contact Bee & Bee Property Management to discuss B&B and short-stay property management anywhere in England. Friendly, no-obligation enquiries welcome.">
<meta name="keywords" content="contact B&B management, Bee and Bee contact, holiday let management enquiry England">
</head>
<body>
<header>
<img src="images/logo.png" alt="Bee & Bee Property Management logo" class="brand-logo">
<h1>Contact Us</h1>
<p>Friendly, no-obligation enquiries – we’re happy to talk things through.</p>
</header>
<nav>
<a href="index.html">Home</a>
<a href="services.html">Our Services</a>
<a href="about.html">About</a>
<a href="contact.html" class="active">Contact Us</a>
<a href="quote.html">Get a Quote</a>
<a href="owner-portal.html">Owner Portal</a>
</nav>
<main>
<section class="fade-in contact-section">
<h2>How to Get in Touch</h2>
<p>
Whether you already run a B&B or you’re just exploring the idea of short-stay hosting,
we’re happy to answer questions and talk through what support might be helpful.
</p>
<p>
You can use the contact form below, or reach us directly by phone, email or WhatsApp if you prefer.
</p>
<ul>
<li><strong>Phone:</strong> <a href="tel:07850177876">07850 177 876</a></li>
<li><strong>Email:</strong> <a href="mailto:info@beeandbeeproperties.com">info@beeandbeeproperties.com</a></li>
<li><strong>WhatsApp:</strong> <a href="https://wa.me/447850177876" target="_blank">Message us on WhatsApp</a></li>
</ul>
<p>
We aim to reply to all messages within one working day.
</p>
</section>
<section class="fade-in fade-in-delay-1">
<h2>Send Us a Message</h2>
<p>
Not sure exactly what you need yet? That’s completely fine. Just tell us a bit about your property
(or plans) and we’ll take it from there.
</p>
<form action="https://formspree.io/f/xanrbygb" method="POST">
<!-- change to your real Formspree endpoint ↑ -->
<!-- Email subject -->
<input type="hidden" name="_subject"
value="New contact message from Bee & Bee Property Management website">
<!-- Optional: redirect to a thank-you page on your site -->
<!--
<input type="hidden" name="_next"
value="https://beeandbeeproperties.com/thank-you.html">
-->
<div>
<label for="name">Your name</label><br>
<input type="text" id="name" name="name" required>
</div>
<div>
<label for="email">Your email</label><br>
<!-- use _replyto so reply goes to the visitor -->
<input type="email" id="email" name="_replyto" required>
</div>
<div>
<label for="phone">Phone number (optional)</label><br>
<input type="text" id="phone" name="phone"
placeholder="If you’d like us to call you back">
</div>
<div>
<label for="property">Tell us about your property (or plans)</label><br>
<textarea id="property" name="property_details"
placeholder="e.g. 3-room B&B in the Lakes, starting next season; currently managing cleaning myself but would like help with bookings and turnovers."
required></textarea>
</div>
<div>
<label for="help">How do you think we might be able to help?</label><br>
<textarea id="help" name="how_we_can_help"
placeholder="e.g. Full management, just cleaning, advice on setting things up, not sure yet, etc."></textarea>
</div>
<p style="font-size:0.9rem; margin-top:0.3rem; margin-bottom:0.9rem;">
We’ll only use your details to respond to your enquiry. For more information, please see our
<a href="privacy.html">Privacy Policy</a>.
</p>
<input type="submit" value="Send Message" class="btn btn-primary">
</form>
</section>
<section class="fade-in fade-in-delay-2">
<h2>Not Ready to Reach Out Yet?</h2>
<p>
If you’re just browsing for now, you can learn more about how we work on our
<a href="services.html">Our Services</a> page or read a bit more about us on the
<a href="about.html">About</a> page.
</p>
</section>
</main>
<footer class="site-footer centered-footer">
<div class="footer-container-center">
<h3 class="footer-logo">Bee & Bee Property Management</h3>
<p class="footer-tagline">Cleaning • Bookings • Maintenance for B&Bs</p>
<ul class="footer-links-center">
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Our Services</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="quote.html">Get a Quote</a></li>
<li><a href="owner-portal.html">Owner Portal</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms of Use</a></li>
<li><a href="legal.html">Legal Information</a></li>
<li><a href="accessibility.html">Accessibility</a></li>
<li><a href="complaints.html">Complaints Policy</a></li>
</ul>
<ul class="footer-contact-center">
<li><a href="tel:07850177876">📞 07850 177 876</a></li>
<li><a href="mailto:info@beeandbeeproperties.com">✉️ info@beeandbeeproperties.com</a></li>
<li><a href="https://wa.me/447850177876" target="_blank">💬 WhatsApp</a></li>
</ul>
<ul class="footer-social">
<!-- Facebook -->
<li>
<a href="https://www.facebook.com/profile.php?id=61584545910182"
target="_blank"
rel="noopener noreferrer"
aria-label="Facebook">
<svg viewBox="0 0 24 24" class="social-icon">
<path fill="currentColor" d="M22 12C22 6.48 17.52 2 12 2S2 6.48 2 12a10 10 0 0 0 8.44 9.87v-6.99H8v-2.88h2.44V9.41c0-2.41 1.43-3.75 3.62-3.75 1.05 0 2.15.19 2.15.19v2.36h-1.21c-1.2 0-1.57.75-1.57 1.52v1.82H16.7l-.39 2.88h-2.27V21.9A10 10 0 0 0 22 12Z"/>
</svg>
</a>
</li>
<!-- Instagram -->
<li>
<a href="https://www.instagram.com/beeandbeepropertymanagement/"
target="_blank"
rel="noopener noreferrer"
aria-label="Instagram">
<svg viewBox="0 0 24 24" class="social-icon">
<path fill="currentColor" d="M7 2C4.2 2 2 4.2 2 7v10c0 2.8 2.2 5 5 5h10c2.8 0 5-2.2 5-5V7c0-2.8-2.2-5-5-5H7zm10 2c1.7 0 3 1.3 3 3v10c0 1.7-1.3 3-3 3H7c-1.7 0-3-1.3-3-3V7c0-1.7 1.3-3 3-3h10zm-5 3.3A4.7 4.7 0 1 0 16.7 12 4.7 4.7 0 0 0 12 7.3zm0 7.7A3 3 0 1 1 15 12a3 3 0 0 1-3 3zm4.9-8.9a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2z"/>
</svg>
</a>
</li>
<!-- TikTok -->
<li>
<a href="https://www.tiktok.com/@beebeepropertymanagement"
target="_blank"
rel="noopener noreferrer"
aria-label="TikTok">
<svg viewBox="0 0 24 24" class="social-icon">
<path fill="currentColor" d="M20 8.16a4.85 4.85 0 0 1-2.77-.92 5.31 5.31 0 0 1-1.89-2.62v-.03H13v10.32a2.42 2.42 0 1 1-1.72-2.32V10a5.24 5.24 0 1 0 5.24 5.24v-5.9a8.22 8.22 0 0 0 4 1.16V8.16z"/>
</svg>
</a>
</li>
</ul>
<p class="footer-copy">
© <span id="year"></span> Bee & Bee Property Management. All rights reserved.
</p>
</div>
</footer>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</body>
</html>