Current File : /home/d/i/g/digitaw/Ycof/.history/contact_20230612100202.php
<!--<?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 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" frameborder="0" style="min-height: 450px; border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></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>