-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvh-type.html
55 lines (51 loc) · 7.5 KB
/
vh-type.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
<!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="60e6bb1ca3c1b5db3bb66a10" data-wf-site="609296896f4d570e2a691eaa"><head><meta charset="utf-8"/><title>vh_type</title><meta content="vh_type" property="og:title"/><meta content="vh_type" 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">Le type de votre véhicule</h2><p class="paragraph-4">Les informations ci-dessous vous montrent le prix que vous auriez obtenu pour votre prime avec un type de véhicule différent (Tourisme ou Commercial), toute autre information égale par ailleurs. Notez que toutes les informations relatives à votre véhicule dépendent du modèle et de la marque du véhicule. Par conséquent, ces informations sont données à titre d'exemples pour comprendre l'impact du type du véhicule sur le prix de la prime que vous obtenez, et ne reflètent pas de manière précise la réalité.</p></div><div class="div-block-11 w-clearfix"><div class="text-block-19">Effets du type du véhicule 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: [['Tourisme', '(Type de votre véhicule)'], 'Commercial'],
datasets: [
{
label: 'Le prix de votre prime (en euros)',
backgroundColor: [
'rgb(77,77,255)',
'#67D5B5'
],
data: [187.22, 171.38],
},
]
},
options: {
plugins: {
legend: false,
},
scales: {
yAxes: [{
ticks: {
min: 170,
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>