D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
skyconb
/
mtinformatique
/
Filename :
devis.html
back
Copy
<!DOCTYPE html> <html lang="en"> <head> <title>MT INFORMATIQUE</title> <link rel="icon" href="images/icon.png" type="image/gif" sizes="16x16"> <meta content="text/html;charset=utf-8" http-equiv="Content-Type"> <meta content="width=device-width, initial-scale=1.0" name="viewport" > <meta content="Uclean — Cleaning Service Website Template" name="description" > <meta content="" name="keywords" > <meta content="" name="author" > <!-- CSS Files ================================================== --> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" id="bootstrap"> <link href="css/plugins.css" rel="stylesheet" type="text/css" > <link href="css/swiper.css" rel="stylesheet" type="text/css" > <link href="css/style.css" rel="stylesheet" type="text/css" > <link href="css/coloring.css" rel="stylesheet" type="text/css" > <!-- color scheme --> <link id="colors" href="css/colors/scheme-01.css" rel="stylesheet" type="text/css" > </head> <body> <div id="wrapper"> <div class="float-text show-on-scroll"> <span><a href="#">Scroll to top</a></span> </div> <div class="scrollbar-v show-on-scroll"></div> <!-- page preloader begin --> <div id="de-loader"></div> <!-- page preloader close --> <!-- header begin --> <header class="header-light transparent"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="de-flex sm-pt10"> <div class="de-flex-col"> <!-- logo begin --> <div id="logo"> <a href="index.html"> <img class="logo-main" src="images/logo-black.webp" alt="" > <img class="logo-scroll" src="images/logo-black.webp" alt="" > <img class="logo-mobile" src="images/logo-black.webp" alt="" > </a> </div> <!-- logo close --> </div> <div class="de-flex-col header-col-mid"> <ul id="mainmenu"> <li><a class="menu-item" href="index.html">Accueil</a></li> <li><a class="menu-item" href="services.html">Services</a> <ul> <li><a class="menu-item" href="maintenance.html">Maintenance</a></li> <li><a class="menu-item" href="reseau.html">Installateur Reseau</a></li> <li><a class="menu-item" href="service-single.html">Cameras de surveillance</a></li> <li><a class="menu-item" href="service-single.html">Software</a></li> <li><a class="menu-item" href="service-single.html">Visite Technique</a></li> </ul> </li> <li><a class="menu-item" href="presentation.html">Présentation</a></li> <li><a class="menu-item" href="https://www.mtinformatique.com.tn/boutique">Boutique</a></li> <li><a class="menu-item" href="suivi.html">Suivi de réparation</a></li> </ul> </div> <div class="de-flex-col"> <div class="menu_side_area"> <div class="h-phone xs-hide"> <span>Besoin d'aide?</span> <h5>+216 97 473 453</h5> </div> <a href="https://mtinformatique.com.tn/boutique/devis/" class="btn-main">Demande Devis</a> <span id="menu-btn"></span> </div> </div> </div> </div> </div> </div> </header> <!-- header close --> <!-- content begin --> <div class="no-bottom no-top" id="content"> <div id="top"></div> <section data-bgimage="url(images/background/1.webp) center" class="no-bottom relative overflow-hidden"> <div id="shine-wrapper"> <div class="template shine"></div> </div> <div class="container relative z-1000"> <div class="row g-4 align-items-center justify-content-center"> <div class="col-lg-12 text-center"> <div class="relative z-1000"> <h2 class="wow fadeInUp fs-sm-10vw mb-0 animated" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">Bienvenue chez Mt Informatique</h2> </div> </div> <div class="col-lg-5 text-center"> </div> </section> <form name="bookingForm" id="booking_form" class="position-relative z1000" method="post" action="booking.php"> <div class="row" style="background-size: cover; background-repeat: no-repeat;"> <div class="col-lg-12" style="background-size: cover; background-repeat: no-repeat;"> <h5>Select Service</h5> <div class="relative" style="background-size: cover; background-repeat: no-repeat;"> <select name="service" id="service" class="form-control"> <option value="Residential Cleaning">Reparation</option> <option value="Commercial Cleaning">Commercial</option> </select> <i class="absolute top-0 end-0 id-color pt-3 pe-3 icofont-simple-down"></i> </div> </div> <div class="col-lg-4" style="background-size: cover; background-repeat: no-repeat;"> <h5>Select Date</h5> <div id="date" class="relative input-group date" data-date-format="mm-dd-yyyy" style="background-size: cover; background-repeat: no-repeat;"> <i class="absolute top-0 end-0 id-color pt-3 pe-3 icofont-calendar"></i> <input class="form-control" name="date" type="text"> <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> </div> </div> <div class="col-lg-4" style="background-size: cover; background-repeat: no-repeat;"> <h5>Time</h5> <div class="relative" style="background-size: cover; background-repeat: no-repeat;"> <select name="time" id="time" class="form-control"> <option value="10:00">10:00</option> <option value="11:00">11:00</option> <option value="12:00">12:00</option> <option value="13:00">13:00</option> <option value="14:00">14:00</option> <option value="15:00">15:00</option> <option value="16:00">16:00</option> <option value="17:00">17:00</option> <option value="18:00">18:00</option> <option value="19:00">19:00</option> <option value="20:00">20:00</option> </select> <i class="absolute top-0 end-0 id-color pt-3 pe-3 icofont-simple-down"></i> </div> </div> <div class="col-lg-4" style="background-size: cover; background-repeat: no-repeat;"> <h5>Nom et prénom & Sociite</h5> <input type="text" name="name" id="name" class="form-control" placeholder="" required=""> </div> <div class="col-lg-4" style="background-size: cover; background-repeat: no-repeat;"> <h5>Email</h5> <input type="text" name="email" id="email" class="form-control" placeholder="" required=""> </div> <div class="col-lg-4" style="background-size: cover; background-repeat: no-repeat;"> <h5>Tel</h5> <input type="text" name="phone" id="phone" class="form-control" placeholder="" required=""> </div> </div> <div class="field-set mb-4" style="background-size: cover; background-repeat: no-repeat;"> <h5>Message</h5> <textarea name="message" id="message" class="form-control" placeholder="Your Message"></textarea> </div> <div id="submit" class="mt20" style="background-size: cover; background-repeat: no-repeat;"> <input type="submit" id="send_message" value="Send Appointment" class="btn-main"> </div> <div id="success_message" class="success" style="background-size: cover; background-repeat: no-repeat;"> Your message has been sent successfully. Refresh this page if you want to send more messages. </div> <div id="error_message" class="error" style="background-size: cover; background-repeat: no-repeat;"> Sorry there was an error sending your form. </div> </form> <!-- content close --> <!-- footer begin --> <footer class="section-dark"> <div class="container"> <div class="row gx-5"> <div class="col-lg-4 col-sm-6"> <li>MT INFORMATIQUE</li> <div class="spacer-20"></div> <div class="social-icons mb-sm-30"> <a href="#"><i class="fa-brands fa-facebook-f"></i></a> <a href="#"><i class="fa-brands fa-x-twitter"></i></a> <a href="#"><i class="fa-brands fa-discord"></i></a> <a href="#"><i class="fa-brands fa-tiktok"></i></a> <a href="#"><i class="fa-brands fa-youtube"></i></a> </div> </div> <div class="col-lg-4 col-sm-12 order-lg-1 order-sm-2"> <div class="row"> <div class="col-lg-4 col-sm-6"> </div> <div class="col-lg-8 col-sm-6"> </div> </div> </div> <div class="col-lg-4 col-sm-6 order-lg-2 order-sm-1"> <div class="widget"> <div class="fw-bold text-white"><i class="icofont-wall-clock me-2 id-color-2"></i>Nous sommes Ouvert</div> Lundi - Samedi 08.00 - 18.00 <div class="spacer-20"></div> <div class="fw-bold text-white"><i class="icofont-location-pin me-2 id-color-2"></i>Adresse</div> Villa GB83 Res Ahmed El Ghazela<br> <div class="spacer-20"></div> <div class="fw-bold text-white"><i class="icofont-envelope me-2 id-color-2"></i>E-mail</div> Mtinformatique@topnet.tn </div> </div> </div> </div> <div class="subfooter"> <div class="container"> <div class="row g-4"> <div class="col-md-12"> <div class="de-flex"> <div class="de-flex-col"> Copyright 2025 - MT INFORMATIQUE </div> <ul class="menu-simple"> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- footer close --> </div> <!-- Javascript Files ================================================== --> <script src="js/plugins.js"></script> <script src="js/designesia.js"></script> <script src="js/swiper.js"></script> <script src="js/custom-marquee.js"></script> <script src="js/custom-swiper-1.js"></script> <script src="js/jquery.event.move.js"></script> <script src="js/jquery.twentytwenty.js"></script> <script> $(window).on("load", function(){ $(".twentytwenty-container[data-orientation!='vertical']").twentytwenty({default_offset_pct: 0.5}); $(".twentytwenty-container[data-orientation='vertical']").twentytwenty({default_offset_pct: 0.5, orientation: 'vertical'}); }); </script> </html>