-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
345 lines (334 loc) · 19 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
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<title>Pace Automotive</title>
</head>
<body>
<header class="clearfix bg-white">
<div class="clearfix">
<div class="logo float-left">
<img src="images/logo.png" alt="Pace Automotive logo">
</div>
<div class="navbar float-right">
<nav id="header-links" class="transition">
<ul>
<li><a href="javaScript:;">Home</a></li>
<li><a href="javaScript:;">Our Solutions</a></li>
<li><a href="javaScript:;">About Us</a></li>
<li><a href="javaScript:;">Investors</a></li>
<li><a href="javaScript:;">Contact Us</a></li>
</ul>
</nav>
<div class="search-wrapper">
<span class="search-icon mouse-pointer"><img src="images/search.png" alt="search icon"></span>
<div class="search-inp"><input type="text" name="search" id="search"><span class="close-search mouse-pointer"><i class="fa fa-close"></i></span></div>
</div>
<span id="xs-menu"><i class="fa fa-bars"></i></span>
</div>
</div>
</header>
<main>
<div class="mar-top-71"></div>
<section id="product_menu" class="product_menu clearfix transition">
<ul class="clearfix">
<li>
<figure>
<img src="images/product_menu/ac-controller.jpg" alt="AC controller pace automotive">
<figcaption>
<h4>AC controller</h4>
<p>Our extensive range of AC regulation modules</p>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="images/product_menu/dc-controller.jpg" alt="DC controller pace automotive">
<figcaption>
<h4>DC controller</h4>
<p>Our extensive range of DC regulation modules</p>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="images/product_menu/battery-charger.jpg" alt="Battery charger pace automotive">
<figcaption>
<h4>Battery charger</h4>
<p>Chargers & Power Management Devices</p>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="images/product_menu/accessories.jpg" alt="Accessories pace automotive">
<figcaption>
<h4>Accessories</h4>
<p>Converters, motors, power steering devices and more</p>
</figcaption>
</figure>
</li>
</ul>
</section>
<div id="close_pm">
<span class="mouse-pointer up arrow green-bg"><i class="fa fa-chevron-down"></i></span>
</div>
<section class="hero_panel clearfix">
<div>
<h1>YOUR GO TO COMPANY FOR ELECTRIFICATION </h1>
<p>We design and manufacture high quality AC and DC motor controllers and system components which impacts on the way people travel, work and live.</p>
<button class="green-bg btn uppercase mouse-pointer black">More about us</button>
</div>
</section>
<section class="location_finder blue-bg clearfix">
<div class="clearfix">
<div class="col-7">
<h3>WORKING TOGETHER
TO POWER THE FUTURE</h3>
<p>Working with others, we have developed a number of ground-breaking products. From electric power steering systems to single pump systems and a HypAC integrated brushless pump motor range with improved functionality and speed.</p>
<h5>GET IN TOUCH TO FIND OUT HOW TO BUY OUR PRODUCTS</h5>
</div>
<div class="col-5">
<div class="green-dotted-circle">
<div class="green_circle green-bg">
<div>
<h5>FIND OUR PRODUCTS</h5>
<label class="select-wrap">
<select name="country" id="country">
<option value="">Select your country</option>
<option value="">India</option>
<option value="">United Kingdom</option>
</select>
</label>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="why_choose_us bg-white clearfix">
<div class="grey-line"></div>
<h4 class="heading uppercase"><span>Why choose us?</span></h4>
<div id="slider">
<a href="javaScript:;" class="control_next"><img src="images/slider-right-arrow.png" alt="slider right arrow"></a>
<a href="javaScript:;" class="control_prev"><img src="images/slider-left-arrow.png" alt="slider left arrow"></a>
<ul class="main-slide">
<li class="clearfix">
<ul class="inner-slide clearfix">
<li class="item"><img src="images/why_choose_us/renault.jpg" alt="renault logo"></li>
<li class="item"><img src="images/why_choose_us/peugeot.jpg" alt="peugeot logo"></li>
<li class="item"><img src="images/why_choose_us/brammo.jpg" alt="brammo logo"></li>
<li class="item"><img src="images/why_choose_us/cat.jpg" alt="cat logo"></li>
<li class="item"><img src="images/why_choose_us/toshiba.jpg" alt=" toshiba logo"></li>
</ul>
<p>Working alongside other world-class suppliers and OEMs, ElecSolutions is challenging technological boundaries as demand grows to generate greater power and efficiency from smaller, lighter components.</p>
<div>
<button class="green-bg btn uppercase mouse-pointer black mar-rl-10">Sevcon in numbers</button>
<button class="grey-blue-bg btn uppercase mouse-pointer white mar-rl-10">Who we work with</button>
<button class="green-bg btn uppercase mouse-pointer black mar-rl-10">Our mark of quality</button>
</div>
</li>
<li>
<ul class="inner-slide">
<li class="item"><img src="images/why_choose_us/brammo.jpg" alt="brammo logo"></li>
<li class="item"><img src="images/why_choose_us/renault.jpg" alt="renault logo"></li>
<li class="item"><img src="images/why_choose_us/peugeot.jpg" alt="peugeot logo"></li>
<li class="item"><img src="images/why_choose_us/cat.jpg" alt="cat logo"></li>
<li class="item"><img src="images/why_choose_us/toshiba.jpg" alt="toshiba logo"></li>
</ul>
<p>Working alongside other world-class suppliers and OEMs, ElecSolutions is challenging technological boundaries as demand grows to generate greater power and efficiency from smaller, lighter components.</p>
<div>
<button class="green-bg btn uppercase mouse-pointer black mar-rl-10">Sevcon in numbers</button>
<button class="grey-blue-bg btn uppercase mouse-pointer white mar-rl-10">Who we work with</button>
<button class="green-bg btn uppercase mouse-pointer black mar-rl-10">Our mark of quality</button>
</div>
</li>
<li>
<ul class="inner-slide">
<li class="item"><img src="images/why_choose_us/peugeot.jpg" alt="peugeot logo"></li>
<li class="item"><img src="images/why_choose_us/renault.jpg" alt="renault logo"></li>
<li class="item"><img src="images/why_choose_us/brammo.jpg" alt="brammo logo"></li>
<li class="item"><img src="images/why_choose_us/cat.jpg" alt="cat logo"></li>
<li class="item"><img src="images/why_choose_us/toshiba.jpg" alt="toshiba logo"></li>
</ul>
<p>Working alongside other world-class suppliers and OEMs, ElecSolutions is challenging technological boundaries as demand grows to generate greater power and efficiency from smaller, lighter components.</p>
<div>
<button class="green-bg btn uppercase mouse-pointer black mar-rl-10">Sevcon in numbers</button>
<button class="grey-blue-bg btn uppercase mouse-pointer white mar-rl-10">Who we work with</button>
<button class="green-bg btn uppercase mouse-pointer black mar-rl-10">Our mark of quality</button>
</div>
</li>
</ul>
</div>
<div>
</div>
</section>
<section class="applications bg-white clearfix">
<div class="grey-line"></div>
<h4 class="heading uppercase"><span>Applications</span></h4>
<ul class="clearfix">
<li>
<div class="containerCust">
<div class="two-wheel bg-app-img"></div>
<span class="transition mouse-pointer up arrow trans green-bg "><i class="fa fa-chevron-down"></i></span>
<div class="opacity transition">
<h5>Products for 2 wheel EVs</h5>
<p>We have designed some of the world's most compact, robust and efficient motor controllers, battery chargers, converters and display accessories for industrial electric vehicles.</p>
</div>
</div>
<div class="opacity1 transition">
<h5>Products for 2 wheel EVs</h5>
</div>
</li>
<li>
<div class="containerCust">
<div class="four-wheel bg-app-img"></div>
<span class="transition mouse-pointer up arrow green-bg "><i class="fa fa-chevron-down"></i></span>
<div class="opacity transition">
<h5>Products for 4 wheel EVs</h5>
<p>We have designed some of the world's most compact, robust and efficient motor controllers, battery chargers, converters and display accessories for industrial electric vehicles.</p>
</div>
</div>
<div class="opacity1 transition">
<h5>Products for 4 wheel EVs</h5>
</div>
</li>
<li>
<div class="containerCust">
<div class="hybrid bg-app-img"></div>
<span class="transition mouse-pointer up arrow green-bg "><i class="fa fa-chevron-down"></i></span>
<div class="opacity transition">
<h5>Products for Hybrids</h5>
<p>We have designed some of the world's most compact, robust and efficient motor controllers, battery chargers, converters and display accessories for industrial electric vehicles.</p>
</div>
</div>
<div class="opacity1 transition">
<h5>Products for Hybrids</h5>
</div>
</li>
</ul>
<ul class="clearfix">
<li>
<div class="containerCust">
<div class="industry bg-app-img"></div>
<span class="transition mouse-pointer up arrow green-bg "><i class="fa fa-chevron-down"></i></span>
<div class="opacity transition">
<h5>Products for Industry</h5>
<p>We have designed some of the world's most compact, robust and efficient motor controllers, battery chargers, converters and display accessories for industrial electric vehicles.</p>
</div>
</div>
<div class="opacity1 transition">
<h5>Products for Industry</h5>
</div>
</li>
<li>
<div class="containerCust">
<div class="agriculture bg-app-img"></div>
<span class="transition mouse-pointer up arrow green-bg "><i class="fa fa-chevron-down"></i></span>
<div class="opacity transition">
<h5>Products for Agriculture</h5>
<p>We have designed some of the world's most compact, robust and efficient motor controllers, battery chargers, converters and display accessories for industrial electric vehicles.</p>
</div>
</div>
<div class="opacity1 transition">
<h5>Products for Agriculture</h5>
</div>
</li>
<li>
<div class="containerCust">
<div class="marine bg-app-img"></div>
<span class="transition mouse-pointer up arrow green-bg "><i class="fa fa-chevron-down"></i></span>
<div class="opacity transition">
<h5>Products for Marine</h5>
<p>We have designed some of the world's most compact, robust and efficient motor controllers, battery chargers, converters and display accessories for industrial electric vehicles.</p>
</div>
</div>
<div class="opacity1 transition">
<h5>Products for Marine</h5>
</div>
</li>
</ul>
</section>
<section class="case_studies bg-white clearfix">
<div>
<div class="grey-line"></div>
<h4 class="heading uppercase"><span>Case Studies</span></h4>
<ul>
<li><img src="images/renault-twizy.jpg" alt="renault twizzy"></li>
<li>
<span class="up arrow grey-bg"><i class="fa fa-chevron-right"></i></span>
<h3>ELEC AND THE RENAULT TWIZY</h3>
<p>Renault selected ElecSolutions to supply the all-important electric motor controllers for its mould-breaking new electric vehicle range, the Twizy ZE (zero emission), which is now on sale. Discover how our products helped revolutionise performance. </p>
<a href="#">Read this case study</a>
</li>
</ul>
</div>
</section>
<section class="news bg-white">
<div class="grey-line"></div>
<h4 class="heading uppercase"><span>News & Events</span></h4>
<div class="news-wrapper ">
<div>
<h5>Latest News</h5>
<ul>
<li>
<h6>1st February 2016</h6>
<a href="#">ElecSolutions Targets Accelerated Growth with Acquisition of Bassi Srl</a>
</li>
<li>
<h6>9th December 2015</h6>
<a href="#">Record year for sales and profits soar</a>
</li>
<li>
<h6>9th November 2015</h6>
<a href="#">Let's Work Together to stop stigma over engineering careers, says boss</a>
</li>
<li>
<h6>27th October 2015</h6>
<a href="#">Shortlist is unveiled for the North East Business Executive of the Year 2015</a>
</li>
</ul>
</div>
<div>
<h5>Next News</h5>
<ul>
<li>
<h6>1st May 2016</h6>
<a href="#">ElecSolutions at the Mobility Exhibition, Hilton Hotel, London</a>
</li>
<li>
<h6>1st July 2016</h6>
<a href="#">ElecSolutions at the Trade Fare 2016, Sage Gateshead</a>
</li>
</ul>
</div>
</div>
</section>
</main>
<footer>
<div class="grey-blue-bg subscribe white">
<h4>STAY INFORMED</h4>
<p>Sign up to be the first to learn about our new products and business developments.</p>
<input type="text">
<button>Subscribe</button>
</div>
<div class="bg-white footer-links">
<ul>
<li><a href="">Site Map</a></li>
<li><a href="">Terms of Use</a></li>
<li><a href="">Privacy Policy</a></li>
</ul>
</div>
<div>©2016 Ramarketing </div>
</footer>
<!-- JavaScript -->
<script src="js/jquery.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>