<!--<?php
include'menu.php';
?>
<!-- Page Header Start -->
<body>
<?php
if($_SERVER['REQUEST_METHOD']=='POST'){
require'configuration.php';
$nom=$_POST['nom'];
$email=$_POST['email'];
$phone=$_POST['phone'];
$Type_assurance=$_POST['Type_assurance'];
$message=$_POST['message'];
$sql="INSERT INTO contacts(nom,email,phone,Type_assurance,message) VALUES('$nom','$email','$phone','$Type_assurance','$message')";
$insertion = $connection->query($sql);
$msg=' Message envoyer !
';
}
?>
<div class="container-fluid page-header mb-5 wow fadeIn" style="margin-top: 100px;" data-wow-delay="0.1s">
<div class="container">
</div>
</div>
<!-- Page Header End -->
<!-- Contact Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5" id="entete_ass1">
<!-- Callback Start -->
<div class="container-fluid callback my-5 pt-5">
<div class="container pt-5">
<div class="row justify-content-center" id="form_ins1">
<div class="col-lg-7">
<div class="bg-white border rounded p-4 p-sm-5 wow fadeInUp" data-wow-delay="0.5s">
<div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<p class="d-inline-block border rounded text-primary fw-semi-bold py-1 px-3">
</p>
<h1 class="display-5 mb-5">Contactez-nous</h1>
</div>
<?php if(!empty($msg)){
echo "<div class='alert alert-success alert-dismissible fade show' role='alert'>
<i class='bi bi-check-circle ml-5' style='font-size:25px;'></i>
<strong style='font-size:17px;'>$msg</strong>
<button type='button' class='btn-close' data-bs-dismiss='alert' aria-label='Close'></button>
</div>";
} ?>
<div class="row g-3">
<form action="" method="post" autocomplete="off">
<div class="row ">
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control" name="nom" id="name" placeholder="Your Name" minlength="3" required>
<label for="name"> Nom</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="email" class="form-control" name="email" id="mail" placeholder="Your Email" required>
<label for="mail">Email</label>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control" name="phone" id="mobile" placeholder="Your Mobile" required>
<label for="mobile">Téléphone</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<select name="Type_assurance" class="form-control" style="background:#ffffff" id="" required>
<option value=""></option>
<option value="Assurance Auto">Assurance Auto</option>
<option value="Assurance Voyage">Assurance Voyage</option>
<option value="Assurance Santé">Assurance Santé</option>
<option value="Assurance Habitation">Assurance Habitation</option>
</select>
<label for="mobile">Types d'assurances</label>
</div>
</div>
</div>
<div class="col-12 mt-3">
<div class="form-floating">
<textarea class="form-control" name="message" required placeholder="Leave a message here" id="message"
style="height: 100px"></textarea>
<label for="message">Message</label>
</div>
</div>
<div class="col-12 text-center mt-3">
<button class="btn btn-primary w-100 py-3" type="submit" style="background-color:#066191;color:#ffffff">Envoyer le message</button>
</div
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12 wow fadeIn" data-wow-delay="0.5s">
<div class="border rounded p-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="row g-4">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s ">
<div class="position-relative rounded overflow-hidden h-100">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3001156.4288297426!2d-78.01371936852176!3d42.72876761954724!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ccc4bf0f123a5a9%3A0xddcfc6c1de189567!2sNew%20York%2C%20USA!5e0!3m2!1sen!2sbd!4v1603794290143!5m2!1sen!2sbd"
frameborder="0" style="min-height: 450px; border:0;" allowfullscreen="" aria-hidden="false"
tabindex="0"></iframe>
<iframe class="position-relative w-100 h-100" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7717.721576866278!2d-17.474758454148876!3d14.720461509491239!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xec172b0057bba39%3A0x92285b30455480a1!2sYCOF%20ASSURANCES!5e0!3m2!1sfr!2ssn!4v1686561522181!5m2!1sfr!2ssn"
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-6 wow fadeIn mt-5" data-wow-delay="0.3s">
<div class="row g-2">
<div class="h-100">
<div class="d-flex">
<div class="flex-shrink-0 btn-lg-square rounded-circle" style="background-color:#066191" >
<i class="fa fa-map-marker-alt text-white" width="30px"></i>
</div>
<div class="ps-3">
<h4></h4>
<span>Sacré Cœur III Pyrotechnie, BP 14414 Dakar-Peytavin Dakar - Sénégal</span>
</div>
</div>
</div>
</div>
<div class="row g-2 mt-3">
<div class="h-100">
<div class="d-flex">
<div class="flex-shrink-0 btn-lg-square rounded-circle " style="background-color:#066191">
<i class="fa fa-phone text-white"></i>
</div>
<div class="ps-3">
<h4></h4>
<span><a style="color:black;" href="tel:+221784983549">+221 78 498 35 49</a></span>
</div>
</div>
</div>
</div>
<div class="row g-2 mt-3">
<div class="h-100">
<div class="d-flex">
<div class="flex-shrink-0 btn-lg-square rounded-circle " style="background-color:#066191">
<i class="fa fa-envelope text-white"></i>
</div>
<div class="ps-3">
<h4></h4>
<span><a style="color:black;" href="mailto:ycof@ycofassurances.com" >ycof@ycofassurances.com</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact End -->
<!-- Footer Start -->
<?php
include'footer.php';
?>
</body>
<!-- Mirrored from themewagon.github.io/finanza/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Apr 2023 11:01:59 GMT -->
</html>