main/view/vue/container/dashboard.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>