-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpol-coverages.html
63 lines (59 loc) · 7.57 KB
/
pol-coverages.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
<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com --><!-- Last Published: Tue Aug 03 2021 08:54:50 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="xai-interactive-prototype.webflow.io" data-wf-page="60e6efdff4bf56348d1cc4ba" data-wf-site="609296896f4d570e2a691eaa"><head><meta charset="utf-8"/><title>pol_coverages</title><meta content="pol_coverages" property="og:title"/><meta content="pol_coverages" property="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/css/xai-interactive-prototype.webflow.082014461.css" rel="stylesheet" type="text/css"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"] }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://uploads-ssl.webflow.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://uploads-ssl.webflow.com/img/webclip.png" rel="apple-touch-icon"/><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TJFXFRZ');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9REJMWZGZB"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-9REJMWZGZB');
</script></head><body><div class="columns w-row"><div class="column w-col w-col-3"><h1 class="heading">Découvrez <br/>votre prime</h1><p class="paragraph-2">Sur la base de vos informations personnelles et de vos besoins de couverture, nous avons calculé le prix de votre prime pour votre assurance automobile.</p><h1 class="heading-3">Intermédiaire +</h1><div class="div-block-2"><div class="div-block-6"><div class="text-block-8">187.22 €</div><div class="text-block-9">/an</div></div><div class="text-block-3">Paiement annuel</div></div><div class="div-block"><div class="div-block-5"><img src="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/6092a4bc250e9e73e7bbb334_check_icon.svg" loading="lazy" alt="check icon" class="image-13"/><div class="list-item risks">Dommages causés à autrui</div></div><div class="div-block-5"><img src="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/6092a4bc250e9e73e7bbb334_check_icon.svg" loading="lazy" alt="check icon" class="image-13"/><div class="list-item risks">Dommages tous accidents</div></div><div class="div-block-5"><img src="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/6092a4bc250e9e73e7bbb334_check_icon.svg" loading="lazy" alt="check icon" class="image-13"/><div class="list-item risks">Vol & tentative de vol</div></div><div class="div-block-5"><img src="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/6092a4bc250e9e73e7bbb334_check_icon.svg" loading="lazy" alt="check icon" class="image-13"/><div class="list-item risks">Bris de glace</div></div><div class="div-block-5"><img src="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/6092a4bc250e9e73e7bbb334_check_icon.svg" loading="lazy" alt="check icon" class="image-13"/><div class="list-item risks">Incendies & explosions</div></div><div class="div-block-5"><img src="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/6092a4bc49211e44979c976c_cross_icon.svg" loading="lazy" alt="crossed icon" class="image-13"/><div class="list-item risks non-included">Catastrophes technologiques</div></div><div class="div-block-5"><img src="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/6092a4bc49211e44979c976c_cross_icon.svg" loading="lazy" alt="crossed icon" class="image-13"/><div class="list-item risks non-included">Tempêtes et événements climatiques exceptionnels</div></div><div class="div-block-5"><img src="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/6092a4bc49211e44979c976c_cross_icon.svg" loading="lazy" alt="crossed icon" class="image-13"/><div class="list-item risks non-included">Catastrophes naturelles</div></div></div></div><div class="column-2 w-col w-col-9"><div class="section wf-section"><a href="old-home.html" class="w-inline-block w-clearfix"><img src="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/6098e13dafd44b362d2c90ad_arrow-left.svg" loading="lazy" alt="go back icon" class="image-11"/><div class="text-block-7">retour</div></a></div><div class="div-block-3"><h2 class="heading-6">Votre niveau de couverture</h2><p class="paragraph-4">Vous pouvez choisir entre quatre niveaux de couverture pour votre assurance automobile: tiers payant (couverture minimale), intermédiaire + (couverture des principaux risques), premium (couverture des risques étendus les plus fréquents) et tous risques (couverture maximale). Les informations ci-dessous vous montrent le prix que vous auriez obtenu pour un niveau de couverture différent de celui que vous avez choisi, toute autre information égale par ailleurs. </p></div><div class="div-block-11 w-clearfix"><div class="text-block-19">Effets du niveau de couverture sur votre prix (en euros, pour votre profil)</div><div class="w-embed w-script"><canvas id="myChart"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['Tous risques',
'Premium',
['Intermédiaire +', 'Votre niveau de couverture'],
'Tiers payant'],
datasets: [
{
label: 'Le prix de votre prime (en euros)',
backgroundColor: [
'#EE7785',
'#EE7785',
'rgb(77,77,255)',
'#EE7785'
],
data: [ 246.67,
199.06,
187.22,
213.15],
},
]
},
options: {
plugins: {
legend: false,
},
scales: {
yAxes: [{
ticks: {
min: 185,
stepSize: 5,
}
}]
}
}
});
</script></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=609296896f4d570e2a691eaa" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://uploads-ssl.webflow.com/609296896f4d570e2a691eaa/js/webflow.4ec7e4ccd.js" type="text/javascript"></script><!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]--><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJFXFRZ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --></body></html>