-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
346 lines (346 loc) · 18.9 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
346
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="assets/images/icons/logo32.png">
<link rel="manifest" href="/manifest.webmanifest">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700">
<link rel="stylesheet" href="assets/css/style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="theme-color" content="#000">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script async defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script async defer src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
<script async defer src="assets/javascript/main.js"></script>
<title>Jeep SUVs & Crossovers - Official Jeep Site</title>
</head>
<body>
<noscript>
<div class="alert alert-danger">
<details>
<summary>Please enable JavaScript to provide for the best user experience.</summary>
<p>JavaScript is an essential component of this website. Disabling it will cause much of the functionality of this web application to fail.</p>
</details>
</div>
</noscript>
<header class="theme-primary">
<div class="logo-img-wrapper">
<img src="assets/images/misc/logo-jeep.png" alt="white jeep logo">
</div>
<div class="over1000px large-menu">
<span class="theme-primary-accent menu-li">VEHICLES <i class='fa fa-chevron-down' aria-hidden="true"></i></span>
<span class="theme-primary-accent menu-li">SHOPPING TOOLS <i class='fa fa-chevron-down' aria-hidden="true"></i></span>
<span class="theme-primary-accent menu-li">CAPABILITY <i class='fa fa-chevron-down' aria-hidden="true"></i></span>
<span class="theme-primary-accent menu-li">JEEP<sub>®</sub> LIFE <i class='fa fa-chevron-down' aria-hidden="true" style="visibility:hidden;"></i> </span>
<span class="theme-primary-accent menu-li">OWNERS <i class='fa fa-chevron-down' aria-hidden="true"></i></span>
</div>
<div class="navbar menubar">
<span class="theme-primary-accent under1000px menu-li">VEHICLES <i class='fa fa-chevron-down' aria-hidden="true"></i></span>
<span class="theme-primary-accent over480px under1000px menu-li">SHOPPING TOOLS <i class='fa fa-chevron-down' aria-hidden="true"></i></span>
<span class="theme-primary-accent over660px under1000px menu-li">CAPABILITY <i class='fa fa-chevron-down' aria-hidden="true"></i></span>
<span class="theme-primary-accent under1000px menu-li">MENU <i class='fa fa-bars' aria-hidden="true"></i></span>
<span class="theme-primary-accent over1000px menu-li"><i class='fa fa-map-marker theme-secondary-accent' aria-hidden="true"></i> DEALERS & VEHICLES <i class='fa fa-chevron-down' aria-hidden="true"></i></span>
<span class="theme-primary-accent over1000px menu-li"> <i class='fa fa-wrench theme-secondary-accent' aria-hidden="true"></i> BUILD & PRICE</span>
</div>
</header>
<section class="carousel-main">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators carousel-top-bar">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="assets/images/banner-carousel/jeep1.jpg" alt="Red jeep driving on snow covered road">
<aside class="theme-primary theme-primary-accent advertisement-block">
<img src="assets/images/misc/sales-promo.png" alt="promotional banner">
<span>2018 GRAND CHEROKEE</span>
<h2>MOST STANDARD SAFETY AND SECURITY FEATURES</h2>
<p>IN ITS CLASS <i class="fa fa-info-circle" aria-hidden="true"></i></p>
<span class="button-row">
<button>VEHICLE DETAILS <i class='fa fa-chevron-right' aria-hidden="true"></i></button>
<button>BUILD & PRICE <i class='fa fa-chevron-right' aria-hidden="true"></i></button>
</span>
</aside>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/banner-carousel/jeep2.jpg" alt="Blue jeep driving in snowy trail">
<aside class="theme-primary theme-primary-accent advertisement-block" id="right-offset">
<img src="assets/images/misc/sales-promo.png" alt="promotional banner">
<span>2017 JEEP<sub>®</sub> RENEGADE</span>
<h2>NOW GET UP TO $4,500 TOTAL CASH</h2>
<p>ON SELECT 2017 MODELS <i class="fa fa-info-circle" aria-hidden="true"></i></p>
<span class="button-row">
<button>VEHICLE DETAILS <i class='fa fa-chevron-right' aria-hidden="true"></i></button>
<button>BUILD & PRICE <i class='fa fa-chevron-right' aria-hidden="true"></i></button>
</span>
</aside>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/banner-carousel/jeep3.jpg" alt="Jeep model lineup">
<aside class="outsource-link">
<span>SEE ALL JEEP<sub>®</sub> VEHICLES <i class="fa fa-chevron-right theme-contrast-color" aria-hidden="true"></i></span>
</aside>
</div>
</div>
<a class="carousel-control-prev carousel-vertical-button" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next carousel-vertical-button" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
<section class="image-gallery-main">
<figure>
<img src="assets/images/gallery/gallery1.jpg" alt="alt-text">
<figcaption><span></span><span>LEARN MORE <i class="fa fa-chevron-right theme-contrast-color" aria-hidden="true"></i></span></figcaption>
</figure>
<figure>
<img src="assets/images/gallery/gallery2.jpg" alt="alt-text">
<figcaption><span><i class="fa fa-info-circle" aria-hidden="true"></i></span><span> LEARN MORE <i class="fa fa-chevron-right theme-contrast-color" aria-hidden="true"></i></span></figcaption>
</figure>
<figure>
<img src="assets/images/gallery/gallery3.jpg" alt="alt-text">
<figcaption><span><i class="fa fa-info-circle" aria-hidden="true"></i></span><span> LEARN MORE <i class="fa fa-chevron-right theme-contrast-color" aria-hidden="true"></i></span></figcaption>
</figure>
<figure>
<img src="assets/images/gallery/gallery4.jpg" alt="alt-text">
<figcaption><span><i class="fa fa-info-circle" aria-hidden="true"></i></span><span> LEARN MORE <i class="fa fa-chevron-right theme-contrast-color" aria-hidden="true"></i></span></figcaption>
</figure>
</section>
<section class="vehicle-listings-main">
<h3>JEEP<sub>®</sub> VEHICLES</h3>
<div class="vehicle-listings-container">
<figure>
<img src="assets/images/vehicle-thumbnail/thumbnail1.jpg" alt="Red Jeep Wrangler">
<h4>ALL-NEW WRANGLER</h4>
<span>MSRP* STARTING AT</span>
<h4>$26,995 </h4>
</figure>
<figure>
<img src="assets/images/vehicle-thumbnail/thumbnail2.jpg" alt="Black Jeep Grand Cherokee">
<h4>GRAND CHEROKEE</h4>
<span>MSRP* STARTING AT</span>
<h4>$30,595 <i class="fa fa-info-circle" aria-hidden="true"></i></h4>
</figure>
<figure>
<img src="assets/images/vehicle-thumbnail/thumbnail3.jpg" alt="Olive Jeep Cherokee">
<h4>CHEROKEE</h4>
<span>MSRP* STARTING AT</span>
<h4>$24,395 <i class="fa fa-info-circle" aria-hidden="true"></i></h4>
</figure>
<figure>
<img src="assets/images/vehicle-thumbnail/thumbnail4.jpg" alt="White Jeep Compass">
<h4>COMPASS</h4>
<span>MSRP* STARTING AT</span>
<h4>$20,995 <i class="fa fa-info-circle" aria-hidden="true"></i></h4>
</figure>
<figure>
<img src="assets/images/vehicle-thumbnail/thumbnail5.jpg" alt="Light Grey Jeep Renegade">
<h4>RENEGADE</h4>
<span>MSRP* STARTING AT</span>
<h4>$17,995 <i class="fa fa-info-circle" aria-hidden="true"></i></h4>
</figure>
<figure>
<img src="assets/images/vehicle-thumbnail/thumbnail6.jpg" alt="Dark Grey Jeep Wrangler JK">
<h4>WRANGLER JK</h4>
<span>MSRP* STARTING AT</span>
<h4>$23,995 <i class="fa fa-info-circle" aria-hidden="true"></i></h4>
</figure>
</div>
</section>
<section class="kbb-trade-in">
<div>
<img src="assets/images/misc/kbb-seal.png" alt="Kelly Blue Book logo">
</div>
<aside>
<h3>GET YOUR VEHICLE’S TRADE-IN VALUE</h3>
<p>Find out how much your current vehicle is worth from the independent Kelley Blue Book (KBB). KBB bases their values based on actual transactions and adjusts them as market conditions change.</p>
<span><h5>Learn More</h5><i class="fa fa-chevron-right theme-contrast-color" aria-hidden="true"></i></span>
</aside>
</section>
<section class="search-bar-main">
<div class="search-links">
<ul>
<li>Contact Us</li>
<li>Site Map</li>
<li>Español</li>
</ul>
<ul>
<li><img src="assets/images/misc/automobility-logo.png" alt="automobility logo"></li>
<li>Find Your Country</li>
<li>Contact Us</li>
<li>Site Map</li>
<li>Careers</li>
<li>Español</li>
</ul>
</div>
<div class="search-bar-input">
<i class="fa fa-search" aria-hidden="true"></i>
<input type="text" name="search-term">
<button>Search</button>
</div>
</section>
<section class="site-map-main theme-primary theme-primary-accent">
<div class="site-map-categories">
<ul>
<li>VEHICLES <i class='fa fa-chevron-down' aria-hidden="true"></i></li>
<li>COST <i class='fa fa-chevron-down' aria-hidden="true"></i></li>
<li>RESEARCH <i class='fa fa-chevron-down' aria-hidden="true"></i></li>
<li>LOCATE <i class='fa fa-chevron-down' aria-hidden="true"></i></li>
<li>CAPABILITY <i class='fa fa-chevron-down' aria-hidden="true"></i></li>
<li>JEEP<sub>®</sub> LIFE <i class='fa fa-chevron-down' aria-hidden="true"></i></li>
<li>OWNERS <i class='fa fa-chevron-down' aria-hidden="true"></i></li>
<li>LEGAL <i class='fa fa-chevron-down' aria-hidden="true"></i></li>
</ul>
<div class="site-map-categories-extended-menu">
<div>
<p>VEHICLES</p>
<ul>
<li>Wrangler</li>
<li>Grand Cherokee</li>
<li>Cherokee</li>
<li>Renegade</li>
<li>Wrangler JK</li>
<li>Compass</li>
</ul>
</div>
<div>
<p>CAPABILITY</p>
<ul>
<li>Trail Rated<sub>®</sub></li>
<li>4x4 Systems</li>
<li>Towing</li>
<li>Fuel Efficiency</li>
<li>FAQ and Glossary</li>
</ul>
</div>
<div>
<p>COST</p>
<ul>
<li>View Incentives & Offers</li>
<li>Military Bonus Cash</li>
<li>Calculate Payment</li>
<li>Find Your Trade-In Value</li>
<li>Get a Quote</li>
<li>Apply for Credit</li>
<li>Get Prequalified</li>
</ul>
</div>
<div>
<p>JEEP<sub>®</sub> LIFE</p>
<ul>
<li>Jeep<sub>®</sub> Life Home</li>
<li>Easter Jeep<sub>®</sub> Safari</li>
<li>My Jeep<sub>®</sub> Story</li>
<li>Jeep<sub>®</sub> Badge of Honor</li>
<li>Jeep<sub>®</sub> Cherokee Detour</li>
<li>Jeep<sub>®</sub> Partnerships</li>
<li>Jeep<sub>®</sub> Brand History</li>
</ul>
</div>
<div>
<p>RESEARCH</p>
<ul>
<li>Adventure Reality</li>
<li>Build & Price</li>
<li>Compare Models</li>
<li>Grand Cherokee Compare</li>
<li>Cherokee Compare</li>
<li>Renegade Compare</li>
<li>Get a Brochure</li>
<li>Sign Up for Updates</li>
</ul>
</div>
<div>
<p>OWNERS</p>
<ul>
<li>Owners Manuals and User Guides</li>
<li>Vehicle Identification Number</li>
<li>Warranty</li>
<li>Jeep<sub>®</sub> Wave</li>
<li>Recall Information</li>
<li>Jeep<sub>®</sub> Gear</li>
</ul>
</div>
<div>
<p>LOCATE</p>
<ul>
<li>Search New Inventory</li>
<li>Find a Dealer</li>
<li>Schedule a Test Drive</li>
<li>Search Pre-Owned Vehicles</li>
</ul>
</div>
<div>
<p>LEGAL</p>
<ul>
<li>Privacy Policy</li>
<li>Copyright</li>
<li>Terms of Use</li>
<li>Legal, Safety and Trademark Information</li>
</ul>
</div>
</div>
</div>
<div class="social-media">
<aside>
<p>FOLLOW US</p>
<div>
<span><i class="fa fa-facebook-square" aria-hidden="true"></i></span>
<span><i class="fa fa-twitter-square" aria-hidden="true"></i></span>
<span><i class="fa fa-instagram" aria-hidden="true"></i></span>
<span><i class="fa fa-google-plus-square" aria-hidden="true"></i></span>
<span><i class="fa fa-youtube-square" aria-hidden="true"></i></span>
</div>
</aside>
<aside>
<p>SUPPORT</p>
<div>
<img src="assets/images/misc/uconnect.png" alt="Uconnect logo">
<img src="assets/images/misc/siriusxm.png" alt="Sirius XM logo">
</div>
</aside>
</div>
</section>
<section class="footer-main">
<footer>
<div class="footer-img-bar over660px">
<img src="assets/images/misc/FCA.png" alt="FCA Logo">
<img src="assets/images/misc/chrysler-logo.png" alt="Chrysler Logo">
</div>
<div class="footer-brand-links over660px">
<ul>
<li>CHRYSLER</li>
<li>DODGE</li>
<li>JEEP<sub>®</sub></li>
<li>RAM</li>
<li>MOPAR<sub>®</sub></li>
<li>SRT<sub>®</sub></li>
<li>FIAT<sub>®</sub></li>
<li>ALFA ROMEO</li>
</ul>
</div>
<div class="footer-p-block">
<p>©2018 FCA US LLC. All Rights Reserved.<br>
Chrysler, Dodge, Jeep, Ram, Mopar and SRT are registered trademarks of FCA US LLC.
ALFA ROMEO and FIAT are registered trademarks of FCA Group Marketing S.p.A., used with permission.
</p>
<p>
*MSRP excludes destination, taxes, title and registration fees. Starting at price refers to the base model, optional equipment not included. A more expensive model may be shown. Pricing and offers may change at any time without notification. To get full pricing details, see your dealer.
</p>
<p>
FCA strives to ensure that its website is accessible to individuals with disabilities. Should you encounter an issue accessing any content on www.jeep.com, please contact our Customer Service Team at www.jeep.com/webselfservice/ or 1-877-IAMJEEP, for further assistance or to report a problem. Access to www.jeep.com is subject to FCA’s Privacy Policy and Terms of Use.
</p>
</div>
</footer>
</section>
</body>
</html>