c0c89c816c
All checks were successful
Publish To Prod / deploy_and_publish (push) Successful in 1m35s
36 lines
2.2 KiB
HTML
36 lines
2.2 KiB
HTML
<form class="m-10" method="POST" action="">
|
|
<h2 class=" text-xl text-mms-nightblue my-4 text-center">Prendre contact avec la MMS</h2>
|
|
<p class="text-center text-2xl"><a href="tel:0656782975">06 56 78 29 75</a></p>
|
|
<p class="text-center text-2xl"><a href="mailto:contact@mms43.org">contact@mms43.org</a></p>
|
|
<p class="text-center text-sm mt-15">ou laissez nous un message :</p>
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 mt-4">
|
|
<div class="flex flex-row align-middle">
|
|
<label for="first_name" class="text-sm p-1 w-26">Prénom :</label>
|
|
<input type="text" name="first_name" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
|
|
</div>
|
|
<div class="flex flex-row align-middle mt-4 sm:mt-0">
|
|
<label for="last_name" class="text-sm p-1 w-26">Nom :</label>
|
|
<input type="text" name="last_name" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 mt-4">
|
|
<div class="flex flex-row align-middle">
|
|
<label for="first_name" class="text-sm p-1 w-26">Email :</label>
|
|
<input type="email" name="email" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
|
|
</div>
|
|
<div class="flex flex-row align-middle mt-4 sm:mt-0">
|
|
<label for="phone_number" class="text-sm p-1 w-26">Téléphone :</label>
|
|
<input type="tel" name="phone_number" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-row align-middle mt-4">
|
|
<label for="phone_number" class="text-sm p-1 w-26">Message :</label>
|
|
<textarea name="message" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray w-full min-h-50"></textarea>
|
|
</div>
|
|
<div class="mt-8 text-center">
|
|
<button type="submit" class="relative inline-flex items-center gap-x-1.5 rounded-lg bg-mms-nightblue px-2 py-1 text-sm font-semibold text-white shadow-xs hover:bg-mms-darkgray focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mms-nightblue">
|
|
Envoyer
|
|
</button>
|
|
</div>
|
|
</form>
|