46 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			46 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
| <div class="contactform grid grid-cols-1 md:grid-cols-2 gap-4">
 | |
| 
 | |
|  <div class="form-control">
 | |
|         <input type="text" id="name" placeholder="Votre nom" 
 | |
|                class="input input-bordered bg-white" />
 | |
|         <label for="name" class="label floating-label">Votre nom</label>
 | |
|     </div>
 | |
| 
 | |
|     <div class="form-control">
 | |
|         <input type="email" id="mail" placeholder="Votre Email" 
 | |
|                class="input input-bordered bg-white" />
 | |
|         <label for="mail" class="label floating-label">Votre Email</label>
 | |
|     </div>
 | |
| 
 | |
|     <div class="form-control">
 | |
|         <input type="text" id="mobile" placeholder="Votre téléphone" 
 | |
|                class="input input-bordered bg-white" />
 | |
|         <label for="mobile" class="label floating-label">Votre téléphone</label>
 | |
|     </div>
 | |
| 
 | |
|     <div class="form-control">
 | |
|         <select class="select select-bordered bg-white" id="service">
 | |
|             <option selected value="syndic">Un syndic</option>
 | |
|             <option value="particulier">Un particulier</option>
 | |
|             <option value="entreprise">Une entreprise</option>
 | |
|             <option value="collectivité">Une collectivité</option>
 | |
|         </select>
 | |
|         <label for="service" class="label floating-label">Vous êtes:</label>
 | |
|     </div>
 | |
| 
 | |
|     <div class="form-control md:col-span-2">
 | |
|         <textarea id="message" class="textarea textarea-bordered bg-white h-32"></textarea>
 | |
|         <label for="message" class="label floating-label">Message</label>
 | |
|     </div>
 | |
| 
 | |
|     <div class="md:col-span-2 text-center">
 | |
|         <button class="btn btn-primary w-full py-3" 
 | |
|                 onclick="apx.sendform(...)">Envoyer votre demande</button>
 | |
|     </div>
 | |
| 
 | |
|     <!-- Messages de feedback -->
 | |
|     <div class="answerok alert alert-success hidden"></div>
 | |
|     <div class="answerko alert alert-error hidden">
 | |
|         <p class="text-error-content">En maintenance, ré-essayez plus tard</p>
 | |
|     </div>
 | |
| </div> |