-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout-us.php
More file actions
305 lines (295 loc) · 21 KB
/
about-us.php
File metadata and controls
305 lines (295 loc) · 21 KB
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
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<?php include 'header.php';?>
<!-- Breadcrumbs -->
<section class="bg-gray-7">
<div class="container">
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Pages</a></li>
<li class="active">About Us</li>
</ul>
</div>
</section>
<!-- About-->
<section class="section section-lg bg-default">
<div class="container">
<div class="tabs-custom row row-50 justify-content-center flex-lg-row-reverse text-center text-md-left" id="tabs-4">
<div class="col-lg-4 col-xl-3">
<h5 class="text-spacing-200">20+ years of experience</h5>
<ul class="nav list-category list-category-down-md-inline-block">
<li class="list-category-item wow fadeInRight" role="presentation" data-wow-delay="0s"><a class="active" href="#tabs-4-1" data-toggle="tab">About us</a></li>
<li class="list-category-item wow fadeInRight" role="presentation" data-wow-delay=".1s"><a href="#tabs-4-2" data-toggle="tab">Our Mission</a></li>
<li class="list-category-item wow fadeInRight" role="presentation" data-wow-delay=".2s"><a href="#tabs-4-3" data-toggle="tab">Our Goals</a></li>
<li class="list-category-item wow fadeInRight" role="presentation" data-wow-delay=".3s"><a href="#tabs-4-4" data-toggle="tab">Company values</a></li>
</ul><a class="button button-lg button-primary button-winona" href="contacts.html">Contact us</a>
</div>
<div class="col-lg-8 col-xl-9">
<!-- Tab panes-->
<div class="tab-content tab-content-1">
<div class="tab-pane fade show active" id="tabs-4-1">
<h4>a few words about us</h4>
<p>HYDROTECH was established in 1995 primarily to supply the mining and mineral extraction industry. From those early days Apex Hydraulics has grown to be one of the most respected companies in the hydraulics industry.</p>
<p> The original purpose of the company was simply to offer a repair service, but due to demand for custom built equipment, this provided an ideal platform for HYDROTECH to diversify into the manufacturing and sales sector of the industry.</p><img src="images/about-1-835x418.jpg" alt="" width="835" height="418"/>
</div>
<div class="tab-pane fade" id="tabs-4-2">
<h4>providing quality repair services</h4>
<p>Choosing the right hydraulic equipment is key to ensuring that your entire hydraulic system works efficiently and smoothly.</p>
<p>A quality hydraulic hose will work to transfer hydraulic fluids (such as oil) effectively from one part of your machine to another. A burst in the hose could result in leakage, which can make your entire hydraulic system completely inefficient. Not only could this become dangerous, but your equipment could lose hydraulic power – leaving you with little choice but to invest in costly and time consuming repairs.</p>
<p>If you find yourself in need of hydraulic hose repair or hydraulic cylinder repair, it’s never a good idea to wait too long before you find a hydraulic repair company.</p><img src="images/about-2-835x418.jpg" alt="" width="835" height="418"/>
</div>
<div class="tab-pane fade" id="tabs-4-3">
<h4>Commitment Innovation Quality and Service</h4>
<p>We deliver innovative solutions and products for a broad range of hydraulic applications. Our strength
is derived from five main areas: experience, knowledge-base, the application of quality as our
most powerful tool, always offering the most cost effective solution and the broad range of products and
services that we offer.</p>
<p></p>
<p>We will advise, design, engineer, build or supply the correct hydraulic solution for your business. As a trusted partner for some of the world’s leading hydraulic companies, we can quickly supply a replacement part or engineer a solution and keep you working.It is the range of products and services we offer, that differentiates us from our competitors. We are able to supply a simple flange or flexible hose, cylinders, control valves, mobile products, filters, accessories and test equipment. We can satisfy a local sales-counter order, or an international, bespoke, engineered solution.Having product specialists, qualified engineers and ongoing customer service training produces excellent client feedback and consistently high results in our market place.</p><img src="images/about-4-835x418.jpg" alt="" width="835" height="418"/>
</div>
<div class="tab-pane fade" id="tabs-4-4">
<h4>Dedication, integrity, and expertise</h4>
<p>We are one of the leading hydraulic company in the area. By combining our expertise, experience and the energy of our staff, each client receives close personal and professional attention.Our high standards, service and specialized staff spell the difference between our outstanding performance and that of other company. We make sure that every client is served by the expertise of our entire company.</p>
<p>An hydraulic company is known for the quality of its service. Our company’s reputation reflects the high standards we demand of ourselves. Our high service quality and “raving fan” clients are the result of our commitment to excellence.Our primary goal as a trusted advisor is to be available to provide insightful advice to enable our clients to make informed financial decisions. We do not accept anything less from ourselves, and this is what we deliver to you.We feel it is extremely important to continually professionally educate ourselves to improve our technical expertise, Technical knowledge and service to our clients.</p>
<p>Our company is responsive. Executives and boards who select our company rely on competent advice and fast, accurate personnel.To see a listing of our services, please take a moment and look at our services pages. As we get new business from the people who know us best, client referrals have fueled our growth in recent years.Through hard work, we have earned the respect of the business . This respect illustrates our diverse talents, dedication and ability to respond quickly.</p><img src="images/about-3-835x418.jpg" alt="" width="835" height="418"/>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Icon Classic-->
<section class="section section-lg bg-gray-100">
<div class="container">
<div class="row row-md row-50">
<div class="col-sm-6 col-xl-4 wow fadeInUp" data-wow-delay="0s">
<article class="box-icon-classic">
<div class="unit unit-spacing-lg flex-column text-center flex-md-row text-md-left">
<div class="unit-left">
<div class="box-icon-classic-icon linearicons-chart-settings"></div>
</div>
<div class="unit-body">
<h5 class="box-icon-classic-title"><a href="single-service.html">Hydraulic Services</a></h5>
<p class="box-icon-classic-text">We know how important it is to get your hydraulic systems back up and running in proper working condition.</p>
</div>
</div>
</article>
</div>
<div class="col-sm-6 col-xl-4 wow fadeInUp" data-wow-delay=".1s">
<article class="box-icon-classic">
<div class="unit unit-spacing-lg flex-column text-center flex-md-row text-md-left">
<div class="unit-left">
<div class="box-icon-classic-icon linearicons-inbox2"></div>
</div>
<div class="unit-body">
<h5 class="box-icon-classic-title"><a href="single-service.html">Hydraulic Manufacturing</a></h5>
<p class="box-icon-classic-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p>
</div>
</div>
</article>
</div>
<div class="col-sm-6 col-xl-4 wow fadeInUp" data-wow-delay=".2s">
<article class="box-icon-classic">
<div class="unit unit-spacing-lg flex-column text-center flex-md-row text-md-left">
<div class="unit-left">
<div class="box-icon-classic-icon linearicons-hammer-wrench"></div>
</div>
<div class="unit-body">
<h5 class="box-icon-classic-title"><a href="single-service.html">Trading</a></h5>
<p class="box-icon-classic-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p>
</div>
</div>
</article>
</div>
</div>
</div>
</section>
<!-- Our Team-->
<section class="section section-lg section-bottom-md-70 bg-default">
<div class="container">
<h3 class="oh"><span class="d-inline-block wow slideInUp" data-wow-delay="0s">OUR CORE VALUES</span></h3>
<div class="row row-lg row-40 justify-content-center">
<div class="col-sm-6 col-lg-3 wow fadeInLeft" data-wow-delay=".2s" data-wow-duration="1s">
<!-- Team Modern-->
<article class="team-modern"><a class="team-modern-figure" href="#"><img src="images/team-1-270x236.jpg" alt="" width="270" height="236"/></a>
<div class="team-modern-caption">
</ul>
</div>
</article>
</div>
<div class="col-sm-6 col-lg-3 wow fadeInLeft" data-wow-delay="0s" data-wow-duration="1s">
<!-- Team Modern-->
<article class="team-modern"><a class="team-modern-figure" href="#"><img src="images/team-18-270x236.jpg" alt="" width="270" height="236"/></a>
<div class="team-modern-caption">
</ul>
</div>
</article>
</div>
<div class="col-sm-6 col-lg-3 wow fadeInRight" data-wow-delay=".1s" data-wow-duration="1s">
<!-- Team Modern-->
<article class="team-modern"><a class="team-modern-figure" href="#"><img src="images/team-20-270x236.jpg" alt="" width="270" height="236"/></a>
<div class="team-modern-caption">
</ul>
</div>
</article>
</div>
<div class="col-sm-6 col-lg-3 wow fadeInRight" data-wow-delay=".3s" data-wow-duration="1s">
<!-- Team Modern-->
<article class="team-modern"><a class="team-modern-figure" href="#"><img src="images/team-21-270x236.jpg" alt="" width="270" height="236"/></a>
<div class="team-modern-caption">
</ul>
</div>
</article>
</div>
</div>
</div>
</section>
<!-- Our History-->
<section class="section section-lg bg-gray-100 text-left section-relative">
<div class="container">
<div class="row row-60 justify-content-center justify-content-xxl-between">
<div class="col-lg-6 col-xxl-5 position-static">
<h3>Our history</h3>
<div class="tabs-custom" id="tabs-5">
<div class="tab-content tab-content-1">
<div class="tab-pane fade" id="tabs-5-1">
<h5 class="font-weight-normal text-transform-none text-spacing-75">The beginning of Blue Energy success</h5>
<p>Cottas credere! Canis de neuter tabes, convertam contencio! Nunquam consumere triticum. Cum nomen favere, omnes byssuses carpseris nobilis, dexter caculaes.</p>
</div>
<div class="tab-pane fade" id="tabs-5-2">
<h5 class="font-weight-normal text-transform-none text-spacing-75">National expansion and promotion of our services</h5>
<p>Historia de azureus index, perdere messor! Abactor raptus mensa est. Heu, uria! Regius, noster bubos virtualiter resuscitabo de clemens, velox pars.</p>
</div>
<div class="tab-pane fade" id="tabs-5-3">
<h5 class="font-weight-normal text-transform-none text-spacing-75">Opening new offices in European countries</h5>
<p>Ire cito ducunt ad neuter ratione. Nunquam transferre mortem. Tumultumque de placidus burgus, carpseris mons! Index de velox fuga, acquirere solitudo.</p>
</div>
<div class="tab-pane fade show active" id="tabs-5-4">
<h5 class="font-weight-normal text-transform-none text-spacing-75">Partnering with manufacturers of Hydraulics Products</h5>
<p>Hydro Tech Hydraulics is a Saudi Arabia renowned company with a proud history. Our strong market presence, innovative, high-quality product range and technological know-how are the product of over 26 years of both organic growth and company acquisition.</p>
</div>
</div>
<div class="list-history-wrap">
<ul class="nav list-history">
<li class="list-history-item" role="presentation"><a href="#tabs-5-1" data-toggle="tab">
<div class="list-history-circle"></div>1995</a></li>
<li class="list-history-item" role="presentation"><a href="#tabs-5-2" data-toggle="tab">
<div class="list-history-circle"></div>2012</a></li>
<li class="list-history-item" role="presentation"><a href="#tabs-5-3" data-toggle="tab">
<div class="list-history-circle"></div>2015</a></li>
<li class="list-history-item" role="presentation"><a class="active" href="#tabs-5-4" data-toggle="tab">
<div class="list-history-circle"></div>2021</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-9 col-lg-6 position-static index-1">
<div class="bg-image-right-1 bg-image-right-lg"><img src="images/about-5-1110x710.jpg" alt="" width="1110" height="710"/>
<div class="link-play-modern"><a class="icon mdi mdi-play" data-lightbox="iframe" href="https://www.facebook.com/hellohydrotechglobal/videos/426360388266633/"></a>
<div class="link-play-modern-title">How we<span>Work</span></div>
<div class="link-play-modern-decor"></div>
</div>
<div class="box-transform" style="background-image: url(images/about-5-1110x710.jpg);"></div>
</div>
</div>
</div>
</div>
</section>
<!-- Our clients-->
<section class="section section-lg bg-default text-md-left">
<div class="container">
<div class="row row-60 justify-content-center flex-lg-row-reverse">
<div class="col-md-8 col-lg-6 col-xl-5">
<div class="offset-left-xl-70">
<h3>Our clients</h3>
<div class="slick-quote">
<!-- Slick Carousel-->
<div class="slick-slider carousel-parent" data-autoplay="true" data-swipe="true" data-items="1" data-child="#child-carousel-5" data-for="#child-carousel-5" data-slide-effect="true">
<div class="item">
<!-- Quote Modern-->
<article class="quote-modern">
<h5 class="quote-modern-text"><span class="q">Your help with our recent project was invaluable! Your sales team did a great work in organization of diamond supply process and we appreciate it a lot.</span></h5>
<h5 class="quote-modern-author">Will Jones,</h5>
<p class="quote-modern-status">Regular Client</p>
</article>
</div>
<div class="item">
<!-- Quote Modern-->
<article class="quote-modern">
<h5 class="quote-modern-text"><span class="q">It has been a pleasure to work with your team. You are a trusted partner in coal exploration, development, and further processing.
</span></h5>
<h5 class="quote-modern-author">Sam Peterson,</h5>
<p class="quote-modern-status">Regular Client</p>
</article>
</div>
<div class="item">
<!-- Quote Modern-->
<article class="quote-modern">
<h5 class="quote-modern-text"><span class="q">Their team helped us a lot during a complex process of finding candidates for a new department that opened at our iron ore plant this year.</span></h5>
<h5 class="quote-modern-author">Jane McMillan,</h5>
<p class="quote-modern-status">Regular Client</p>
</article>
</div>
<div class="item">
<!-- Quote Modern-->
<article class="quote-modern">
<h5 class="quote-modern-text"><span class="q">Fluctuss sunt eras de neuter plasmator. Heuretes noster brabeuta est. Nixus, visus, et mensa. Primus, magnum tatas rare locus de altus, camerarius clabulare.</span></h5>
<h5 class="quote-modern-author">Stephen Adams,</h5>
<p class="quote-modern-status">Regular Client</p>
</article>
</div>
</div>
<div class="slick-slider child-carousel" id="child-carousel-5" data-arrows="true" data-for=".carousel-parent" data-items="4" data-sm-items="4" data-md-items="4" data-lg-items="4" data-xl-items="4" data-slide-to-scroll="1">
<div class="item"><img class="img-circle" src="images/team-5-83x83.jpg" alt="" width="83" height="83"/>
</div>
<div class="item"><img class="img-circle" src="images/team-6-83x83.jpg" alt="" width="83" height="83"/>
</div>
<div class="item"><img class="img-circle" src="images/team-7-83x83.jpg" alt="" width="83" height="83"/>
</div>
<div class="item"><img class="img-circle" src="images/team-8-83x83.jpg" alt="" width="83" height="83"/>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-7">
<!-- Clients Classic-->
<div class="clients-classic-wrap">
<div class="row no-gutters">
<div class="col-sm-6 wow fadeInLeft">
<div class="clients-classic"><a class="clients-classic-figure" href="#"><img src="images/clients-1-200x90.png" alt="" width="200" height="90"/></a></div>
</div>
<div class="col-sm-6 wow fadeInRight">
<div class="clients-classic"><a class="clients-classic-figure" href="#"><img src="images/clients-2-200x90.png" alt="" width="200" height="90"/></a></div>
</div>
</div>
<div class="row no-gutters">
<div class="col-sm-6 wow fadeInLeft">
<div class="clients-classic"><a class="clients-classic-figure" href="#"><img src="images/clients-3-200x90.png" alt="" width="200" height="90"/></a></div>
</div>
<div class="col-sm-6 wow fadeInRight">
<div class="clients-classic"><a class="clients-classic-figure" href="#"><img src="images/clients-4-200x90.png" alt="" width="200" height="90"/></a></div>
</div>
</div>
<div class="row no-gutters">
<div class="col-sm-6 wow fadeInLeft">
<div class="clients-classic"><a class="clients-classic-figure" href="#"><img src="images/clients-5-200x90.png" alt="" width="200" height="90"/></a></div>
</div>
<div class="col-sm-6 wow fadeInRight">
<div class="clients-classic"><a class="clients-classic-figure" href="#"><img src="images/clients-6-200x90.png" alt="" width="200" height="90"/></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Page Footer-->
<?php include 'footer.php';?>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>