-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
295 lines (287 loc) · 18.3 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
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#00AFDE">
<title>Two-Men Storage | Save money on secure storage with our professional removalists</title>
<link rel="shortcut icon" href="./favicon.png" sizes="16x16" type="image/x-icon">
<link rel="icon" href="./favicon.png" sizes="16x16" type="image/x-icon">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/fullpage.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header class="header">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="header__inner">
<a href="#" class="header__logo order-md-1"><img src="images/logo.png" alt="Logo" class="header__logo-img"></a>
<a href="tel:#" class="btn header__btn order-md-3">Give us a call</a>
<div class="header__controls order-md-2">
<div class="header__controls-item is-active">
<p class="p--sm">STEP 01</p>
<h3 class="p--md">Storage Container</h3>
</div>
<div class="header__controls-item">
<p class="p--sm">STEP 02</p>
<h3 class="p--md">Pack Belongings</h3>
</div>
<div class="header__controls-item">
<p class="p--sm">STEP 03</p>
<h3 class="p--md">Storage Facility</h3>
</div>
<div class="header__controls-item">
<p class="p--sm">STEP 04</p>
<h3 class="p--md">Returning & Unpacking</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<img src="images/i-scroll-up.svg" alt="Go to top" class="scroll-up">
<div id="fullpage">
<div class="section step">
<section class="container">
<div class="row">
<div class="col-12">
<div class="step__inner">
<div class="step__intro">
<h4>Two Men and a Truck</h4>
<h1 class="mb-3 mt-2 mt-md-1">Save money on secure storage with<br class="d-none d-md-block"><span class="d-md-none"> </span>our professional removalists</h1>
<a href="tel:#" class="btn">Give us a call</a>
</div>
<img src="images/intro.svg" alt="Introduction image" class="step__img mt-5">
</div>
</div>
</div>
</section>
</div>
<div class="section step">
<section class="container">
<div class="row">
<div class="col-12">
<div class="step__inner">
<div class="step__intro">
<h4>STEP 01</h4>
<h2 class="mb-3 mt-2 mt-md-1">We bring the storage<br class="d-md-none"><span class="d-none d-md-inline"> </span>container to you</h2>
<p>We bring the storage container on the back of a truck to your house</p>
</div>
<img src="images/step1.svg" alt="Step image" class="step__img mt-5 mb-5 pb-2 pb-md-4 mb-md-3">
<div class="step__main">
<div class="row">
<div class="col-12 col-md-4 mb-5 mb-md-0">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">No Third Parties</h3>
<p>You only deal with Two Men and a Truck</p>
</div>
</div>
<div class="col-12 col-md-4 mb-5 mb-md-0">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">Save Up To 50%</h3>
<p>Save up to 50% in moving costs<br>(not paying for separate storage)</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">Customisable</h3>
<p>Different storage container sizes<br>for your convenience</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="section step">
<section class="container">
<div class="row">
<div class="col-12">
<div class="step__inner">
<div class="step__intro">
<h4>STEP 02</h4>
<h2 class="mb-3 mt-2 mt-md-1">We pack your belongings</h2>
<p>Our professional removalists carefully pack the container, using protective<br class="d-none d-md-block"><span class="d-md-none"> </span>blankets to minimise damage.</p>
</div>
<img src="images/step2.svg" alt="Step image" class="step__img mt-5 mb-5 pb-2 pb-md-4 mb-md-3">
<div class="step__main">
<div class="row">
<div class="col-12 col-md-4 mb-5 mb-md-0">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">Minimise Damage</h3>
<p>Packed by experts to minimise<br class="d-none d-md-block"><span class="d-md-none"> </span>damage</p>
</div>
</div>
<div class="col-12 col-md-4 mb-5 mb-md-0">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">Experienced Removalists</h3>
<p>Fully accredited and insured company<br class="d-none d-lg-block"><span class="d-lg-none"> </span>with over 20 years of removalist<br class="d-none d-lg-block"><span class="d-lg-none"> </span>experience</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">Protective Materials</h3>
<p>Free protective materials supplied</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="section step">
<section class="container">
<div class="row">
<div class="col-12">
<div class="step__inner">
<div class="step__intro">
<h4>STEP 03</h4>
<h2 class="mb-3 mt-2 mt-md-1">We store the container in our storage facility</h2>
<p>Your belongings are stored in our secure storage facility. We use a one-time padlock<br class="d-none d-md-block"><span class="d-md-none"> </span>with a unique pin to show it hasn’t been tampered with.</p>
</div>
<img src="images/step3.svg" alt="Step image" class="step__img mb-5 pb-2 pb-md-4 mb-md-3">
<div class="step__main">
<div class="row">
<div class="col-12 col-md-4 mb-5 mb-md-0">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">No Double-handling</h3>
<p>Packed by experts to<br class="d-none d-md-block"><span class="d-md-none"> </span>minimise damage</p>
</div>
</div>
<div class="col-12 col-md-4 mb-5 mb-md-0">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">Good Materials</h3>
<p>Our steel containers are waterproof<br class="d-none d-lg-block"><span class="d-lg-none"> </span>and durable (lasting up to twenty<br class="d-none d-lg-block"><span class="d-lg-none"> </span>years)</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">Security</h3>
<p>Your belongings stay safe<br>and secure</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="section step">
<section class="container">
<div class="row">
<div class="col-12">
<div class="step__inner">
<div class="step__intro">
<h4>STEP 04</h4>
<h2 class="mb-3 mt-2 mt-md-1">We bring your possessions back to you when<br class="d-none d-md-block"><span class="d-md-none"> </span>you’re ready for them</h2>
<p>Your belongings are stored in our secure storage facility. We use a one-time padlock with<br class="d-none d-md-block"><span class="d-md-none"> </span>a unique pin to show it hasn’t been tampered with.</p>
</div>
<img src="images/step4.svg" alt="Step image" class="step__img step__img--lg mt-5 mb-5 pb-2 pb-md-4 mb-md-3">
<div class="step__main">
<div class="row">
<div class="col-12 col-md-4 mb-5 mb-md-0">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">Safely Returned Goods</h3>
<p>We return your possessions to you<br class="d-none d-lg-block"><span class="d-lg-none"> </span>when you’re ready</p>
</div>
</div>
<div class="col-12 col-md-4 mb-5 mb-md-0">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">Hassle Free</h3>
<p>You can count on our professional<br class="d-none d-lg-block"><span class="d-lg-none"> </span>removalists to safely pack and store<br class="d-none d-lg-block"><span class="d-lg-none"> </span>your belongings, leaving you time to<br class="d-none d-lg-block"><span class="d-lg-none"> </span>focus on more important things.</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="step__main-group">
<h3 class="mb-2 mb-md-3">No Hidden Costs</h3>
<p>What you see is what you pay.<br class="d-none d-lg-block"><span class="d-lg-none"> </span>There are no hidden fees.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="section fp-auto-height final-section">
<section class="container">
<div class="row">
<div class="col-12">
<div class="cta">
<h2 class="u-color-white cta__title">Interested? Get in touch, we’re here to you help!</h2>
<div class="cta__btns">
<a href="tel:#" class="btn btn--white btn--lg">Call us now!</a>
<a href="#" class="btn btn--white-o btn--lg">Fill out the form</a>
</div>
</div>
<div class="info">
<div class="row">
<div class="col-12 col-md-6 mb-5 mb-md-0">
<div class="info__main">
<div class="mb-5">
<div class="mb-4">
<h4 class="mb-2 mb-md-1">WHO IS IT FOR?</h4>
<h2>Who uses our services?</h2>
</div>
<p class="mb-4">Many people use our storage facilities when they’re renovating or temporarily staying at another location while they prepare for the big move. Other customers engage us when they’re relocating overseas, or want to declutter their house.</p>
<p>You’ll get the same professional treatment from Two Men and a Truck, whether you need our storage facilities for the short or long-term.</p>
</div>
<div class="mb-4 mb-md-5">
<div class="mb-4">
<h2>Storage Fees</h2>
</div>
<p class="mb-4"><span class="u-weight-med u-color-primary">$11 per day</span> to store your belongings in our secure storage facility. There’s also a <span class="u-weight-med u-color-primary">$100 handling fee (no minimum storage period)</span>.</p>
</div>
<div class="notice">
<i class="fas fa-exclamation-circle u-color-primary notice__icon"></i>
<div class="notice__copy">
<h3 class="u-color-gray u-weight-reg">Our storage service is not suitable for people who need access to their goods. </h3>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-5 offset-lg-1 pl-lg-0">
<div class="info__img"> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-12 col-md-4">
<a href="#" class="footer__logo"><img src="images/logo.png" alt="Logo" class="footer__logo-img"></a>
<p class="p--sm d-none d-md-block">Copyright © 2016 Optimised by <a href="#">E-Web</a></p>
</div>
<div class="col-12 col-md-8">
<p class="footer__address"><i class="fas fa-map-marker-alt mb-3 mr-md-2 u-color-primary"></i><br class="d-md-none">Head Office, Unit 15/6 Herbert St, St Leonards, NSW 2065</p>
<div class="footer__social">
<a href="#" class="footer__social-item"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="footer__social-item"><i class="fab fa-youtube"></i></a>
<a href="#" class="footer__social-item"><i class="fab fa-twitter"></i></a>
</div>
<p class="p--sm d-md-none mt-5 mt-md-0">Copyright © 2016 Optimised by <a href="#">E-Web</a></p>
</div>
</div>
</div>
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://kit.fontawesome.com/79d69ec070.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.7/vendors/scrolloverflow.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/fullpage.min.js"></script>
<script src="js/app-dist.js"></script>
</body>
</html>