54 lines
1.8 KiB
Vue
54 lines
1.8 KiB
Vue
<template>
|
|
|
|
<div id='CONTAINER' class='accueil'>
|
|
<h1>{{ nom_app.toUpperCase() }}</h1>
|
|
<h2>Ayez les bons réflexes !</h2>
|
|
<p>Parce que chaque seconde gagnée est précieuse pour augmenter la chance de survie de la personne accidentée,
|
|
voici les principaux numéros d'urgences ouvert 24/7 : </p>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td><a href="tel:15">15<div class='phone'></div></a></td>
|
|
<td><a href="tel:17">17<div class='phone'></div></a></td>
|
|
<td><a href="tel:18">18<div class='phone'></div></a></td>
|
|
<td><a href="tel:112">112<div class='phone'></div></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>SAMU</td>
|
|
<td>Police</td>
|
|
<td>Pompier</td>
|
|
<td>Urgence<br>européenne</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h2>Le concept</h2>
|
|
<div>
|
|
<p>{{ nom_app }} est la toute dernière application de prévention routière. C'est également une manière simple
|
|
d'échanger sur le traffic, et de prévenir l'accident. Parmi les 3 centre de discussion, vous retrouverez
|
|
les icônes suivants : </p>
|
|
<ul>
|
|
<li><div><img class='icon-type' src="/public_html/image/type/rain.svg"/></div> : forte pluie</li>
|
|
<li><div><img class='icon-type' src="/public_html/image/type/snow.svg"/></div> : neige ou verglas</li>
|
|
<li><div><img class='icon-type' src="/public_html/image/type/storm.svg"/></div> : tempête ou orage</li>
|
|
<li><div><img class='icon-type' src="/public_html/image/type/accident.svg"/></div> : accident de voiture</li>
|
|
<li><div><img class='icon-type' src="/public_html/image/type/traffic.svg"/></div> : ralentissements</li>
|
|
<li><div><img class='icon-type' src="/public_html/image/type/work.svg"/></div> : travaux sur la route</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
export default {
|
|
name: 'CONTAINER_ACCUEIL',
|
|
data(){
|
|
return {
|
|
gstore: gstore.data,
|
|
nom_app: 'Ndli1718'
|
|
};
|
|
}
|
|
}
|
|
</script> |