-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
311 lines (284 loc) · 12.5 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
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Amazon Drilling</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#003a75">
<meta name="apple-mobile-web-app-status-bar-style" content="#003a75">
<meta name="theme-color" content="#003a75">
<meta name="apple-mobile-web-app-status-bar-style" content="#003a75">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="Walter Kimaro">
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/flexboxgrid.min.css">
<link rel="stylesheet" href="assets/css/flex.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/home.css">
<link rel="icon" href="logo.png">
</head>
<body class="show-na">
<header>
<div class="layout center justified section-wrapper">
<a id="logo" href="#" class="layout vertica center">
<img src="assets/img/logo-horizontal.svg" alt="Amazon Drilling logo">
</a>
<nav class="layout center" onclick="hideMenu()">
<a href="#" class="layout center-center active">Home</a>
<a href="about.html" class="layout center-center ">About Us</a>
<a href="#" class="layout center-center">Our Services</a>
<!-- <a href="#" class="layout center-center">Sustainability</a> -->
<!-- <a href="#" class="layout center-center">Fleets</a> -->
<a href="#" class="layout center-center">Contact Us</a>
</nav>
<div id="callUs" class="layout center">
CALL US : <strong>+255 743 25 00 05</strong>
</div>
<button id="menuToggler" class="for-mob" onclick="toggleMenu()">
<svg width="24px" height="24px" viewBox="0 0 512 512"><path d="M501.3 96H10.7C4.8 96 0 100.8 0 106.7s4.8 10.7 10.7 10.7h490.7c5.9 0 10.7-4.8 10.7-10.7S507.2 96 501.3 96z"/><path d="m501.3 245.3h-490.7c-5.9 0-10.7 4.8-10.7 10.7s4.8 10.7 10.7 10.7h490.7c5.9 0 10.7-4.8 10.7-10.7s-4.8-10.7-10.7-10.7z"/><path d="m501.3 394.7h-490.7c-5.9 0-10.7 4.8-10.7 10.7s4.8 10.7 10.7 10.7h490.7c5.9 0 10.7-4.8 10.7-10.7 0-5.9-4.8-10.7-10.7-10.7z"/></svg>
<svg width="24px" height="24px" viewBox="0 0 64 64"><path d="M28.9 31.8L0.6 60.1c-0.8 0.8-0.8 2.1 0 2.8 0.4 0.4 0.9 0.6 1.4 0.6 0.5 0 1-0.2 1.4-0.6l28.5-28.5 28.5 28.5c0.4 0.4 0.9 0.6 1.4 0.6 0.5 0 1-0.2 1.4-0.6 0.8-0.8 0.8-2.1 0-2.8L35.1 31.8 63.4 3.4c0.8-0.8 0.8-2.1 0-2.8 -0.8-0.8-2.1-0.8-2.8 0L32 29.2 3.4 0.6c-0.8-0.8-2.1-0.8-2.8 0 -0.8 0.8-0.8 2.1 0 2.8L28.9 31.8z"/></svg>
</button>
</div>
</header>
<script>
var header = document.querySelector('header');
function toggleMenu(){
if(!header.classList.contains('nav-open'))
header.classList.add('nav-open');
else
hideMenu();
}
function hideMenu(){
header.classList.remove('nav-open');
}
</script>
<main>
<div id="banner">
<div class="section-wrapper">
<div class="text layout vertical center-center">
<h2 id="slideshowContent" class="text-center">
<strong>One stop solution for</strong>
Exploration Drilling, <span class="for-lg"><br/></span>
Blasting & Grade Control
</h2>
</div>
</div>
</div>
<div id="lightRedBgWrapper">
<section id="sectionServices">
<div class="section-wrapper">
<div class="layout">
<a href="#" class="service-item">
<img src="assets/img/exploration-drilling.jpg" alt="">
<div class="service-description">
<h3>Exploration Drilling</h3>
<p>
Quality core / chip samples
<!-- Our agile exploration drilling teams mobilise quickly to meet your timelines... -->
</p>
</div>
</a>
<a href="#" class="service-item">
<img src="assets/img/blasting.jpg" alt="">
<div class="service-description">
<h3>Drilling & Blasting</h3>
<p>
Safe blasting, drilling & demolition
<!-- As a proudly Tanzanian company which has partnered with global leaders and... -->
</p>
</div>
</a>
<a href="#" class="service-item">
<img src="assets/img/grade-control.jpg" alt="">
<div class="service-description">
<h3>Grade Control</h3>
<p>
Right hole, right place, no waste
<!-- RC drilling (in pit grade control) is used in open cut mines to define ore grades ... -->
</p>
</div>
</a>
</div>
</div>
</section>
<!-- <section id="aboutSection">
<div class="section-wrapper">
<p>
We operate a <strong>modern fleet of</strong> remote-area drilling,
sample extraction rigs, including both <strong>track and</strong>
<strong>truck mounted rigs</strong> and earthworks equipment.</p>
</div>
</section> -->
<section id="advantagesSection">
<div class="section-wrapper layou start">
<h2>
Why Choose Us
</h2>
<div class="flex layout justified wrap">
<div class="advantage-item layout wrap">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-award"><circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg>
</div>
<div class="flex">
<h3 class="flex">Years of proven trust</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorem similique sed nesciunt recusandae illum explicabo delectus.</p>
</div>
</div>
<div class="advantage-item layout wrap">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-compass"><circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon></svg>
</div>
<div class="flex">
<h3 class="flex">Leaders in exploration mining</h3>
<p>Voluptatibus ipsa amet deleniti? Quia nam incidunt explicabo voluptatum delectus mollitia repellat saepe, aut reprehenderit quis.</p>
</div>
</div>
<div class="advantage-item layout wrap">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-briefcase"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>
</div>
<div class="flex">
<h3 class="flex">Excellent mining services</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorem similique sed nesciunt recusandae illum explicabo delectus mollitia</p>
</div>
</div>
<div class="advantage-item layout wrap">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-anchor"><circle cx="12" cy="5" r="3"></circle><line x1="12" y1="22" x2="12" y2="8"></line><path d="M5 12H2a10 10 0 0 0 20 0h-3"></path></svg>
</div>
<div class="flex">
<h3 class="flex">Unmatched mining expertise</h3>
<p>Voluptatibus ipsa amet deleniti? Quia nam incidunt explicabo voluptatum delectus mollitia repellat saepe, aut reprehenderit quis.</p>
</div>
</div>
</div>
</div>
</section>
</div>
<div id="socialResponsibility">
<div class="section-wrapper layout vertical center-justified">
<small>
Concerning Social Responsibility
</small>
<p>Establishing good relationships built on trust with host communities is fundamental to acquiring and maintaining our social licence to operate wherever we are asked to go.</p>
</div>
</div>
<section id="fleetSection">
<h2>Our Fleet</h2>
<p>
We operate a modern fleet of remote-area drilling, sample extraction rigs, with both track and truck mounted rigs and earthworks equipment.
<!-- Modern track and truck mounted remote-area drilling, -->
<!-- sample extraction rigs and earthworks equipment. -->
</p>
<div class="section-wrappe">
<div id="fleetScroller" class="layout">
<div>
<a href="#" class="fleet-item">
<div class="image">
<img src="https://amazondrilling.com/assets/images/fleets/atlas.jpg" alt="">
</div>
<div class="fleet-text">
<h3>Diamond Drilling</h3>
<p>Number of drills: 3</p>
<ul>
<li>Depth Capacity PQ: 400M - 475M</li>
<li>Depth Capacity HQ: 800M - 850M</li>
<li>Depth Capacity NQ: 1200M - 1400M</li>
</ul>
</div>
</a>
</div>
<div>
<a href="#" class="fleet-item">
<div class="image">
<img src="https://amazondrilling.com/assets/images/fleets/srd.jpg" alt="">
</div>
<div class="fleet-text">
<h3>Reverse Circulation Drilling</h3>
<p>Number of drills: 1</p>
<ul>
<li>Depth Capacity PQ: 400M</li>
<li>Depth Capacity HQ: 1000M</li>
<li>Depth Capacity NQ: 1500M</li>
</ul>
</div>
</a>
</div>
<div>
<a href="#" class="fleet-item">
<div class="image">
<img src="https://amazondrilling.com/assets/images/fleets/landcruiser.jpg" alt="">
</div>
<div class="fleet-text">
<h3>Air Core/ RAB / Auger Drilling</h3>
<p>Number of drills: 1</p>
<p>Carrier Type : 6 x 6 Landcruiser Truck</p>
</div>
</a>
</div>
<div>
<a href="#" class="fleet-item">
<div class="image">
<img src="https://amazondrilling.com/assets/images/fleets/atlas-copco.jpg" alt="">
</div>
<div class="fleet-text">
<h3>Mine Production Rigs</h3>
<p>Number of drills: 2</p>
<p>Carrier Type : 6 x 6 Landcruiser Truck</p>
</div>
</a>
</div>
</div>
</div>
</section>
<section id="sectionCta">
<!-- <div class="section-wrapper"> -->
<div class="text">
<h2>Want some drilling done?</h2>
<p>Contact us: <strong>+255 743 25 00 05</strong></p>
</div>
<!-- </div> -->
</section>
</main>
<footer>
<div class="section-wrapper layout justified">
<div class="footer-section for-lg">
<h5>OUR SERVICES</h5>
<a href="#">Exploration Drilling</a>
<a href="#">Drilling and Blasting</a>
<a href="#">Grade Control</a>
</div>
<div class="footer-section for-lg">
<h5>QUICK LINKS</h5>
<a href="#">Mission & Vision</a>
<a href="#">Sustainability</a>
<a href="#">Fleets</a>
</div>
<div class="footer-section">
<h5>CONTACT US</h5>
<p><span>PHONE:</span> +255 743 25 00 05</p>
<p><span>EMAIL:</span> [email protected]</p>
<p><span>LOCATION:</span> Iringa Road, Morogoro</p>
</div>
</div>
<div class="section-wrapper">
<div id="copyright" class="section-wrapper layout center justified">
<span>Copyright © 2019 Amazon Drilling</span>
<div class="social-links layout">
<a title="twitter" target="_blank" href="https://twitter.com/">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
</a>
<a title="instagram" target="_blank" href="https://www.instagram.com/">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.5" y2="6.5"></line></svg>
</a>
<a title="facebook" target="_blank" href="https://www.facebook.com/">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
</a>
</div>
</div>
</div>
</footer>
</body>
</html>