generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 3
/
gallery.html
103 lines (93 loc) · 4.64 KB
/
gallery.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Cleaning Hack</title>
<!--Search Engine Optimisation-->
<meta name="description" content="Website for The Cleaning Hack cleaning company">
<meta name="keywords" content="cleaning, cleaning company, cleaners, reliable cleaning company, clean,
domestic cleaning, commercial cleaning, premium cleaners, premium cleaning service, cleaning company buckinghamshire,
cleaning company berkshire, cleaning company bedfordshire, cleaning company marlow, cleaning company high wycombe,
cleaning company hertfordshire, cleaner near me, cleaning company maidenhead, rebecca wilson-kane">
<meta name="author" content="The Cleaning Hack">
<!--Favicon-->
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<!--Stylesheet-->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<!--Header-->
<header>
<a href="index.html">
<h1 id="logo">The Cleaning Hack</h1>
</a>
<input type="checkbox" id="nav-toggle" name="nav-toggle">
<label for="nav-toggle" class="nav-toggle-label"><i class="fa-solid fa-bars"></i></label>
<nav>
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html" class="active">Gallery</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!--Main Content-->
<main>
<section id="gallery">
<h2 class="hidden-heading">Before and After Photos</h2>
<div id="gallery-photos">
<img src="assets/images/tch-ba2.webp" alt="Before and after photos of extractor hood clean">
<img src="assets/images/tch-ba1.webp" alt="Before and after photos of gas hob clean">
<img src="assets/images/tch-ba4.webp" alt="Before and after photos of toilet clean">
<img src="assets/images/tch-ba5.webp" alt="Before and after photos of bathroom clean">
<img src="assets/images/tch-hood.webp" alt="Before and after photos of bathroom plug clean">
<img src="assets/images/tch-oven.webp" alt="Before and after photos of oven clean">
<img src="assets/images/tch-oven2.webp" alt="Before and after photos of oven clean">
<img src="assets/images/tch-wash.webp" alt="Before and after photos of washing machine drawer clean">
<img src="assets/images/tch-switch.webp" alt="Before and after photos of light-switch clean">
</div>
</section>
</main>
<!--Footer-->
<footer>
<ul id="socials">
<li>
<a href="https://www.facebook.com/Thecleaninghack/" target="_blank" rel="noopener"
aria-label="Visit us on Facebook (opens in a new browser)">
<i class="fa-brands fa-facebook"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/the.cleaninghack?igsh=MWtzaXpmZG51Yjc2Ng==" target="_blank"
rel="noopener" aria-label="Visit us on Instagram (opens in a new browser)">
<i class="fa-brands fa-instagram"></i>
</a>
</li>
<li>
<a href="" target="_blank" rel="noopener" aria-label="Vist us on Tiktok (opens in a new browser)">
<i class="fa-brands fa-tiktok"></i>
</a>
</li>
<li>
<a href="" target="_blank" rel="noopener" aria-label="Visit us on LinkedIn (opens in a new browser)">
<i class="fa-brands fa-linkedin"></i>
</a>
</li>
<li>
<a href="https://maps.app.goo.gl/AiYLwWfyCePvCpfGA" target="_blank" rel="noopener"
aria-label="Check out our reviews on Google (opens in a new browser)">
<i class="fa-brands fa-google"></i>
</a>
</li>
</ul>
</footer>
<!--Font Awesome Kit-->
<script src="https://kit.fontawesome.com/b4bb9144f2.js" crossorigin="anonymous"></script>
</body>
</html>