-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
266 lines (257 loc) · 16.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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Concrete Pumping Sunshine Coast | Kaboom Concrete Pumping</title>
<link rel="shortcut icon" href="./assets/logo.png" type="image/">
<!-- Google Font -->
<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=Roboto:wght@100;300;400;500;700;900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<!-- Header -->
<div class="header-bar">
<div class="container-fluid pt-2 pb-2">
<div class="row">
<div class="col-lg-4 col-md-4 d-flex justify-content-center align-items-center">
<div class="row">
<div class="col-sm-12 header-cta">
<p><i class="fa-solid fa-phone"></i> <span class="ms-1">0450 511 115</span></p>
<p><i class="fa-solid fa-envelope"></i><span class="ms-1">[email protected]</span></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-center justify-content-center">
<a href="">
<img src="./assets/logo.png" alt="Logo" class="img-fluid">
</a>
</div>
<div class="col-lg-4 col-md-4 btn d-flex justify-content-center align-items-center">
<button>REQUEST A QUOTE</button>
</div>
</div>
</div>
</div>
<!-- Navbar -->
<div class="nav-container sticky-top pt-2 pb-2 d-flex justify-content-center text-uppercase fw-semibold">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<button class="navbar-toggler" style="color: white !important;" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="#">Home</a>
</li>
<li class="nav-item ms-4">
<a class="nav-link" href="#">About Us</a>
</li>
<li class="nav-item dropdown ms-4">
<a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Services
</a>
<ul class="dropdown-menu rounded-0 border-0">
<li><a class="dropdown-item fw-semibold" href="#">Concrete Boom Pumping</a></li>
<li><a class="dropdown-item fw-semibold" href="#">Concrete Line Pumping</a></li>
</ul>
</li>
<li class="nav-item ms-4">
<a class="nav-link" href="#">Gallery</a>
</li>
<li class="nav-item ms-4">
<a class="nav-link" href="#">Resources</a>
</li>
<li class="nav-item dropdown ms-4">
<a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Equipment
</a>
<ul class="dropdown-menu rounded-0 border-0">
<li><a class="dropdown-item fw-semibold" href="#">Concrete Line Pumping</a></li>
<li><a class="dropdown-item fw-semibold" href="#">28 Putzmeister 4 stage</a></li>
<li><a class="dropdown-item fw-semibold" href="#">36 Putzmeister 4 stage</a></li>
<li><a class="dropdown-item fw-semibold" href="#">47 Putzmeister 5 stage</a></li>
</ul>
</li>
<li class="nav-item ms-4">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!-- Main Header -->
<div class="header text-uppercase">
<div class="container h-100">
<div class="h-100 d-flex flex-row-reverse align-items-center">
<h1><span class="mb-0">Kaboom!</span><br/>Concrete Pumping</h1>
</div>
</div>
</div>
<!-- Kaboom Concrete Pumping -->
<div class="container text-center text-section mt-5 mb-5">
<h2 class="fw-normal" style="color: rgb(24, 24, 24);">Kaboom Concrete Pumping</h2>
<img src="./assets/heading-underline.png" alt="" class="mt-3 mb-3">
<p class="mt-3">Kaboom Concrete pumping are South East Queenslands concrete pumping experts.<br /> <br /> We are
ready to handle any concrete pumping job: commercial or residential. Our Fleet of concrete trucks will
be<br /> ready to get pumping on your job site whether it be a house foundation & slab or commercial
construction.<br /><br /> It’s within our reach! Do not hesitate to <a href="">call us today on 0450 511
115</a> for your quote.</p>
</div>
<hr>
<!-- Our Services -->
<div class="container text-center text-section mt-5 mb-5">
<h2 class="fw-normal">Our Services</h2>
<img src="./assets/heading-underline.png" alt="" class="mt-3 mb-3">
<p class="mt-3">With our fleet of concrete pumping trucks in South East Queensland, ranging from truck-mounted
line pumps, to<br />our massive stage Putzmeister 47, we can get your concrete pumped on your commercial
site.<br /><br />No job too big or too small, from day-cares to shopping centres, we have the know how to
get the job done right.</p>
</div>
<div class="container text-section mb-5">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-lg-4 mb-4">
<div class="card rounded-0 border-0">
<img src="./assets/card-1.jpeg" class="card-img-top rounded-0" alt="pumping-machine">
<div class="card-body text-center pb-4">
<h5 class="card-title">Mobile Concrete Pumping</h5>
<p class="card-text">With our fleet of mobile concrete pumping trucks, we can get to your site. Servicing South East Queensland, our work will blow you away!</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card rounded-0 border-0">
<img src="./assets/card-2.jpeg" class="card-img-top rounded-0" alt="pumping-machine">
<div class="card-body text-center pb-4">
<h5 class="card-title">Line Pumping</h5>
<p class="card-text">With a Putzmeister 47 concrete pumping truck, we can pump your concrete to almost any floor for your multi level project. we have your commercial concrete needs covered.</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card rounded-0 border-0">
<img src="./assets/card-3.jpeg" class="card-img-top rounded-0" alt="pumping-machine">
<div class="card-body text-center pb-4">
<h5 class="card-title">Commercial Slab Pumping</h5>
<p class="card-text">No matter the size or location of your slab, our pumps will have the reach. with years of experience pumping concrete for commercial construction in South East Queensland our work will blow your away!</p>
</div>
</div>
</div>
</div>
</div>
<!-- Our Work -->
<div class="work-container">
<div class="container text-center text-section pt-5">
<h2 class="fw-normal" style="color: white;">Our Work</h2>
<img src="./assets/heading-underline.png" alt="" class="mt-3 mb-3">
<p class="mt-3" style="color: white;">With extensive experience in commercial applications using both mobile and high rise pumping methods, the<br/> expertise to service the broad spectrum of commercial concrete pumping projects that arise. Below is a selection of<br/> commercial pumping projects in which we have been involved.</p>
<div class="row mt-5">
<div class="col-lg-3 col-md-4 mb-5">
<img src="./assets/work-1.jpeg" alt="Workers working" class="img-fluid">
</div>
<div class="col-lg-3 col-md-4 mb-5">
<img src="./assets/work-2.jpeg" alt="Workers working" class="img-fluid">
</div>
<div class="col-lg-3 col-md-4 mb-5">
<img src="./assets/work-3.jpeg" alt="Workers working" class="img-fluid">
</div>
<div class="col-lg-3 col-md-4 mb-5">
<img src="./assets/work-4.jpeg" alt="Workers working" class="img-fluid">
</div>
<div class="col-lg-3 col-md-4 mb-5">
<img src="./assets/work-5.jpeg" alt="Workers working" class="img-fluid">
</div>
<div class="col-lg-3 col-md-4 mb-5">
<img src="./assets/work-6.jpeg" alt="Workers working" class="img-fluid">
</div>
</div>
</div>
</div>
<!-- Equipment -->
<div class="container text-center text-section mt-5 mb-5">
<h2 class="fw-normal">Equipment</h2>
<img src="./assets/heading-underline.png" alt="" class="mt-3 mb-3">
<p class="mt-3">Our fleet of Concrete trucks will get your job done in south-east queensland!</p>
<div class="row text-start mt-5">
<div class="col-lg-6 p-4 pb-1">
<img src="./assets/equipment-1.jpeg" alt="Equipment" class="img-fluid rounded-4 w-100 mb-4">
<h5 class="mt-2">Putzmeister 47 5 stage</h5>
<p class="mb-4">Equipped with innovative workplace safety features makes the<br/> Putzmeister ideal for commercial concrete pumping… <a href="">Read More</a></p>
<img src="./assets/equipment-2.jpg" alt="Equipment" class="img-fluid rounded-4 w-100 mb-4">
<img src="./assets/equipment-3.jpeg" alt="Equipment" class="img-fluid rounded-4 w-100 mb-4">
</div>
<div class="col-lg-6 p-4 pt-0">
<img src="./assets/equipment-4.jpeg" alt="Equipment" class="img-fluid rounded-4 w-100 mb-4">
<img src="./assets/equipment-5.jpeg" alt="Equipment" class="img-fluid rounded-4 w-100 mb-4">
<img src="./assets/equipment-6.jpeg" alt="Equipment" class="img-fluid rounded-4 w-100 mb-4">
</div>
</div>
</div>
<!-- About Kaboom Concrete Pumping -->
<div class="container text-center text-section mt-5 mb-5">
<h2 class="fw-normal">About Kaboom Concrete Pumping</h2>
<img src="./assets/heading-underline.png" alt="" class="mt-3 mb-3">
<div class="row mt-4">
<div class="col-lg-6">
<p class="text-start">Kaboom Concrete Pumping is the commercial Sunshine Coast pumping experts. With an established reputation and history of customer satisfaction over the years, Kaboom Concreting will be your first and last stop.<br/><br/>No jobs are too big or small, ranging from pumping concrete to high-rise structures to household level jobs such as patios and pool surrounds.<br/><br/>Kaboom Concrete Pumping provides an efficient and simple solution tailored to suit any build.<br/><br/>With the knowledge and field experience Kaboom have the essentials to make a success of any project. The savings come not only in monetary terms but also in time and effort through efficiency.<br/><br/>Kaboom prides itself on its ability to provide work of exceptional quality on time and on budget.<br/><br/>Your job will be done in a blast.<br/><br/>Each project is completed with a tailor-made approach to ensure that the expertise of not only our team, but all professionals involved can be maximised.<br/><br/>All concrete pumping equipment is provided, so once the order is placed you can have peace of mind knowing that the job will be done, no matter the needs or the difficulty of the job.<br/><br/>Based on the sunshine coast, Kaboom pledge to provide a completed job that is second to none, ensuring not only that you are satisfied with the outcome but also that you have a reliable, professional and affordable Concrete Pumping specialist in mind for your net job.<br/><br/>Suited to every project, we tailor our work to your criteria, which is complemented with industry-leading standards and techniques.<br/><br/>If you require concrete pumping on the Sunshine Coast or Greater South-East Queensland area contact us on <a href="">0450 511 115</a>.</p>
</div>
<div class="col-lg-6">
<img src="./assets/about-kaboom.jpeg" alt="" class="img-fluid w-100 ps-4 pe-4">
</div>
</div>
</div>
<!-- Footer -->
<div class="footer bg-black text-white mt-5 pt-5">
<div class="container">
<div class="row pb-5 ps-3">
<div class="col-lg-4 col-md-4">
<h5 class="mb-3">About Us</h5>
<p>Kaboom concrete pumping is a leading provider of concrete pumping services on the Sunshine Coasts & greater SE Queensland. Whether your job is a house slab or commercial warehouse our fleet of trucks have you covered.</p>
</div>
<div class="col-lg-4 col-md-4 links border-start ps-4">
<h5 class="mb-3">Useful Links</h5>
<a href="" class="mb-2">Concrete Line Pumping</a>
<a href="" class="mb-2">28 Putzmeister 4 stage</a>
<a href="" class="mb-2">36 Putzmeister 4 stage</a>
<a href="" class="mb-2">47 Putzmeister 5 stage</a>
</div>
<div class="col-lg-4 col-md-4 border-start ps-4">
<h5 class="mb-3">Contact Info</h5>
<p class="mb-0 text-grey">Kaboom Concrete Pumping</p>
<p class="mb-0"><i class="fa-solid fa-phone me-2 text-grey"></i><a href="">0450 511 115</a></p>
<p class="mb-0"><i class="fa-solid fa-envelope me-2 text-grey"></i><a href="">[email protected]</a></p>
<p class="mb-0 text-grey"><i class="fa-solid fa-location-pin me-2"></i>South East Queensland</p>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col d-flex justify-content-center align-items-center m-3">
<p class="text-grey">Copyright © 2018 Kaboomconcretepumping</p>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>