-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
160 lines (146 loc) · 6.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
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Le bon forfait et le bon tarif communauto!</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="app.js"></script>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
<link rel="stylesheet" href="style.css">
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="pure-g-r" id="layout">
<header class="pure-u">
<hgroup>
<h1 class="brand-title">Communauto</h1>
<h2 class="brand-tagline">Choisissez le bon tarif</h2>
</hgroup>
</header>
<div class="pure-u-1">
<div class="content">
<!-- A wrapper for all the blog posts -->
<div class="posts">
<div class="about">
<h2>Quel est le meilleur forfait?</h2>
<p>Communauto ne vous suggère pas automatiquement le meilleur forfait selon vos besoins lors d'une réservation, vous devez faire un choix. Combien ça coûte si je prends le longue distance versus le courte distance? Ou peut-être que je pourrais profiter du Super Lièvre? Ou encore le tarif travail avec le forfait C? Attention, la différence sur la facture peut être énorme!</p>
<p>J'ai donc créé cette calculatrice que vous pouvez utiliser pour comparer plus facilement le coût de votre location <a href="http://communauto.com/">Communauto</a> en fonction de l'utilisation que vous prévoyez en faire.</p>
<p>Dernière mise à jour : mai 2014. <a href="en/">English version</a>.</p>
</div>
<div class="pure-g-r">
<div class="pure-u-1-3">
<h2>Votre réservation</h2>
<form class="pure-form pure-form-stacked">
<fieldset>
<label for="weekday">Jour du départ :</label>
<select id="weekday">
<option value="1">Lundi</option>
<option value="2">Mardi</option>
<option value="3">Mercredi</option>
<option value="4">Jeudi</option>
<option value="5">Vendredi</option>
<option value="6">Samedi</option>
<option value="7">Dimanche</option>
</select>
<label for="hours">Nombre d'heures :</label>
<input id="hours" type="text" value="8">
<label for="km">Nombre de KM :</label>
<input id="km" type="text" value="80">
<label for="plan">Forfait :</label>
<select id="plan">
<option value="1"
data-lg-available="1"
data-km-price="0.23"
data-km-price-extra="0.23"
data-hourly-price="1.70"
data-hourly-extra-price="0.4"
data-daily-price="17.0">A - 30$/mois</option>
<option value="2"
data-apply-lower="4"
data-apply-lower-hourly-price-extra="-1.0"
data-lg-available="1"
data-km-price="0.32"
data-km-price-extra="0.23"
data-hourly-price="2.0"
data-hourly-extra-price="0.4"
data-daily-price="20.0">B - 12.50$/mois</option>
<option value="3"
selected="selected"
data-apply-lower="4"
data-apply-lower-hourly-price-extra="-1.0"
data-lg-available="1"
data-km-price="0.40"
data-km-price-extra="0.30"
data-hourly-price="2.30"
data-hourly-extra-price="0.4"
data-daily-price="23.0">C - 40$/année</option>
<option value="4"
data-lg-available="0"
data-km-price="0.16"
data-km-price-extra="0.16"
data-hourly-price="5.20"
data-hourly-extra-price="0.4"
data-daily-price="52.0">Lièvre - 40$/année</option>
</select>
<label for="lg-daily-price">Tarif du véhicule :</label>
<select id="lg-daily-price">
<option value="29.95" data-first-extra="3.0" data-weekly-price="185.69" selected="selected">Régulier</option>
<option value="24.95" data-first-extra="3.0" data-weekly-price="154.69">Promotion 27.95$/24.95$/154.69$</option>
</select>
</fieldset>
</form>
</div>
<div class="pure-u-1-2">
<h2>Comparez les tarifs</h2>
<p>Longue distance ou courte distance?</p>
<table class="pure-table total-table">
<thead>
<tr>
<th>Coût</th>
<th>Courte</th>
<th>Longue</th>
</tr>
</thead>
<tbody>
<tr>
<th>Temps</th>
<td id="sd-time"></td>
<td id="lg-time"></td>
</tr>
<tr>
<th>KM</th>
<td id="sd-distance"></td>
<td id="lg-distance"></td>
</tr>
<tr class="total-row js-total-row">
<th>Total</th>
<td id="sd-total"></td>
<td id="lg-total"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<footer class="footer">
<p>Conçu par <a href="http://j15e.com">Jean-Philippe Doyle</a> pour ma copine.
<a href="mailto:jeanphilippe.doyle@gmail.com">Envoyez un commentaire</a>.
<br/>
<a class="mini" href="http://github.com/j15e/communauto">Améliorez ou ajustez les calculs</a>
<a class="mini" href="https://plus.google.com/102141937816354478691?rel=author">Google+</a>
</p>
<p class="disclaimer">Important : Ce site est une initiative citoyenne est n'est aucunement affilié à Communauto inc.</p>
</footer>
</div>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45897850-2', 'calculatrice-communauto.ca');
ga('send', 'pageview');
</script>
</body>
</html>