generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
200 lines (192 loc) · 10.4 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- PAGE DESCRIPTION & KEYWORDS -->
<meta name="description" content="Residential cleaning & handyman services in the Dublin area" />
<meta name="keywords" content="Residential cleaning, Cleaners, Handyman, Dublin" />
<!-- FAVICON -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<!-- BOOTSTRAP CDN -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css"> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<!-- FONT AWESOME CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css">
<!-- EXTERNAL LOCAL STYLE SHEET -->
<link rel="stylesheet" href="assets/css/style.css">
<title>Dirt Be Gone</title>
</head>
<body>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg sticky-top navbar-dark">
<a class="navbar-brand" href="index.html"><img src="assets/images/dirt-be-gone-logo.png"
alt="Dirt Be Gone company logo" style="max-width: 200px;"></a>
<!-- NAVBAR TOGGLE BUTTON -->
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- NAVBAR MENU ITEMS -->
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active ml-auto">
<a class="nav-link text-uppercase nav-menu-item" href="index.html">Home<span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item ml-auto">
<a class="nav-link text-uppercase" href="about-us.html">About Us</a>
</li>
<li class="nav-item ml-auto">
<a class="nav-link text-uppercase" href="cleaning-services.html">Cleaning Services</a>
</li>
<li class="nav-item ml-auto">
<a class="nav-link text-uppercase" href="our-promise.html">Our Promise</a>
</li>
<li class="nav-item ml-auto">
<a class="nav-link text-uppercase" href="faq.html">FAQ's</a>
</li>
<li class="nav-item ml-auto">
<a class="nav-link text-uppercase" href="contact-us.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
<!-- INDEX PAGE CONTENT -->
<div class="container-fluid">
<section id="index_page">
<div class="row">
<div class="col-12 px-0">
<!-- HOMEPAGE CAROUSEL IMAGES -->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
</ol>
<!-- CAROUSEL IMAGES -->
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100 img-fluid" src="assets/images/kitchen_living.jpg"
alt="Picture of a clean kitchen and living room">
</div>
<div class="carousel-item">
<img class="d-block w-100 img-fluid" src="assets/images/living_kitchen.jpg"
alt="Picture of a clean living room and kitchen">
</div>
<div class="carousel-item">
<img class="d-block w-100 img-fluid" src="assets/images/livingroom_4.jpg"
alt="Picture of a clean apartment living room">
</div>
<div class="carousel-item">
<img class="d-block w-100 img-fluid" src="assets/images/kitchen.jpg" alt="Picture of a clean kitchen">
</div>
<div class="carousel-item">
<img class="d-block w-100 img-fluid" src="assets/images/livingroom_3.jpg"
alt="Picture of a clean living room">
</div>
</div>
<!-- CAROUSEL CONTROLLER -->
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- HOMEPAGE TESTIMONIALS -->
<div class="row">
<div class="col-12 text-center text-uppercase">
<h1 class="testimonials-h1">Testimonials</h1>
</div>
</div>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<!-- REVIEW 1 -->
<div class="carousel-item active">
<p class="testimonials-p">I've been using the regular cleaning service from Dirt Be Gone for going on
four months now and couldn't be happier. My cleaner is always on time, does a great job and i couldn't
be happier with her work. I have a lot more free time to call my own now</p>
<p class="testimonials-name"><strong>Michelle - Rathmines</strong></p>
</div>
<!-- REVIEW 2 -->
<div class="carousel-item">
<p class="testimonials-p">We have been using Dirt Be Gone to clean our family home for the last 10
months. Their cleaners are always professional, friendly and have allowed me to spend more quality
time with my family. I would definitely recommend their services to anyone needing some help around
the house</p>
<p class="testimonials-name"><strong>Fiona - Raheny</strong></p>
</div>
<!-- REVIEW 3 -->
<div class="carousel-item">
<p class="testimonials-p">I used the handyman service from Dirt Be Gone after our garden fence blew down
during a storm. They guys were able to come out to me within 24 hours and had the fence back up and
repaired on the day. I've now booked them in to clean the gutters as the next job</p>
<p class="testimonials-name"><strong>Rowan - Terenure</strong></p>
</div>
<!-- REVIEW 4 -->
<div class="carousel-item">
<p class="testimonials-p">We have a big family, me, my husband and our five kids. I use the Dirt Be Gone
ironing service every week as it means we don't have to stand over an ironing board for several hours
a week and instead can have quality family time together.</p>
<p class="testimonials-name"><strong>Claire - Cabra</strong></p>
</div>
</div>
<!-- PREVIOUS REVIEW BUTTON -->
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<!-- NEXT REVIEW BUTTON -->
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
</div>
<!-- FOOTER SOCIAL MEDIA -->
<footer id="footer">
<div class="row">
<div class="col-12 col-md-12 col-lg-4 d-flex justify-content-center social-media mt-auto mb-auto">
<a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-square"></i></a>
<a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter-square"></i></a>
<a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram-square"></i></a>
<a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin"></i></a>
</div>
<!-- FOOTER MIDDLE COLUMN (BLANK) -->
<div class="col-12 col-md12 col-lg-4">
</div>
<!-- FOOTER COMPANY CONTACT DETAILS -->
<div class="col-12 text-center text-sm-center col-md-12 text-md-center col-lg-4 text-lg-left text-xl-left">
<p class="footer-p-1">Dirt Be Gone | 1st Floor, 22 Lower Leeson Street, Dublin, D02 EK40</p>
<p class="footer-p-2">Email: <a class="ftr-p" href="mailto:info@dirtbegone.ie">info@dirtbegone.ie</a> | Tel:
+353 1 555 1234</p>
<p class="footer-p-3">Copyright© 2021 Dirt Be Gone | All rights reserved</p>
</div>
</div>
</footer>
<!-- JAVASCRIPT CDN's NEW -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous">
</script>
<!-- JAVASCRIPT CDN's -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script> -->
</body>
</html>