-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
867 lines (803 loc) · 46.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
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
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<link href="style.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- header navbar -->
<header>
<div class="d-flex justify-content-between nav-top">
<div class="">
<img src="./images/Group 97.png" />
</div>
<div class="">
<img src="./images/Group 4.png" />
</div>
</div>
<nav class="navbar navbar-expand-lg navbarMain text-white">
<div class="container d-flex">
<div>
<img class="logo" src="./images/Group 52.png" alt="Your Company Logo" />
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 mx-5">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="carInsuranceDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
Car Insurance
</a>
<ul class="dropdown-menu" aria-labelledby="carInsuranceDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="twoWheelerInsuranceDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
Two Wheeler Insurance
</a>
<ul class="dropdown-menu" aria-labelledby="twoWheelerInsuranceDropdown">
<li><a class="dropdown-item" href="#">Option 1</a></li>
<li><a class="dropdown-item" href="#">Option 2</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="healthInsuranceDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
Health Insurance
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="travelInsuranceDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
Travel Insurance
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="otherInsuranceDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
Other Insurance
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="claimsDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
Claims
</a>
</li>
</ul>
<a href="/login" class="nav-link text-white">Login</a>
</div>
</div>
</nav>
</header>
<!-- Main Section -->
<section class="main bg-light py-5">
<div class="mx-md-5 row">
<div class="col-lg-8 text-center text-lg-start">
<div class="d-md-flex">
<div>
<h2 class="car-insuranceHeading ">Car Insurance </h2>
<div class="price-Start">Price Starting at just ₹2,084/Year</div>
<p class="referText">This amount refers to the TP rates only</p>
<div class="my-4">
<img src="./images/Line 50.png" />
</div>
<ul class="list-unstyled">
<li class="py-2 listStyleMain"><img src="./images/Repairs 1.png" class="mx-2" /> Doorstep
Cashless Repairs </li>
<li class="my-3 py-2 listStyleMain"><img src="./images/Layer 1.png" class="mx-2" /></i>₹15
Lakh personal
Accident Cover</li>
<li class="py-2 listStyleMain"><img src="./images/Frame.png" class="mx-2" /> Drive less?Pay
less with PAYD add-on</li>
</ul>
</div>
<div class="mt-md-5 mb-4">
<img src="./images/Group 34132.png" width="380" class="carImg-main-section" />
</div>
</div>
</div>
<div class="col-lg-4">
<form id="quoteForm" class="bg-white p-4 shadow rounded">
<div class="mb-3">
<input type="text" class="form-control" id="carRegistration" placeholder="Car registration no."
required>
</div>
<div class="my-4">
<input type="tel" class="form-control" id="mobile" placeholder="Mobile no." required>
</div>
<div class="mb-3">
<input type="email" class="form-control" id="email" placeholder="Email" required>
</div>
<button type="submit" class="btn getQuote w-100 my-4">Get Quote</button>
<a href="#" class="RetriveQuote my-3">Retrieve Quote</a>
<div class="my-3">
<input type="checkbox" id="terms" required />
<label for="terms">I agree to the terms and conditions</label>
</div>
</form>
<div class="text-center renewtext w-75 mx-auto py-2">Renew your ICICI LOMBARD Policy</div>
</div>
</div>
</section>
<!-- what-custumer-love -->
<section class="my-4">
<div class="what-custumer-love mx-auto">
<div class="MainHeading text-center my-3">Why our customers love us?</div>
<p class="DescPara text-center mb-4">And, we think you will too.</p>
<div class="love-cust-main d-md-flex">
<div class="d-flex">
<div class="icon mx-3">
<img src="./images/Vector.png" alt="Icon representing cashless garages" />
</div>
<div>
<p class="love-label">6100+ cashless garages</p>
<p>for a hassle-free service</p>
</div>
</div>
<div class="d-flex">
<div class="icon mx-3">
<img src="./images/Frame (2).png" alt="Icon representing instant motor claims" />
</div>
<div>
<p class="love-label">Instant motor claims</p>
<p>through our IL Take Care app</p>
</div>
</div>
<div class="d-flex">
<div class="icon mx-3">
<img src="./images/support.png" alt="Icon representing reliable customer support" />
</div>
<div>
<p class="love-label">Reliable customer support</p>
<p><a href="tel:+1234567890">Call centre</a> | <a href="mailto:[email protected]">Mail</a></p>
</div>
</div>
</div>
</div>
</section>
<!-- what-car-insurance -->
<section class="row what-car-insurance mx-md-5 mx-xs-3 my-5 mx-3">
<div class="col-lg-4 col-sm-12">
<img src="./images/Group.png" class="img-what-car-insurance" alt="Car insurance illustration" />
</div>
<div class="col-lg-8 col-sm-12">
<h2 class="MainHeading">What is car insurance?</h2>
<p class="DescPara">
A comprehensive car insurance policy, also known as motor package insurance, saves you
money when your car is damaged in an accident or natural calamity. It also covers your vehicle against
theft and burglary. At times, you may end up hurting others or damaging property in an accident. A car
insurance policy covers such third-party liabilities as well. If you own a car in India, having third
party car insurance is a must for you. That’s why it’s crucial to <a href="#buy-policy">buy</a> and
<a href="#renew-policy">renew</a> your policy on time to stay on the right side of the law and be
covered against car damages. At an affordable premium, our reliable car insurance policy protects you
against all these risks so that you can drive worry-free. Apart from comprehensive car insurance,
third-party only and own-damage only car insurance policies are also available. You can choose the
policy type as per your needs.
</p>
</div>
</section>
<!-- insurance_Policies -->
<div class="insurance_Policies mx-auto w-75">
<div class="MainHeading">What are the different types of car insurance policies?</div>
<div class="container my-4 d-md-flex align-items-center">
<div id="prev-btn"><img src="./images/Group 126.svg" /></div>
<div id="slide-container" class="d-md-flex">
<!-- Slide Content -->
<div class="mx-3">
<img src="./images/Clip path group.png" id="slide-img" />
</div>
<div class="">
<div class="Desc_label my-2" id="desc-label">Comprehensive car insurance policy</div>
<div class="DescPara" id="desc-para1">
Comprehensive car insurance, also known as a private car package policy, is a type of auto
insurance that provides complete coverage for your vehicle. It is an optional car insurance
policy but is highly recommended for car owners who want the best protection for their
four-wheelers.
</div>
<div class="DescPara" id="desc-para2">
Comprehensive car insurance covers damage caused by natural disasters, accidents, theft, fire,
and other such incidents. It covers damages to both your vehicle and third-party vehicles and
property. This car insurance policy also covers third-party liabilities, which will cover any
legal costs or compensation you may be liable for in case of an accident caused due to your
fault. In addition, some comprehensive policies also offer additional benefits such as roadside
assistance, towing service, and more. Even though comprehensive insurance policies tend to be
more expensive than Third-Party Liability or Standalone Own Damage policies, they offer broader
coverage.
</div>
</div>
</div>
<div class="mx-3" id="next-btn"><img src="./images/Group 119.svg" /></div>
</div>
</div>
<!-- tableMain section Div -->
<div class="tableMainDiv mx-auto w-75 my-5">
<div class="MainHeading my-3">Comprehensive car insurance vs Third party car insurance</div>
<table class="table table-striped">
<thead>
<tr>
<th scope="col">Comprehensive Car Insurance</th>
<th scope="col">Third-Party Car Insurance</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row">Covers damages to your own car and third-party liabilities</td>
<td>Covers third-party liabilities only</td>
</tr>
<tr>
<td scope="row">Provides complete protection for your car</td>
<td>Only covers legal liabilities</td>
</tr>
<tr>
<td scope="row">May include add-ons like zero depreciation, roadside assistance, etc.</td>
<td>Only includes mandatory third-party coverage as per law</td>
</tr>
<tr>
<td scope="row">Higher premium as compared to third-party insurance</td>
<td>Lower premium as compared to comprehensive insurance</td>
</tr>
<tr>
<td scope="row">Can be purchased online or offline</td>
<td>Mandatorily needs to be purchased before registering a car</td>
</tr>
</tbody>
</table>
<div>
<p>Comprehensive car insurance is a more comprehensive policy that covers not only third-party
liabilities but also damage to your own vehicle. On the other hand, third-party car insurance only
covers legal liabilities in case of an accident. Comprehensive car insurance also offers add-ons
like zero depreciation and roadside assistance, whereas third-party insurance only includes
mandatory coverage as per law.</p>
<p>Comprehensive car insurance has a higher premium as compared to third-party insurance, but it
provides complete protection for your car. The choice between the two depends on your budget and the
level of coverage you desire. You can easily buy car insurance online or offline, but third-party
insurance is mandatory and needs to be purchased before registering a car.</p>
</div>
</div>
<!-- choose-right car -->
<div class=" row text-white choose-right-car my-5 p-5">
<div class="MainHeading my-4">How to choose the right car insurance policy online?</div>
<div class="d-md-flex gap-3">
<div class="col-md-4 insideDiv py-3">
<div class="row">
<div class="col-lg-2 num-css text-center">1</div>
<div class="col-lg-10">
<p class="num-label">What kind of coverage you need:</p>
<p>Choose from options like liability, collision, comprehensive, or personal injury
protection.
</p>
</div>
</div>
</div>
<div class="col-md-4 insideDiv py-3">
<div class="row">
<div class="col-lg-2 num-css text-center">2</div>
<div class="col-lg-10">
<p class="num-label">How much your car is worth:</p>
<p>Make sure the cost of your insurance policy matches your vehicle's value.
</p>
</div>
</div>
</div>
<div class="col-md-4 insideDiv py-3">
<div class="row">
<div class="col-lg-2 num-css text-center">3</div>
<div class="col-lg-10">
<p class="num-label">How you drive:</p>
<p>Your driving habits, such as how often you drive and what type of driving you do, can
affect the cost of the insurance if you opt for pay-as-you-drive or pay-how-you-drive
policies.
</p>
</div>
</div>
</div>
</div>
<div class="d-md-flex gap-3 mt-3">
<div class="col-md-4 insideDiv py-3">
<div class="row">
<div class="col-lg-2 num-css text-center">4</div>
<div class="col-lg-10">
<p class="num-label">How much you're willing to pay out of pocket:</p>
<p>Think about your budget and how much risk you're comfortable with. In case of an
accident, if you’re not comfortable spending money from your own pocket for your car
repairs, opt for the Own Damage cover instead of a Third-party policy.
</p>
</div>
</div>
</div>
<div class="col-md-4 insideDiv py-3">
<div class="row">
<div class="col-lg-2 num-css text-center">5</div>
<div class="col-lg-10">
<p class="num-label">Where you live:</p>
<p>Car insurance online costs can differ based on traffic and crime in your area.
</p>
</div>
</div>
</div>
<div class="col-md-4 insideDiv py-3">
<div class="row">
<div class="col-lg-2 num-css text-center">6</div>
<div class="col-lg-10">
<p class="num-label">Discounts:</p>
<p>Look for discounts you might be eligible for, such as discounts for having multiple
policies, being a safe driver, or driving less.
</p>
</div>
</div>
</div>
</div>
<p class="mt-3">Before buying car insurance online, read the policy details and fine print, and ask questions to
clarify
anything you need help understanding. Regularly reviewing your car insurance policy can help ensure that
it continues to meet your needs and that you're not overpaying for coverage you don't need.</p>
</div>
<!-- what include and what not -->
<section class="mx-auto w-75">
<div class="MainHeading text-center my-4">What’s included and what’s not?</div>
<p><strong>What’s included:</strong></p>
<div class="d-md-flex justify-content-between">
<div class="w-50 mb-4 mb-md-0">
<div class="py-1"><img src="./images/Frame 240.png" class="mx-2" />Coverage for natural disasters like
earthquakes, floods, fires, and storms</div>
<div class="py-1"><img src="./images/Frame 240.png" class="mx-2" />Cashless repairs in 5100+ network
garages</div>
<div class="py-1"><img src="./images/Frame 240.png" class="mx-2" />Coverage for theft, accidents, and
terrorist activities</div>
<div class="py-1"><img src="./images/Frame 240.png" class="mx-2" />No claim bonus up to 50%</div>
</div>
<div class="w-50">
<div class="py-1"><img src="./images/Frame 240.png" class="mx-2" />₹15 lakh Personal Accident Cover
</div>
<div class="py-1"><img src="./images/Frame 240.png" class="mx-2" />9 add-ons to choose from</div>
<div class="py-1"><img src="./images/Frame 240.png" class="mx-2" />Third-party legal liabilities cover
</div>
<div class="py-1"><img src="./images/Frame 240.png" class="mx-2" />Instant claim settlement via
InstaSpect</div>
</div>
</div>
<div class="my-4 text-center">
<p><strong>Policy documents:</strong></p>
<div class="d-flex justify-content-evenly flex-wrap">
<a href="#" class="policy-doc-link mb-2">Private car package policy wordings</a>
<a href="#" class="policy-doc-link mb-2">Stand-alone own damage private car insurance policy wording</a>
<a href="#" class="policy-doc-link mb-2">Private car liability policy wording</a>
</div>
</div>
</section>
<!-- things to keep in mind -->
<section class="think-to-mind mx-auto py-5">
<div class="mx-5">
<div class="MainHeading text-center">Things to keep in mind while buying a car insurance policy</div>
<div class="d-md-flex mt-5">
<div class="col-12 col-md-6 d-flex p-2 mx-2 bg-white">
<div class="mx-3">
<img src="./images/Layer_1.png" alt="Icon representing policy coverage" />
</div>
<div>
<p>Policy coverage</p>
<p>Check the policy inclusions and exclusions thoroughly to know what’s covered and what’s not.
Choose the right type of policy & coverage to ensure that you are well protected at the time
of
claim.</p>
</div>
</div>
<div class="col-12 col-md-6 d-flex p-2 mx-2 bg-white">
<div class="mx-3">
<img src="./images/Layer_1 (1).png" alt="Icon representing add-ons" />
</div>
<div>
<p>Add-ons</p>
<p>Add-ons come with great benefits at a nominal extra charge and each one of them serves a
specific
purpose. Evaluate them closely and pick the ones you need to cover your car against
accidental
damages reasonably.</p>
</div>
</div>
</div>
<div class="d-md-flex my-5">
<div class="col-12 col-md-6 d-flex p-2 mx-2 bg-white">
<div class="mx-3">
<img src="./images/Layer_1 (2).png" alt="Service benefits" />
</div>
<div>
<p>Service benefits</p>
<p>Availability of cashless garages, easy claims process and reliable customer support are a
must.</p>
</div>
</div>
<div class="col-12 col-md-6 d-flex p-2 mx-2 bg-white">
<div class="mx-3">
<img src="./images/Layer_1 (3).png" alt="Right Insured Declared Value" />
</div>
<div>
<p>Right Insured Declared Value (IDV)</p>
<p>While you can save on premium by choosing a lower IDV, it will serve you good at the time of
claim if you get an IDV close to your car’s market value while buying the policy.</p>
</div>
</div>
</div>
</div>
</section>
<!-- how calculated car primium -->
<section class="w-75 mx-auto">
<div class="MainHeading text-center my-4">How is car insurance premium calculated?</div>
<div class="row d-md-flex">
<div class="col-12 col-md-6">
<p><b>Your car insurance premium includes three major components:</b></p>
<p><span class="car-num mx-2">1</span>Third-party liability premium – this is stipulated by the
Insurance Regulatory and Development Authority of India (IRDAI), and it is directly proportional to
your car’s cubic capacity.</p>
<div class="mx-auto w-75 table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">Cubic capacity</th>
<th scope="col">Premium with effect from 1st June 2022 (Rs.)</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row">Not exceeding 1000 cc</td>
<td>₹2,094</td>
</tr>
<tr>
<td scope="row">Exceeding 1000 cc but not exceeding 1500 cc</td>
<td>₹3,416</td>
</tr>
<tr>
<td scope="row">Exceeding 1500 cc</td>
<td>₹7,897</td>
</tr>
</tbody>
</table>
</div>
<p><span class="car-num mx-2">2</span>Own damage premium – this is calculated as IDV X [Tariff Rate] –
[Discounts] + Add on Covers</p>
<p><span class="car-num mx-2">3</span>Personal accident cover premium + Additional covers</p>
</div>
<div class="col-12 col-md-6">
<p><b>Factors that affect these three components and your final car insurance price, include:</b></p>
<p><img src="./images/Path.svg" class="mx-2" alt="IDV Icon" /><b>IDV</b> – IDV is the maximum amount you
can claim under your policy. The higher your car’s market value, the higher your IDV and premium
will be.</p>
<p><img src="./images/Path.svg" class="mx-2" alt="Make and Model Icon" /><b>Make and model</b> -
Higher-end models are insured at a higher price, simply because the cost of repairs/replacement for
such vehicle is higher.</p>
<p><img src="./images/Path.svg" class="mx-2" alt="Fuel Type Icon" /><b>Fuel type</b> - Repairing
petrol-fuelled cars is cheaper than those that run on diesel and CNG. As a result, they are also
less expensive to insure.</p>
<p><img src="./images/Path.svg" class="mx-2" alt="Year of Manufacture Icon" /><b>Year of manufacture</b>
– Certain new cars may be costly to cover since their spare parts may not be available yet.</p>
<p><img src="./images/Path.svg" class="mx-2" alt="Location Icon" /><b>Location</b> - Since urban areas
have denser traffic, there’s a greater probability of accidental damages. Thus, your premium may
vary depending on your location.</p>
<p><img src="./images/Path.svg" class="mx-2" alt="Claim History Icon" /><b>Claim history</b> – If you
have made no car insurance claims in the past year, you stand to gain a No Claim Bonus on your
premium.</p>
<p><img src="./images/Path.svg" class="mx-2" alt="Add-ons Icon" /><b>Add-ons</b> – A small additional
cost will be included in your premium for the add-ons you pick.</p>
</div>
</div>
</section>
<!-- common questions -->
<section id="faq" class="py-5 bg-light">
<div class="mx-auto w-75">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active text-dark" id="General-tab" data-bs-toggle="tab"
data-bs-target="#General" type="button" role="tab" aria-controls="General"
aria-selected="true">General</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link text-dark" id="Cover-tab" data-bs-toggle="tab" data-bs-target="#Cover"
type="button" role="tab" aria-controls="Cover" aria-selected="false">Cover</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link text-dark" id="Premium-tab" data-bs-toggle="tab" data-bs-target="#Premium"
type="button" role="tab" aria-controls="Premium" aria-selected="false">Premium</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link text-dark" id="Claim-tab" data-bs-toggle="tab" data-bs-target="#Claim"
type="button" role="tab" aria-controls="Claim" aria-selected="false">Claim</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link text-dark" id="policies-tab" data-bs-toggle="tab" data-bs-target="#policies"
type="button" role="tab" aria-controls="policies" aria-selected="false">policies</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="General" role="tabpanel" aria-labelledby="General-tab">
<div>
<label class="label-tab-css my-2">Why do I need to insure my car?</label>
<p>In India, third-party car insurance is compulsory for all car owners. Moreover, own-damage
car insurance covers you in case of accidents, theft and fire. In case of any untoward
incident, you don't have to pay out of pocket for repairs or replacement if you have a valid
insurance policy.</p>
</div>
<div>
<label class="label-tab-css my-2">What are the benefits of buying car insurance online?</label>
<p>When you buy car insurance online, you get an instant policy, as there is no documentation or
paperwork involved. You also have the advantage of choosing from multiple payment options,
e.g., credit card (Visa, Master, AMEX card), net banking, debit card etc.</p>
</div>
<div>
<label class="label-tab-css my-2">What are the various types of vehicles that I can insure
online?</label>
<p>You can insure a private car and two-wheeler online.</p>
</div>
<div>
<label class="label-tab-css my-2">How quickly can I buy/ renew car insurance online?</label>
<p>It takes just a few minutes to buy or renew car insurance online. You just have to enter the
vehicle details, contact info and insured details, and pick the covers you need. Once you
make the payment, you receive an instant car insurance policy.</p>
</div>
<div>
<label class="label-tab-css my-2">Are offline and online car insurance policies the
same?</label>
<p>Yes, they are. In case of online car insurance, once you make payment, we send the policy
documents to your email and your registered address.</p>
</div>
<div>
<label class="label-tab-css my-2">Where can I check my car insurance policy details?</label>
<p>You can check all your car insurance details in your policy documents. You can also login to
our website or IL Take Care app to check the below details:</p>
</div>
<div>
<label class="label-tab-css my-2">Why do I need to insure my car?</label>
<p>In India, third-party car insurance is compulsory for all car owners. Moreover, own-damage
car insurance covers you in case of accidents, theft and fire. In case of any untoward
incident, you don't have to pay out of pocket for repairs or replacement if you have a valid
insurance policy.</p>
<p><img src="./images/Path.svg" class="mx-2" alt="IDV Icon" />Policy number</p>
<p><img src="./images/Path.svg" class="mx-2" alt="IDV Icon" />Policy start and end date</p>
<p><img src="./images/Path.svg" class="mx-2" alt="IDV Icon" />Policy type (Comprehensive/OD
only/TP only)</p>
<p><img src="./images/Path.svg" class="mx-2" alt="IDV Icon" />Engine & chassis number</p>
</div>
<div>
<label class="label-tab-css my-2">What is an endorsement in car insurance?</label>
<p>An endorsement is written evidence of an agreed change in the policy. It is a document that
incorporates changes in the policy terms.</p>
</div>
<div>
<label class="label-tab-css my-2">Do I need to have a valid insurance policy to get my new
vehicle registered?</label>
<p>Yes, you need to have an active and valid insurance policy while registering your new
vehicle. Even a valid third party (TP) policy will work for registering your vehicle at the
RTO.</p>
</div>
</div>
<div class="tab-pane fade" id="Cover" role="tabpanel" aria-labelledby="Cover-tab">...</div>
<div class="tab-pane fade" id="Premium" role="tabpanel" aria-labelledby="Premium-tab">...</div>
</div>
</div>
</section>
<!-- custumer ratings -->
<section class="mx-auto w-lg-50 my-5">
<div class="MainHeading text-center my-4">Ratings and Reviews</div>
<div class="d-md-flex d-md-flex gap-3 mx-auto w-75">
<div class="w-lg-50 mb-4 mb-md-0">
<div class="align-items-center mb-3 d-flex justify-content-between">
<div class="d-flex">
<p class="mr-3 mb-0">Kumar Ambuj</p>
<img src="./images/Group 152.png" alt="Customer Avatar" class="mr-2">
</div>
<div><img src="./images/Group 7.svg" alt="Rating Icon"></div>
</div>
<div>
The interaction was good. The customer service associate gave me answers to all my queries. Her
presence while making the decision to buy was helpful. I will definitely recommend ICICI Lombard to
my friends and family for the way they treat customers.
</div>
</div>
<div class="w-lg-50">
<div class="align-items-center mb-3 d-flex justify-content-between">
<div class="d-flex">
<p class="mr-3 mb-0">Kumar Ambuj</p>
<img src="./images/Group 152.png" alt="Customer Avatar" class="mr-2">
</div>
<div><img src="./images/Group 7.svg" alt="Rating Icon"></div>
</div>
<div>
The interaction was good. The customer service associate gave me answers to all my queries. Her
presence while making the decision to buy was helpful. I will definitely recommend ICICI Lombard to
my friends and family for the way they treat customers.
</div>
</div>
</div>
<div class="reviewHide d-none">
<div class="d-md-flex d-md-flex gap-3 mx-auto w-75 reviewHide d-none">
<div class="w-lg-50 mb-4 mb-md-0">
<div class="align-items-center mb-3 d-flex justify-content-between">
<div class="d-flex">
<p class="mr-3 mb-0">Kumar Ambuj</p>
<img src="./images/Group 152.png" alt="Customer Avatar" class="mr-2">
</div>
<div><img src="./images/Group 7.svg" alt="Rating Icon"></div>
</div>
<div>
The interaction was good. The customer service associate gave me answers to all my queries. Her
presence while making the decision to buy was helpful. I will definitely recommend ICICI Lombard
to
my friends and family for the way they treat customers.
</div>
</div>
<div class="w-lg-50">
<div class="align-items-center mb-3 d-flex justify-content-between">
<div class="d-flex">
<p class="mr-3 mb-0">Kumar Ambuj</p>
<img src="./images/Group 152.png" alt="Customer Avatar" class="mr-2">
</div>
<div><img src="./images/Group 7.svg" alt="Rating Icon"></div>
</div>
<div>
The interaction was good. The customer service associate gave me answers to all my queries. Her
presence while making the decision to buy was helpful. I will definitely recommend ICICI Lombard
to
my friends and family for the way they treat customers.
</div>
</div>
</div>
</div>
<div class="my-4 text-center ReadAllReview " id="read-All-review">
<button class="read-All-review p-2">Read all reviews</button>
</div>
</section>
<!-- popular searcbhes -->
<section class="popular-section py-5">
<div class="d-md-flex">
<div class="mx-2"><img src="./images/Asset 3 1.png" /></div>
<div>
<p class="MainHeading">Popular Searches</p>
<div class="popular-search-Div">
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
<div class="popular-searches-content px-3 mx-2 my-2"> Health Insurance</div>
</div>
</div>
</div>
</section>
<!-- popular car in india -->
<section class="mx-auto popular-car-section py-5 text-center ">
<div class="MainHeading text-white">
Car Insurance for Popular Models in India
</div>
<div class="d-md-flex gap-4 justify-content-center mt-4 mx-3 ">
<div class="popular-car-div my-1 my-lg-0 py-1 align-items-center d-flex">
<img src="./images/car1.jpg" width="97" />
<label class="px-3">Maruti Baleno Car Insurance</label>
</div>
<div class="popular-car-div my-1 my-lg-0 x-2 py-1 align-items-center d-flex">
<img src="./images/car1.jpg" width="97" />
<label class="px-3">Maruti Baleno Car Insurance</label>
</div>
<div class="popular-car-div my-1 my-lg-0 x-2 py-1 align-items-center d-flex">
<img src="./images/car1.jpg" width="97" />
<label class="px-3">Maruti Baleno Car Insurance</label>
</div>
<div class="popular-car-div my-1 my-lg-0 x-2 py-1 align-items-center d-flex">
<img src="./images/car1.jpg" width="97" />
<label class="px-3">Maruti Baleno Car Insurance</label>
</div>
</div>
<div class="d-md-flex gap-4 justify-content-center mt-4 mx-3">
<div class="popular-car-div my-1 my-lg-0 x-2 py-1 align-items-center d-flex">
<img src="./images/car1.jpg" width="97" />
<label class="px-3">Maruti Baleno Car Insurance</label>
</div>
<div class="popular-car-div my-1 my-lg-0 x-2 py-1 align-items-center d-flex">
<img src="./images/car1.jpg" width="97" />
<label class="px-3">Maruti Baleno Car Insurance</label>
</div>
<div class="popular-car-div my-1 my-lg-0 x-2 py-1 align-items-center d-flex">
<img src="./images/car1.jpg" width="97" />
<label class="px-3">Maruti Baleno Car Insurance</label>
</div>
<div class="popular-car-div my-1 my-lg-0 x-2 py-1 align-items-center d-flex">
<img src="./images/car1.jpg" width="97" />
<label class="px-3">Maruti Baleno Car Insurance</label>
</div>
</div>
</section>
<!-- product data table -->
<section class="mx-md-auto mx-sm-2 w-75 my-5">
<table class="table table-striped w-md-75 mx-auto table-responsive-md">
<thead>
<tr>
<th scope="col">Product</th>
<th scope="col">Product Code</th>
<th scope="col">UIN Code</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row">Private car package policy</td>
<td>3001</td>
<td>IRDAN115RP0017V01200102</td>
</tr>
<tr>
<td scope="row">Stand-alone own damage private car package policy</td>
<td>3001/0</td>
<td>IRDAN115RP0001V01201920</td>
</tr>
<tr>
<td scope="row">Private car liability policy</td>
<td>3001/A</td>
<td>IRDAN115RP0012V01200102</td>
</tr>
</tbody>
</table>
</section>
<!-- Footer -->
<footer class="footer py-3">
<div class="mx-5 row">
<div class="col-md-5">
<img src="./images/Group 60.png" width="150" height="40" class="mt-4" />
<p class="mt-3">ICICI Lombard General Insurance Company Limited, </p>
<p class="footer-Address">ICICI Lombard House, 414, Veer Savarkar Marg, Near Siddhi Vinayak Temple,
Prabhadevi, Mumbai - 400025.</p>
<p class="footer-Address">Email: [email protected]
Fax no - 022 61961323</p>
<div>
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-linkedin mx-3"></i>
<i class="fa-brands fa-telegram"></i>
<i class="fa-brands fa-youtube mx-3"></i>
<i class="fa-brands fa-instagram"></i>
</div>
</div>
<div class="col-md-7 footer-right mt-5">
<p>ICICI Lombard General Insurance Ltd. is one of the largest private sector general insurance company
in India offering insurance coverage for motor, health, travel, home, student travel and more.
Policies can be purchased and renewed online as well. Immediate issuance of policy copy online.
</p>
<p>ICICI trade logo displayed above belongs to ICICI Bank and is used by ICICI Lombard GIC Ltd. under
license and Lombard logo belongs to ICICI Lombard GIC Ltd assigned by Northbridge Financial
Corporation solely for the territory of India. Insurance is the subject matter of the solicitation.
The advertisement contains only an indication of cover offered. For more details on risk factors,
terms, conditions and exclusions, please read the sales brochure carefully before concluding a sale.
CIN: L67200MH2000PLC129408
</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>