-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprosp.html
313 lines (281 loc) · 13.6 KB
/
prosp.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Prosp</title>
<meta name="viewport" content="user-scalable=no" />
<link rel="stylesheet" type="text/css" href="assets/css/reset.css">
<link rel="stylesheet" type="text/css" href="assets/css/common.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/jquery.mCustomScrollbar.css" />
<link rel="stylesheet" type="text/css" href="assets/css/return.css">
</head>
<body>
<div class="wrap">
<div id="header">
<div id="logo"><a href="#"><img src="assets/img/logo.png" alt="borgward logo"></a></div>
<div id="tip">
<ul class="lg">
<li><a href="#">DE</a></li>
<li class="cur"><a href="#">EN</a></li>
<li class="search">
<input id="seatop" type="search" class="search-text">
</li>
</ul>
</div>
<div id="menu">
<ul class="tab">
<li><a href="index.html">Home</a></li>
<li class="submenus">
<a href="histroy.html?sdr=0">Legendary history</a>
<ul class="tab2">
<li><a href="histroy.html?sdr=0">CARL F.W</a></li>
<li><a href="histroy.html?sdr=1">BORGWARD ICONS</a></li>
<li><a href="histroy.html?sdr=2">ACHIEVEMENTS</a></li>
<li><a href="histroy.html?sdr=3">INNOVATIONS</a></li>
<li><a href="histroy.html?sdr=4">DESIGN</a></li>
<li><a href="histroy.html?sdr=5">MOTORSPORT</a></li>
</ul>
</li>
<li class="submenus">
<a href="return.html?sdr=0">Legendary return</a>
<ul class="tab2">
<li><a href="return.html?sdr=0">Christian Borgward</a></li>
<li><a href="return.html?sdr=1">A famous logo reimagined</a></li>
<li><a href="return.html?sdr=2">Brand decoded</a></li>
<li><a href="return.html?sdr=3">Brand values</a></li>
</ul>
</li>
<li class="submenus">
<a class="active" href="prosp.html?sdr=0">Legendary Prospect</a>
<ul class="tab2">
<li><a href="prosp.html?sdr=2">New energy</a></li>
<li><a href="prosp.html?sdr=1">Design DNA</a></li>
<li><a href="prosp.html?sdr=0">Connected car</a></li>
</ul>
</li>
<li><a class="last" href="media.html">Press Center</a></li>
</ul>
</div>
</div>
<div id="container">
<div id="sliderC">
<div class="fr ld">
<span class="arr"><i class="fa fa-angle-left"></i></span>
<a class="tit">New energy</a>
</div>
<div class="fr rd">
<span class="arr"><i class="fa fa-angle-right"></i></span>
<a class="tit">Design DNA</a>
</div>
<div id="slider" class="swipe">
<div class="swipe-wrap">
<div class="sItem">
<div class="m-wrap">
<div class="mtit">
<h2>Connected car</h2>
</div>
<div id="contentbar1" class="mdec mCustomScrollbar">
<h3>An exclusive private space on Internet for vehicle owners</h3>
<h4>Cloud/synchronous interconnection</h4>
<p>Through a cloud server to synchronize the car phone, mobile phone and computer, analyze <br>automatically the vehicle information fed back by T-Box, and plan and promote maintenance <br>services to help the vehicle owners free from worries. </p>
<h4>Mobile phone/APP Interconnection</h4>
<p>Through the mobile phone’s mapping function, integrate the functions of the car <br>phone and mobile phone into one system. The App can help to add new features to the car phone. <br>Through the APP, any mobile phone can be configured into a remote control of the vehicle. </p>
<h4>Map/Navigation Interconnection</h4>
<p>Through the cloud and search engine, finding a destination could be the easiest thing. The completed navigation information prevents the driver from losing a road and pointless trip. It updates the road conditions in a real-time way. Its dynamic route plans help the driver to reach a destination in shortest time and distance. All of them are connivances and all of them save the money and fuel.
</p>
<h4>Interaction/HMI Interconnection
</h4>
<p>There are multiple interfaces of interaction. You may choose the most intuitive and fastest way to start the vehicle-driver interaction. An easy UI lets you to learn all the features quickly. Some kinds of permissions are open and allow you to configure your personalized settings.
</p>
<h4>Entertainment/Information Interconnection
</h4>
<p>It plays the contents from the radio, USB flash and mobile phone. It also can connect the Internet through the T-box or a mobile phone to reach the online media for real-time entertainment programs. Now, your vehicle has been upgraded into an information hub for things like weather and stock markets. </p>
</div>
</div>
<img src="images/props_1.jpg" alt="">
</div>
<div class="sItem">
<div class="m-wrap">
<div class="mtit">
<h2>Design DNA</h2>
</div>
<div id="contentbar2" class="mdec mCustomScrollbar">
<h3>A top design team in the world</h3>
<h4>Design Director</h4>
<p>The design director is one of the most prestigious contemporary industrial designers, who <br>started the BORGWARD brand design with the unique classic heritages and styles.</p>
<h4>The design team members come from all around the world</h4>
<p>The design team is made up of some top designers around the world and a group of young, <br>imaginative people. Together, they are trying to offer the market with more concept products. </p>
<h4>Design Studios</h4>
<p>It has an independent design studio at Stuttgart, Germany. </p>
<h3>A Long Design History</h3>
<h4>pontoon design -- Hansa 1500</h4>
<p>In 1949, the Hansa 1500 ushered in a new era of automobile models, as the first German vehicle, which had a pontoon body with a flat panel stretching toward the wheel.
</p>
<h4>Cross-border design – dream concept car
</h4>
<p>In 1955, the dream concept car of BORGWARD is the world's first vehicle using an aircraft cockpit design, starting a new era of integration.</p>
<h4>Classical Design -- Isabella
</h4>
<p>Isabella debuted in 1954 as the work on the pinnacle of BORGWARD, with the most beautiful profile in 1950s, having the brand awareness of BORGWARD greatly enhanced.
</p>
<h3>Professional Design Process
</h3>
<h4>Sketching stage</h4>
<p>Creative design starts from inspirations. Deft hands make sharp sketches on empty papers.
</P>
<h4>Tape drawing
</h4>
<p>Associations between these sketches and actual components are few. The tap drawing process brings the imagination into something with a bit of reality.
</P>
<h4>Clay modeling
</h4>
<p>Clay modeling specialists collaborated with the designers to shape a full-sized model by using the special industrial clay.
</P>
<h4>Digital modeling
</h4>
<p>Real and virtual designs are working simultaneously. Both the quality and speed are very important.
</P>
<h4>Color and material design
</h4>
<p>Be dynamic or elegant? Be conceptual or traditional? The decisive impacts are come from the exterior and Interior designs, colors and materials.
</P>
<h3>Paradox of classics and concepts: <br>Always New and Always Timeless is blended into elegant designs.
</h3>
<p>Precision ▪ Elegance ▪ Fashion ▪ Sport ▪ Genuine
</P>
<p>A perfect combination of classical aesthetics and fashion elements
</P>
</div>
</div>
<img src="images/props_2.jpg" alt="">
</div>
<div class="sItem">
<div class="m-wrap">
<div class="mtit">
<h2>New energy</h2>
</div>
<div id="contentbar3" class="mdec mCustomScrollbar">
<h3>Transcendental Performance</h3>
<h4>Motor and Engine Are Perfectly Matched.</h4>
<p>The advanced 1.4T direct-injection turbocharged engine and rear-drive high-performance permanent magnet traction motor are perfectly matched to cut the engine load and fuel consumption simultaneously under various road conditions. </p>
<h4>The powertrain is in high output.</h4>
<p>It accelerates the vehicle from zero to 100 km within 7 seconds. </p>
<h4>DCT technology reinforces the transmission.</h4>
<p>It uses the 7-speed high performance dual-clutch transmission with the latest DCT technology. In addition to the manual flexibility and automatic comfort, it offers seamless output to improve the overall performance of the electric vehicle. </p>
<h4>Excellent 4×4 drive upgrades the vehicle performance.</h4>
<p>The silent EV drive mode of the 85-kw eRAD motor collaborates with the front engine configuration to explain satisfactory on off-road 4×4 travelling results with better driving experience and higher overall performance of the electric vehicle. </p>
<h3>The Engine is highly efficient</h3>
<h4>It uses unique fuel-efficient technologies.</h4>
<p>The size-reduced engine, collaborated with BSG and eRAD, will save the fuel about 15% under the highly efficient operation. </p>
<h4>The batteries have been put into an efficient application.</h4>
<p>With the batteries fully charged, the 85-kw eRAD motor satisfies the need of a 50-km trip. </p>
<h4>The kinetic energy and electrical energy can be effectively interchanged.</h4>
<p>Under braking and coasting status, the kinetic energy generated by eRAD traction force will charge the batteries, improving the fuel efficiency more than 8%, thus, having the overall efficiency of the electrical-driving system increased and the fuel consumption reduced. </p>
<h3>The flexibility is higher</h3>
<h4>System platform solutions</h4>
<p>Its universal and flexible powertrain platform solutions satisfy the high flexible operation conditions. </p>
<h4>The platforms and parts can be shared</h4>
<p>The platforms and parts can be shared among the plug-in hybrid electric vehicles (PHEV), hybrid electric vehicles (HEV) and electric vehicle (EV). </p>
<h4>Modularized Design</h4>
<p>Flexible modular concepts have been imbedded into to the most critical Powertrain ECU components, and batteries. </p>
<h3>Zero-emission/fuel efficiency is sustainable</h3>
<h4>Zero-emission is environmental friendly</h4>
<p>BORGWARD PHEV has different drive modes for maximization of energy efficiency. When the load is low, it will be driven by the electricity only, which generates zero emission. </p>
<h4>Fuel Efficient</h4>
<p>BORGWARD PHEV's overall fuel consumption is only 2L/100 km, 25%~35% lower than a regular vehicle.</p>
</div>
</div>
<img src="images/props_3.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="copy">
© 2015 BORGWARD AG - ALL RIGHTS RESERVED.
</div>
<div class="foot-tip">
<span href="#" class="share">Share :
<a href="javascript: void(window.open('https://twitter.com/borgward_ag/?status='.concat(encodeURIComponent(document.title)) .concat('') .concat(encodeURIComponent(location .href))));"><i class="fa fa-twitter"></i></a>
<a href="javascript: void(window.open('https://www.facebook.com/borgward.official?u='.concat(encodeURIComponent(location.href)) ));"><i class="fa fa-facebook"></i></a>
</span>
<a href="sitemap.html" class="map">Sitemap</a>|<a href="media.html" class="map">Download</a>|<a href="law.html" class="map">Laws & Privacy</a>
</div>
</div>
</div>
<script type="text/javascript" src="assets/js/lib/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="assets/js/lib/swipe.js"></script>
<script type="text/javascript" src="assets/js/lib/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript">
(function($){
var url = window.location.href || '?sdr=0',
key = url.indexOf('=') + 1,
sdr = url.substring(key, key+1);
var slider = Swipe(document.getElementById('slider'), {
//auto:3000,
startSlide: sdr,
continuous: true,
disableScroll: false,
callback: function(pos) {
var $item = $('.sItem');
var ni = pos+1 > $item.length-1 ? 0 : pos+1;
var pi = pos-1 < 0 ? $item.length-1 : pos-1;
var next = $item.eq(ni).find('.mtit h2').text();
var pre = $item.eq(pi).find('.mtit h2').text();
$('.ld').find('.tit').html(pre);
$('.rd').find('.tit').html(next);
}
});
$('.ld').on('click', function(e){
e.stopPropagation();
e.preventDefault();
slider.prev();
scrtop();
});
$('.rd').on('click', function(e){
e.stopPropagation();
e.preventDefault();
slider.next();
scrtop();
});
$('.arr').mouseover(function(event) {
$(this).siblings('a').show();
})
.mouseout(function(event) {
$(this).siblings('a').hide();
});
function scrtop () {
$('.mCustomScrollbar').mCustomScrollbar("scrollTo",'top');
};
$.mCustomScrollbar.defaults.scrollButtons.enable=true;
$(window).load(function(){
$(".mdec").mCustomScrollbar({
axis:"x",
theme: 'light-thick'
});
setMdc();
});
function setMdc(){
var mdcH = $('.swipe-wrap').height() - 320;
$('.mCustomScrollbar').height(mdcH);
}
$('.submenus')
.mouseover(function(event) {
$(this).children('.tab2').show();
})
.mouseout(function(event) {
$(this).children('.tab2').hide();
});
$('#seatop').keydown(function(e){
if(e.keyCode==13){
var purl = 'search.html?key=' + $('#seatop').val();
window.open(purl);
//$('#FormId').submit();
}
});
})(jQuery)
</script>
</body>
</html>