72 lines
3.0 KiB
HTML
72 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<link rel="stylesheet" href="css/style_services.css" />
|
||
<meta charset="utf-8"/>
|
||
<meta name="viewport" content="width=device-width", initial-scame="1"/>
|
||
<title>FleetZen/services</title>
|
||
<html lang="fr">
|
||
</head>
|
||
<body>
|
||
<div class="padding_left">
|
||
<p class="sous-titre">Découvrez nos services tous plus utiles les uns que les autres !</p>
|
||
<table border="1" class="table">
|
||
<thead>
|
||
<tr>
|
||
<th>Nom</th>
|
||
<th>Description</th>
|
||
<th>Prix</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="services">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<section class="simulateur padding_left" >
|
||
<h2>Estimez votre devis</h2>
|
||
<p>Nombre de véhicules dans votre flotte :</p>
|
||
<button id="moins" type="button">−</button>
|
||
<span id="nb_vehicules">1</span> <span id="mot_vehic">véhicule</span>
|
||
<button id="plus" type="button">+</button>
|
||
<p>Total géolocalisation : <strong id="géolocalisation">30</strong> €/mois</p>
|
||
<p>Total consommation : <strong id="consommation">15</strong> €/mois</p>
|
||
|
||
</section>
|
||
<div class="center">
|
||
<div class="formulaire">
|
||
<form action="" method="post">
|
||
<p> Si vous avez des suggestions :</p>
|
||
<ul>
|
||
<li>
|
||
<label for="name">Nom :</label>
|
||
<input type="text" placeholder="Dupond" id="name" name="user_name" />
|
||
</li>
|
||
<li>
|
||
<label for="mail">E-mail :</label>
|
||
<input type="email" placeholder="dupondrichard@gmail.com" id="mail" name="user_mail" />
|
||
</li>
|
||
<li>
|
||
<label for="msg">Message :</label>
|
||
<textarea id="msg" placeholder="Je pense qu'il faudrait..." name="user_message"
|
||
rows="5" cols="40" maxlength="500"></textarea>
|
||
<p>Il vous reste <span id="txt_restant">500</span> caractères.</p>
|
||
</li>
|
||
<div id="boutton_formulaire">
|
||
<button type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send-icon lucide-send"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>Envoyer le message</button>
|
||
</div>
|
||
</ul>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<table border="1" class="table_2">
|
||
<tbody id="corps_flotte"></tbody>
|
||
</table>
|
||
<footer class="footer">
|
||
<button id="color">Mode sombre</button>
|
||
stagiaires rpz echoes
|
||
<span id="horloge"></span>
|
||
</footer>
|
||
<script src="css/devis.js"></script>
|
||
</body>
|
||
</html>
|