BLACKSITE
:
216.73.216.68
:
54.36.91.62 / www.econfortplus.fr
:
Linux webm012.cluster127.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64
:
/
home
/
econfoy
/
devam
/
Upload File:
files >> /home/econfoy/devam/index.php
<!DOCTYPE html> <html lang="zxx"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Devam</title> <link rel="icon" href="assets/img/favicon.png"> <!-- CSS only --> <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/css/owl.carousel.min.css"> <link rel="stylesheet" href="assets/css/owl.theme.default.min.css"> <!-- fancybox --> <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css"> <!-- Font Awesome 6 --> <link rel="stylesheet" href="assets/css/fontawesome.min.css"> <!-- style --> <link rel="stylesheet" href="assets/css/style.css"> <!-- responsive --> <link rel="stylesheet" href="assets/css/responsive.css"> <!-- color --> <link rel="stylesheet" href="assets/css/color.css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css"> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" /> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> </head> <body> <?php // Vérifiez si le paramètre 'status' est présent dans l'URL $status = isset($_GET['status']) ? $_GET['status'] : null; ?> <?php include 'Helper/include_lang.php'; include 'Helper/quick_contact.php'; ?> <!-- preloader --> <!-- <div class="preloader"> <div class="loading-text"> <span><img src="assets/img/favicon.png" width="100px" /></span> <span>D</span> <span>e</span> <span>v</span> <span>a</span> <span>m</span> <span></span> </div> </div> --> <!-- preloader end --> <!-- header --> <header id="stickyHeader" style="background:#f7f8fa; buttom:10px"> <div class=""> <div class="top-bar" style="margin: 1px 50px 1px 50px;"> <div class="logo"> <a href="#"> <img alt="logo" src="assets/img/logo.png" style="max-width: 200px;" /> </a> </div> <nav style="background-color=" red"> <ul> <li><a href="#about" class="pricipal-color"><i class="fa fa-info-circle" style="background-color:#f7f8fa; color:#022d5b;"></i> <b><?= $translations['about'] ?></b></a> </li> <!--<li><a href="#team" class="pricipal-color"><i class="fa fa-users" style="background-color:#f7f8fa; color:#022d5b;"></i> <b>Team</b></a></li>--> <li><a href="#services" class="pricipal-color"><i class="fa fa-concierge-bell" style="background-color:#f7f8fa; color:#022d5b;"></i><b><?= $translations['services'] ?></b></a> </li> <!--<li><a href="#pricing" class="pricipal-color"><i class="fa fa-tags" style="background-color:#f7f8fa; color:#022d5b; "></i> <b>Pricing</b></a></li>--> <li><a href="#faq’s" class="pricipal-color"><i class="fa fa-question-circle" style="background-color:#f7f8fa; color:#022d5b;"></i><b><?= $translations['faq'] ?></b></a> </li> <li><a href="#pricing" class="pricipal-color"><i class="fa fa-tags" style="background-color:#f7f8fa; color:#022d5b; "></i> <b><?= $translations['contact_us'] ?></b></a> </li> </ul> </nav> <!-- <a href="callto:+216 50114930" class="pricipal-color"> <img src="https://upload.wikimedia.org/wikipedia/commons/c/ce/Flag_of_Tunisia.svg" alt="Tunisia Flag" style="width:50px; height:20px; vertical-align:middle; margin-right:5px;"> <b> 50114930 </b> </a>--> <!-- Language Switcher --> <div class="language-switcher"> <select id="language-selector" onchange="changeLanguage(this.value)"> <option value="en" <?= ($_GET['lang'] ?? 'en') == 'en' ? 'selected' : '' ?>>🌐English</option> <option value="ar" <?= ($_GET['lang'] ?? 'en') == 'ar' ? 'selected' : '' ?>> 🌐<?= ($_GET['lang'] ?? 'en') == 'en' ? 'Arabic' : 'Arabe' ?>/العربية </option> <option value="fr" <?= ($_GET['lang'] ?? 'en') == 'fr' ? 'selected' : '' ?>>🌐Français</option> </select> </div> </div> </div> </header> <!-- header end --> <section class="hero-section" style="background-image: url(assets/img/line-img.png);"> <div class="container"> <div class="row"> <div class="col-lg-7"> <div class="hero-text"> <h2><?= $translations['Welcome_to_Devam'] ?></h2> <div class="d-flex listing"> <p><?= $translations['p1'] ?></p> </div> <!-- <div class="video"> <a data-fancybox="" href="https://www.youtube.com/watch?v=1La4QzGeaaQ"><i> <svg width="15" height="22" viewBox="0 0 11 17" xmlns="http://www.w3.org/2000/svg"> <path d="M11 8.5L0.5 0.272758L0.5 16.7272L11 8.5Z" fill="#000" /> </svg> </i>watch video </a> </div>--> <!--<img src="assets/img/home_img.png" alt="girl" class="heroimg">--> </div> <!-- <div class="review"> <img alt="img" src="assets/img/google.png"> <h6>4.9 <span>out of 5</span></h6> <ul class="star"> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> </ul> </div>--> <br> </div> <div class="col-lg-5"> <center> <img src="assets/img/home_img.png" alt="girl" class="heroimg" /><br> </center> <p style="color:#fff"> <?= $translations['cherif_amine_director_of_the_company_Devam'] ?> </p> </div> <!-- <div class="col-lg-5"> <form role="form" class="get-a-quote" id="contact-form" method="post"> <div> <h3>Request a Quote</h3> <h6>Marketing Business campaign</h6> </div> <div class="group-img"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.364 11.636C14.3837 10.6558 13.217 9.93013 11.9439 9.49085C13.3074 8.55179 14.2031 6.9802 14.2031 5.20312C14.2031 2.33413 11.869 0 9 0C6.131 0 3.79688 2.33413 3.79688 5.20312C3.79688 6.9802 4.69262 8.55179 6.05609 9.49085C4.78308 9.93013 3.61631 10.6558 2.63605 11.636C0.936176 13.3359 0 15.596 0 18H1.40625C1.40625 13.8128 4.81279 10.4062 9 10.4062C13.1872 10.4062 16.5938 13.8128 16.5938 18H18C18 15.596 17.0638 13.3359 15.364 11.636ZM9 9C6.90641 9 5.20312 7.29675 5.20312 5.20312C5.20312 3.1095 6.90641 1.40625 9 1.40625C11.0936 1.40625 12.7969 3.1095 12.7969 5.20312C12.7969 7.29675 11.0936 9 9 9Z" fill="#555555"></path> </svg> <input type="text" name="Complete Name" placeholder="Complete Name" required=""> </div> <div class="group-img"> <svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.8649 18H6.13513C2.58377 18 0.540527 15.9568 0.540527 12.4054V5.5946C0.540527 2.04324 2.58377 0 6.13513 0H15.8649C19.4162 0 21.4595 2.04324 21.4595 5.5946V12.4054C21.4595 15.9568 19.4162 18 15.8649 18ZM6.13513 1.45946C3.35242 1.45946 1.99999 2.81189 1.99999 5.5946V12.4054C1.99999 15.1881 3.35242 16.5406 6.13513 16.5406H15.8649C18.6476 16.5406 20 15.1881 20 12.4054V5.5946C20 2.81189 18.6476 1.45946 15.8649 1.45946H6.13513Z" fill="#444444"></path> <path d="M10.9988 9.8465C10.1815 9.8465 9.35452 9.59352 8.72208 9.07785L5.67668 6.64539C5.36532 6.39241 5.30696 5.93511 5.55992 5.62376C5.8129 5.31241 6.2702 5.25403 6.58155 5.50701L9.62695 7.93947C10.3664 8.53298 11.6215 8.53298 12.361 7.93947L15.4064 5.50701C15.7178 5.25403 16.1848 5.30268 16.428 5.62376C16.681 5.93511 16.6324 6.40214 16.3113 6.64539L13.2659 9.07785C12.6432 9.59352 11.8161 9.8465 10.9988 9.8465Z" fill="#444444"></path> </svg> <input type="email" name="Email Address" placeholder="Email Address" required=""> </div> <div class="group-img"> <svg fill="none" height="112" viewBox="0 0 24 24" width="112" xmlns="http://www.w3.org/2000/svg"> <g clip-rule="evenodd" fill="rgb(0,0,0)" fill-rule="evenodd"> <path d="m7 2.75c-.41421 0-.75.33579-.75.75v17c0 .4142.33579.75.75.75h10c.4142 0 .75-.3358.75-.75v-17c0-.41421-.3358-.75-.75-.75zm-2.25.75c0-1.24264 1.00736-2.25 2.25-2.25h10c1.2426 0 2.25 1.00736 2.25 2.25v17c0 1.2426-1.0074 2.25-2.25 2.25h-10c-1.24264 0-2.25-1.0074-2.25-2.25z"> </path> <path d="m10.25 5c0-.41421.3358-.75.75-.75h2c.4142 0 .75.33579.75.75s-.3358.75-.75.75h-2c-.4142 0-.75-.33579-.75-.75z"> </path> <path d="m9.25 19c0-.4142.33579-.75.75-.75h4c.4142 0 .75.3358.75.75s-.3358.75-.75.75h-4c-.41421 0-.75-.3358-.75-.75z"> </path> </g> </svg> <input type="number" name="Phone No" placeholder="Phone No" required=""> </div> <p>Preferred Consult Method: </p> <div class="d-flex align-items-center"> <div class="radio-button"> <input type="radio" id="VirtualIn-Office" name="fav_language" value="Virtual"> <label for="Virtual">VirtualIn-Office</label> </div> <div class="radio-button"> <input type="radio" id="css" name="fav_language" value="In-Office"> <label for="css">VirtualIn-Office</label><br> </div> </div> <button type="submit" class="btn batton"> Start Free Trial </button> </form> </div>--> </div> </div> </section> <section id="about" class="gap"> <div class="container"> <div class="heading"> <span><?= $translations['about_title'] ?></span> <h2></h2> </div> <div class="row align-items-center"> <div class="col-lg-7"> <div class=""> <img alt="customize" src="assets/img/customize.png"> </div> </div> <div class="col-lg-5"> <div class="customize-text"> <?= $translations['about_description'] ?> <!-- <ul> <li><img alt="check" src="assets/img/check-b.png">Get high conversion rates</li> <li><img alt="check" src="assets/img/check-b.png"> Engage more users</li> <li><img alt="check" src="assets/img/check-b.png">Bring it to life again with us</li> <li><img alt="check" src="assets/img/check-b.png"> Virtual Private Server (VPS)</li> </ul>--> </div> <?= $translations['about_p1'] ?> </div> </div> </div> </section> <div class="container" style="direction: ltr; text-align: left;"> <div class="heading two"> <span><?= $translations['we_guarantee_title'] ?></span> </div> <section class="gap no-top"> <div class="container"> <div class="row clients-slider owl-carousel owl-theme"> <div class="col-lg-12 item"> <div class="clients"> <div class="d-flex align-items-center mt-4"> <div><i class="fas fa-cogs"></i></div> <div> <h6><?= $translations['we_guarantee_title_1'] ?></h6> <span> <hr> </span> </div> </div> <br> <p><?= $translations['we_guarantee_description_1'] ?></p> </div> </div> <div class="col-lg-12 item"> <div class="clients"> <div class="d-flex align-items-center mt-4"> <div><i class="fas fa-paint-brush"></i></div> <div> <h6><?= $translations['we_guarantee_title_2'] ?></h6> <span> <hr> </span> </div> </div> <br> <p><?= $translations['we_guarantee_description_2'] ?></p> </div> </div> <div class="col-lg-12 item"> <div class="clients"> <div class="d-flex align-items-center mt-4"> <div><i class="fas fa-laptop"></i></div> <div> <h6><?= $translations['we_guarantee_title_3'] ?></h6> <span> <hr> </span> </div> </div> <br> <p><?= $translations['we_guarantee_description_3'] ?></p> </div> </div> <div class="col-lg-12 item"> <div class="clients"> <div class="d-flex align-items-center mt-4"> <div><i class="fas fa-users"></i></div> <div> <h6><?= $translations['we_guarantee_title_4'] ?></h6> <span> <hr> </span> </div> </div> <br> <p><?= $translations['we_guarantee_description_4'] ?></p> </div> </div> <div class="col-lg-12 item"> <div class="clients"> <div class="d-flex align-items-center mt-4"> <div><i class="fas fa-search"></i></div> <div> <h6><?= $translations['we_guarantee_title_5'] ?></h6> <span> <hr> </span> </div> </div> <br> <p><?= $translations['we_guarantee_description_5'] ?></p> </div> </div> <div class="col-lg-12 item"> <div class="clients"> <div class="d-flex align-items-center mt-4"> <div><i class="fas fa-check-circle"></i></div> <div> <h6><?= $translations['we_guarantee_title_6'] ?></h6> <span> <hr> </span> </div> </div> <br> <p><?= $translations['we_guarantee_description_6'] ?></p> </div> </div> <div class="col-lg-12 item"> <div class="clients"> <div class="d-flex align-items-center mt-4"> <div><i class="fas fa-sync-alt"></i></div> <div> <h6><?= $translations['we_guarantee_title_7'] ?></h6> <span> <hr> </span> </div> </div> <br> <p><?= $translations['we_guarantee_description_7'] ?></p> </div> </div> </div> </div> </section> </div> <!-- <section id="team" class="gap"> <div class="container"> <div class="heading"> <span>Dedicated To The People</span> <h2>Meet Our Expert Team</h2> </div> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="team-text"> <div class="team-img"> <img alt="team" src="assets/img/team-1.png"> </div> <span>Expert Consultant</span> <h5>Thomas Willimes</h5> <div class="callto"> <i> <svg fill="none" height="112" viewBox="0 0 24 24" width="112" xmlns="http://www.w3.org/2000/svg"> <g clip-rule="evenodd" fill="rgb(0,0,0)" fill-rule="evenodd"> <path d="m7 2.75c-.41421 0-.75.33579-.75.75v17c0 .4142.33579.75.75.75h10c.4142 0 .75-.3358.75-.75v-17c0-.41421-.3358-.75-.75-.75zm-2.25.75c0-1.24264 1.00736-2.25 2.25-2.25h10c1.2426 0 2.25 1.00736 2.25 2.25v17c0 1.2426-1.0074 2.25-2.25 2.25h-10c-1.24264 0-2.25-1.0074-2.25-2.25z"> </path> <path d="m10.25 5c0-.41421.3358-.75.75-.75h2c.4142 0 .75.33579.75.75s-.3358.75-.75.75h-2c-.4142 0-.75-.33579-.75-.75z"> </path> <path d="m9.25 19c0-.4142.33579-.75.75-.75h4c.4142 0 .75.3358.75.75s-.3358.75-.75.75h-4c-.41421 0-.75-.3358-.75-.75z"> </path> </g> </svg> </i> <a href="callto:+12344502086">+1234 450 2086</a> </div> <div class="follow"> <a href="#"><img alt="follow" src="assets/img/follow.png"></a> <ul class="social-media-icon"> <li> <a href="#"> <i class="fab fa-facebook-f icon"></i> </a> </li> <li> <a href="#"><i class="fab fa-twitter icon"></i></a> </li> </ul> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="team-text"> <div class="team-img"> <img alt="team" src="assets/img/team-2.png"> </div> <span>Expert Consultant</span> <h5>Willimes Domson</h5> <div class="callto"> <i> <svg fill="none" height="112" viewBox="0 0 24 24" width="112" xmlns="http://www.w3.org/2000/svg"> <g clip-rule="evenodd" fill="rgb(0,0,0)" fill-rule="evenodd"> <path d="m7 2.75c-.41421 0-.75.33579-.75.75v17c0 .4142.33579.75.75.75h10c.4142 0 .75-.3358.75-.75v-17c0-.41421-.3358-.75-.75-.75zm-2.25.75c0-1.24264 1.00736-2.25 2.25-2.25h10c1.2426 0 2.25 1.00736 2.25 2.25v17c0 1.2426-1.0074 2.25-2.25 2.25h-10c-1.24264 0-2.25-1.0074-2.25-2.25z"> </path> <path d="m10.25 5c0-.41421.3358-.75.75-.75h2c.4142 0 .75.33579.75.75s-.3358.75-.75.75h-2c-.4142 0-.75-.33579-.75-.75z"> </path> <path d="m9.25 19c0-.4142.33579-.75.75-.75h4c.4142 0 .75.3358.75.75s-.3358.75-.75.75h-4c-.41421 0-.75-.3358-.75-.75z"> </path> </g> </svg> </i> <a href="callto:+12344502086">+1234 450 2086</a> </div> <div class="follow"> <a href="#"><img alt="follow" src="assets/img/follow.png"> </a> <ul class="social-media-icon"> <li> <a href="#"> <i class="fab fa-facebook-f icon"></i> </a> </li> <li> <a href="#"><i class="fab fa-twitter icon"></i></a> </li> </ul> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="team-text mb-0"> <div class="team-img"> <img alt="team" src="assets/img/team-3.png"> </div> <span>Expert Consultant</span> <h5>Maikal Qlark</h5> <div class="callto"> <i> <svg fill="none" height="112" viewBox="0 0 24 24" width="112" xmlns="http://www.w3.org/2000/svg"> <g clip-rule="evenodd" fill="rgb(0,0,0)" fill-rule="evenodd"> <path d="m7 2.75c-.41421 0-.75.33579-.75.75v17c0 .4142.33579.75.75.75h10c.4142 0 .75-.3358.75-.75v-17c0-.41421-.3358-.75-.75-.75zm-2.25.75c0-1.24264 1.00736-2.25 2.25-2.25h10c1.2426 0 2.25 1.00736 2.25 2.25v17c0 1.2426-1.0074 2.25-2.25 2.25h-10c-1.24264 0-2.25-1.0074-2.25-2.25z"> </path> <path d="m10.25 5c0-.41421.3358-.75.75-.75h2c.4142 0 .75.33579.75.75s-.3358.75-.75.75h-2c-.4142 0-.75-.33579-.75-.75z"> </path> <path d="m9.25 19c0-.4142.33579-.75.75-.75h4c.4142 0 .75.3358.75.75s-.3358.75-.75.75h-4c-.41421 0-.75-.3358-.75-.75z"> </path> </g> </svg> </i> <a href="callto:+12344502086">+1234 450 2086</a> </div> <div class="follow"> <a href="#"><img alt="follow" src="assets/img/follow.png"></a> <ul class="social-media-icon"> <li> <a href="#"> <i class="fab fa-facebook-f icon"></i> </a> </li> <li> <a href="#"><i class="fab fa-twitter icon"></i></a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3 col-sm-6"> <div class="count-style"> <h2 data-max="1"><sup>K</sup></h2> <span>completed projects</span> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="count-style"> <h2 data-max="15"><sup>m</sup></h2> <span>Customer Satisfaction</span> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="count-style"> <h2 data-max="43"><sup>+</sup></h2> <span>Team members</span> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="count-style"> <h2 data-max="12"><sup>m</sup></h2> <span>Customer Satisfaction</span> </div> </div> </div> </div> </section>--> <section id="services" class="gap"> <div class="container"> <div class="heading two"> <span><?= $translations['services'] ?></span> <h2></h2> </div> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="server"> <!--<i><img alt="server" src="assets/img/server-1.png"></i>--> <a href="#"> <h5><?= $translations['our_service_title_1'] ?></h5> </a> <?= $translations['our_service_description_1'] ?> </div> </div> <div class="col-lg-4 col-md-6"> <div class="server three"> <a href="#"> <h5><?= $translations['our_service_title_2'] ?></h5> </a> <?= $translations['our_service_description_2'] ?> </div> </div> <div class="col-lg-4 col-md-6"> <div class="server two"> <a href="#"> <h5><?= $translations['our_service_title_3'] ?></h5> </a> <?= $translations['our_service_description_3'] ?> </div> </div> <br> <div style="margin-top:20px"></div> <div class="col-lg-4 col-md-6"> <div class="server three"> <a href="#"> <h5><?= $translations['our_service_title_4'] ?></h5> </a> <?= $translations['our_service_description_4'] ?> </div> </div> <div class="col-lg-4 col-md-6"> <div class="server two"> <a href="#"> <h5><?= $translations['our_service_title_5'] ?></h5> </a> <?= $translations['our_service_description_5'] ?> </div> </div> <div class="col-lg-4 col-md-6"> <div class="server"> <!--<i><img alt="server" src="assets/img/server-1.png"></i>--> <a href="#"> <h5><?= $translations['our_service_title_6'] ?></h5> </a> <?= $translations['our_service_description_6'] ?> </div> </div> <div style="margin-top:20px"></div> <div class="col-lg-4 col-md-6"> <div class="server two"> <a href="#"> <h5><?= $translations['our_service_title_7'] ?></h5> </a> <?= $translations['our_service_description_7'] ?> </div> </div> <div class="col-lg-4 col-md-6"> <div class="server"> <!--<i><img alt="server" src="assets/img/server-1.png"></i>--> <a href="#"> <h5><?= $translations['our_service_title_8'] ?></h5> </a> <?= $translations['our_service_description_8'] ?> </div> </div> <div class="col-lg-4 col-md-6"> <div class="server three"> <a href="#"> <h5><?= $translations['our_service_title_9'] ?></h5> </a> <?= $translations['our_service_description_9'] ?> </div> </div> </div> <!-- <div class="questions"> <h5>Got questions? We’ve got answers. send us email to</h5> <a class="btn" href="mailto:username@domain.com">username@domain.com </a> </div>--> </div> </section> <section class="it-works no-top gap"> <div class="container"> <div class="heading"> <?= $translations['work_methodology_title'] ?> </div> <div class="row align-items-center"> <div class="col-lg-6"> <!-- Étapes de Travail --> <section id="etapes-travail" style="padding: 20px; margin: 20px auto; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-width: 800px;"> <h5 style="color: #ff5722; text-align: center;"> <?= $translations['steps_of_our_scrum_methodology'] ?> </h5> <ul style="list-style-type: none; padding: 0;"> <li style="margin: 20px 0; padding: 10px; border-left: 4px solid #ff5722; background-color: #f9f9f9; border-radius: 4px;"> <?= $translations['methodology_step_1'] ?> </li> <li style="margin: 20px 0; padding: 10px; border-left: 4px solid #ff5722; background-color: #f9f9f9; border-radius: 4px;"> <?= $translations['methodology_step_2'] ?> </li> <li style="margin: 20px 0; padding: 10px; border-left: 4px solid #ff5722; background-color: #f9f9f9; border-radius: 4px;"> <?= $translations['methodology_step_3'] ?> </li> <li style="margin: 20px 0; padding: 10px; border-left: 4px solid #ff5722; background-color: #f9f9f9; border-radius: 4px;"> <?= $translations['methodology_step_4'] ?> </li> <li style="margin: 20px 0; padding: 10px; border-left: 4px solid #ff5722; background-color: #f9f9f9; border-radius: 4px;"> <?= $translations['methodology_step_5'] ?> </li> </ul> </section> </div> <div class="col-lg-6"> <img alt="customize" src="assets/img/customize.png"> <!-- Avantages de la Méthode Scrum --> <section id="avantages" style="padding: 20px; margin: 20px auto; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-width: 800px;"> <h5 style="color: #ff5722; text-align: center;"> <?= $translations['benefits_of_the_scrum_method'] ?> </h5> <?= $translations['benefits_of_the_scrum_method_description'] ?> </section> </div> </div> <div class="logodata owl-carousel owl-theme" style="direction: ltr; text-align: left;"> <div class="partner item"> <img alt="sponsor-img" src="assets/img/logo-econfortplus.png"> </div> <div class="partner item"> <img alt="sponsor-img" src="assets/img/logo-dark.png"> </div> <div class="partner item"> <img alt="sponsor-img" src="assets/img/logo.png"> </div> <!--<div class="partner item"> <img alt="sponsor-img" src="assets/img/sponsor-4.png"> </div> <div class="partner item"> <img alt="sponsor-img" src="assets/img/sponsor-5.png"> </div>--> </div> </div> </section> <!-- <section id="pricing" class="pricing-plans-section gap" style="background-image:url(assets/img/pricing-plans.jpg)"> <div class="container"> <div class="heading"> <span>Pricing Plans</span> <h2>Pricing Plans Without Hidden Charges</h2> </div> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="pricing-plans"> <span>Basic Plan</span> <h5>$40 <sub>/ month</sub></h5> </div> <div class="pricing-plans-text"> <i><svg enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"> <g> <path d="m376.437 232.804v-130.342h30.125v-27.213l-75.249-75.249-75.25 75.25v27.213h30.125v81.052c-9.792-1.811-19.88-2.766-30.188-2.766s-20.396.955-30.188 2.766v-33.059h30.125v-27.213l-75.249-75.25-75.25 75.25v27.213h30.125v82.347c-27.998 29.674-45.187 69.65-45.187 113.57-.001 91.327 74.298 165.627 165.624 165.627s165.625-74.3 165.625-165.625c0-43.92-17.19-83.897-45.188-113.571zm-75.161-160.341 30.037-30.037 30.036 30.036h-14.912v135.228c-9.461-6.19-19.586-11.444-30.25-15.618v-119.609zm-120.588 17.957 30.037 30.037h-14.912v71.616c-10.664 4.174-20.789 9.428-30.25 15.618v-87.233h-14.912zm75.312 391.58c-74.784 0-135.625-60.841-135.625-135.625s60.841-135.625 135.625-135.625 135.625 60.841 135.625 135.625-60.842 135.625-135.625 135.625z" /> <path d="m263.88 331.376h-15.757c-7.547 0-13.687-6.14-13.687-13.687 0-7.546 6.14-13.686 13.687-13.686h15.396c7.557 0 13.704 6.147 13.704 13.704h30c0-21.546-15.677-39.488-36.222-43.049v-18.659h-30v18.595c-20.712 3.412-36.565 21.433-36.565 43.097 0 24.088 19.598 43.686 43.687 43.686h15.757c7.547 0 13.687 6.14 13.687 13.687s-6.14 13.687-13.687 13.687h-16.038c-7.267 0-13.178-5.912-13.178-13.178h-30c0 21.48 15.769 39.342 36.337 42.631v18.553h30v-18.595c20.712-3.411 36.565-21.433 36.565-43.097.001-24.091-19.597-43.689-43.686-43.689z" /> </g> </svg></i> <div class="hero-text"> <ul> <li><img alt="check" src="assets/img/check-b.png"> Free Consulting</li> <li><img alt="check" src="assets/img/check-b.png"> Monthly Report</li> <li><img alt="check" src="assets/img/check-b.png"> Amazing Features</li> <li><img alt="check" src="assets/img/check-b.png"> 24x7 Premium support</li> </ul> <a class="btn">start Now</a> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="pricing-plans two"> <span>Business Plan</span> <h5>$70 <sub>/ month</sub></h5> </div> <div class="pricing-plans-text"> <i><svg enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"> <g> <path d="m376.437 232.804v-130.342h30.125v-27.213l-75.249-75.249-75.25 75.25v27.213h30.125v81.052c-9.792-1.811-19.88-2.766-30.188-2.766s-20.396.955-30.188 2.766v-33.059h30.125v-27.213l-75.249-75.25-75.25 75.25v27.213h30.125v82.347c-27.998 29.674-45.187 69.65-45.187 113.57-.001 91.327 74.298 165.627 165.624 165.627s165.625-74.3 165.625-165.625c0-43.92-17.19-83.897-45.188-113.571zm-75.161-160.341 30.037-30.037 30.036 30.036h-14.912v135.228c-9.461-6.19-19.586-11.444-30.25-15.618v-119.609zm-120.588 17.957 30.037 30.037h-14.912v71.616c-10.664 4.174-20.789 9.428-30.25 15.618v-87.233h-14.912zm75.312 391.58c-74.784 0-135.625-60.841-135.625-135.625s60.841-135.625 135.625-135.625 135.625 60.841 135.625 135.625-60.842 135.625-135.625 135.625z" /> <path d="m263.88 331.376h-15.757c-7.547 0-13.687-6.14-13.687-13.687 0-7.546 6.14-13.686 13.687-13.686h15.396c7.557 0 13.704 6.147 13.704 13.704h30c0-21.546-15.677-39.488-36.222-43.049v-18.659h-30v18.595c-20.712 3.412-36.565 21.433-36.565 43.097 0 24.088 19.598 43.686 43.687 43.686h15.757c7.547 0 13.687 6.14 13.687 13.687s-6.14 13.687-13.687 13.687h-16.038c-7.267 0-13.178-5.912-13.178-13.178h-30c0 21.48 15.769 39.342 36.337 42.631v18.553h30v-18.595c20.712-3.411 36.565-21.433 36.565-43.097.001-24.091-19.597-43.689-43.686-43.689z" /> </g> </svg></i> <div class="hero-text"> <ul> <li><img alt="check" src="assets/img/check-b.png"> Free Consulting</li> <li><img alt="check" src="assets/img/check-b.png"> Monthly Report</li> <li><img alt="check" src="assets/img/check-b.png"> Amazing Features</li> <li><img alt="check" src="assets/img/check-b.png"> 24x7 Premium support</li> </ul> <a class="btn">start Now</a> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="pricing-plans three"> <span>Premium Plan</span> <h5>$90 <sub>/ month</sub></h5> </div> <div class="pricing-plans-text mb-0"> <i><svg enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"> <g> <path d="m376.437 232.804v-130.342h30.125v-27.213l-75.249-75.249-75.25 75.25v27.213h30.125v81.052c-9.792-1.811-19.88-2.766-30.188-2.766s-20.396.955-30.188 2.766v-33.059h30.125v-27.213l-75.249-75.25-75.25 75.25v27.213h30.125v82.347c-27.998 29.674-45.187 69.65-45.187 113.57-.001 91.327 74.298 165.627 165.624 165.627s165.625-74.3 165.625-165.625c0-43.92-17.19-83.897-45.188-113.571zm-75.161-160.341 30.037-30.037 30.036 30.036h-14.912v135.228c-9.461-6.19-19.586-11.444-30.25-15.618v-119.609zm-120.588 17.957 30.037 30.037h-14.912v71.616c-10.664 4.174-20.789 9.428-30.25 15.618v-87.233h-14.912zm75.312 391.58c-74.784 0-135.625-60.841-135.625-135.625s60.841-135.625 135.625-135.625 135.625 60.841 135.625 135.625-60.842 135.625-135.625 135.625z" /> <path d="m263.88 331.376h-15.757c-7.547 0-13.687-6.14-13.687-13.687 0-7.546 6.14-13.686 13.687-13.686h15.396c7.557 0 13.704 6.147 13.704 13.704h30c0-21.546-15.677-39.488-36.222-43.049v-18.659h-30v18.595c-20.712 3.412-36.565 21.433-36.565 43.097 0 24.088 19.598 43.686 43.687 43.686h15.757c7.547 0 13.687 6.14 13.687 13.687s-6.14 13.687-13.687 13.687h-16.038c-7.267 0-13.178-5.912-13.178-13.178h-30c0 21.48 15.769 39.342 36.337 42.631v18.553h30v-18.595c20.712-3.411 36.565-21.433 36.565-43.097.001-24.091-19.597-43.689-43.686-43.689z" /> </g> </svg></i> <div class="hero-text"> <ul> <li><img alt="check" src="assets/img/check-b.png"> Free Consulting</li> <li><img alt="check" src="assets/img/check-b.png"> Monthly Report</li> <li><img alt="check" src="assets/img/check-b.png"> Amazing Features</li> <li><img alt="check" src="assets/img/check-b.png"> 24x7 Premium support</li> </ul> <a class="btn">start Now</a> </div> </div> </div> </div> </div> </section> <section class="newsletter"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-7"> <div class="row"> <div class="col-md-3"> <div class="paper-plane-w"> <img alt="paper-plane" src="assets/img/paper-plane.png"> </div> </div> <div class="col-md-9"> <div class="newsletter-text"> <h2>Newsletter!</h2> <h4>Subscribe and get The Special Offer <span>40% Discount</span></h4> <h6>let your users know a little more about your product or service.</h6> <a href="#" class="btn">subscribe Email</a> </div> </div> </div> </div> <div class="col-lg-5"> <div class="customize-img"> <img alt="customize" src="assets/img/customize-3.png"> </div> </div> </div> </div> </section>--> <!-- Section FAQ --> <section id="faq’s" class="gap"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-12"> <div class="heading"> <span><?= $translations['FAQ_title'] ?> </span> <h2></h2> </div> <div class="accordion"> <div class="accordion-item"> <a href="#" class="heading"> <div class="icon"></div> <div class="title"><?= $translations['Q1'] ?></div> </a> <div class="content"><?= $translations['R1'] ?> </div> </div> <div class="accordion-item active"> <a href="#" class="heading"> <div class="icon"></div> <div class="title"><?= $translations['Q2'] ?></div> </a> <div class="content" style="display: block;"><?= $translations['R2'] ?> </div> </div> <div class="accordion-item"> <a href="#" class="heading"> <div class="icon"></div> <div class="title"><?= $translations['Q3'] ?> </div> </a> <div class="content"><?= $translations['R3'] ?> </div> </div> <div class="accordion-item"> <a href="#" class="heading"> <div class="icon"></div> <div class="title"><?= $translations['Q4'] ?></div> </a> <div class="content"><?= $translations['R4'] ?> </div> </div> <div class="accordion-item"> <a href="#" class="heading"> <div class="icon"></div> <div class="title"><?= $translations['Q5'] ?></div> </a> <div class="content"><?= $translations['R5'] ?> </div> </div> <div class="accordion-item"> <a href="#" class="heading"> <div class="icon"></div> <div class="title"><?= $translations['Q6'] ?></div> </a> <div class="content"><?= $translations['R6'] ?> </div> </div> </div> </div> </div> </div> </section> <!-- <section class="gap no-top"> <div class="container"> <div class="heading"> <span>1M Satisfied Customers</span> <h2>What Client’s Say</h2> </div> <div class="row clients-slider owl-carousel owl-theme"> <div class="col-lg-12 item"> <div class="clients"> <p>"consultancy has been a very enjoyable and professional experience. The effort that Conjunct Consulting puts in to ensure well trained consulting teams lead by well trained and knowledgeable team leaders is very evident.”</p> <div class="d-flex align-items-center mt-4"> <div><i><img alt="quote" src="assets/img/quote.png"></i></div> <div> <h6>Levent Sucuoglu</h6> <span>Director of Information Technology</span> </div> </div> </div> </div> <div class="col-lg-12 item"> <div class="clients"> <p>"consultancy has been a very enjoyable and professional experience. The effort that Conjunct Consulting puts in to ensure well trained consulting teams lead by well trained and knowledgeable team leaders is very evident.”</p> <div class="d-flex align-items-center mt-4"> <div><i><img alt="quote" src="assets/img/quote.png"></i></div> <div> <h6>Levent Sucuoglu</h6> <span>Director of Information Technology</span> </div> </div> </div> </div> <div class="col-lg-12 item"> <div class="clients"> <p>"consultancy has been a very enjoyable and professional experience. The effort that Conjunct Consulting puts in to ensure well trained consulting teams lead by well trained and knowledgeable team leaders is very evident.”</p> <div class="d-flex align-items-center mt-4"> <div><i><img alt="quote" src="assets/img/quote.png"></i></div> <div> <h6>Levent Sucuoglu</h6> <span>Director of Information Technology</span> </div> </div> </div> </div> <div class="col-lg-12 item"> <div class="clients"> <p>"consultancy has been a very enjoyable and professional experience. The effort that Conjunct Consulting puts in to ensure well trained consulting teams lead by well trained and knowledgeable team leaders is very evident.”</p> <div class="d-flex align-items-center mt-4"> <div><i><img alt="quote" src="assets/img/quote.png"></i></div> <div> <h6>Levent Sucuoglu</h6> <span>Director of Information Technology</span> </div> </div> </div> </div> </div> </div> </section>--> <!-- <div class="container"> <div class="row"> <div class="col-lg-7"> <div class=""> <h2>Bienvenue chez <span>Devam</h2> <div class=""> <p>Nous sommes ravis de vous accueillir ! Chez Devam, votre succès est notre priorité. Que vous ayez besoin d’un site web sur mesure, d’un portfolio qui impressionne, ou d’un accompagnement pour développer vos compétences, nous sommes là pour vous.<br> 🚀 Avec Devam, tout devient possible. Votre vision, notre mission.<br> 🚀 Ensemble, construisons votre avenir numérique. 🌟</p> </div>--> <!-- <div class="video"> <a data-fancybox="" href="https://www.youtube.com/watch?v=1La4QzGeaaQ"><i> <svg width="15" height="22" viewBox="0 0 11 17" xmlns="http://www.w3.org/2000/svg"> <path d="M11 8.5L0.5 0.272758L0.5 16.7272L11 8.5Z" fill="#000" /> </svg> </i>watch video </a> </div>--> <!--<img src="assets/img/home_img.png" alt="girl" class="heroimg">--> <!-- </div>--> <!-- <div class="review"> <img alt="img" src="assets/img/google.png"> <h6>4.9 <span>out of 5</span></h6> <ul class="star"> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> </ul> </div>--> <!-- <br> </div> <div class="col-lg-5"> <form role="form" class="get-a-quote" id="contact-form" method="post"> <div> <h3>Request a Quote</h3> <h6>Marketing Business campaign</h6> </div> <div class="group-img"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.364 11.636C14.3837 10.6558 13.217 9.93013 11.9439 9.49085C13.3074 8.55179 14.2031 6.9802 14.2031 5.20312C14.2031 2.33413 11.869 0 9 0C6.131 0 3.79688 2.33413 3.79688 5.20312C3.79688 6.9802 4.69262 8.55179 6.05609 9.49085C4.78308 9.93013 3.61631 10.6558 2.63605 11.636C0.936176 13.3359 0 15.596 0 18H1.40625C1.40625 13.8128 4.81279 10.4062 9 10.4062C13.1872 10.4062 16.5938 13.8128 16.5938 18H18C18 15.596 17.0638 13.3359 15.364 11.636ZM9 9C6.90641 9 5.20312 7.29675 5.20312 5.20312C5.20312 3.1095 6.90641 1.40625 9 1.40625C11.0936 1.40625 12.7969 3.1095 12.7969 5.20312C12.7969 7.29675 11.0936 9 9 9Z" fill="#555555"></path> </svg> <input type="text" name="Complete Name" placeholder="Complete Name" required=""> </div> <div class="group-img"> <svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.8649 18H6.13513C2.58377 18 0.540527 15.9568 0.540527 12.4054V5.5946C0.540527 2.04324 2.58377 0 6.13513 0H15.8649C19.4162 0 21.4595 2.04324 21.4595 5.5946V12.4054C21.4595 15.9568 19.4162 18 15.8649 18ZM6.13513 1.45946C3.35242 1.45946 1.99999 2.81189 1.99999 5.5946V12.4054C1.99999 15.1881 3.35242 16.5406 6.13513 16.5406H15.8649C18.6476 16.5406 20 15.1881 20 12.4054V5.5946C20 2.81189 18.6476 1.45946 15.8649 1.45946H6.13513Z" fill="#444444"></path> <path d="M10.9988 9.8465C10.1815 9.8465 9.35452 9.59352 8.72208 9.07785L5.67668 6.64539C5.36532 6.39241 5.30696 5.93511 5.55992 5.62376C5.8129 5.31241 6.2702 5.25403 6.58155 5.50701L9.62695 7.93947C10.3664 8.53298 11.6215 8.53298 12.361 7.93947L15.4064 5.50701C15.7178 5.25403 16.1848 5.30268 16.428 5.62376C16.681 5.93511 16.6324 6.40214 16.3113 6.64539L13.2659 9.07785C12.6432 9.59352 11.8161 9.8465 10.9988 9.8465Z" fill="#444444"></path> </svg> <input type="email" name="Email Address" placeholder="Email Address" required=""> </div> <div class="group-img"> <svg fill="none" height="112" viewBox="0 0 24 24" width="112" xmlns="http://www.w3.org/2000/svg"> <g clip-rule="evenodd" fill="rgb(0,0,0)" fill-rule="evenodd"> <path d="m7 2.75c-.41421 0-.75.33579-.75.75v17c0 .4142.33579.75.75.75h10c.4142 0 .75-.3358.75-.75v-17c0-.41421-.3358-.75-.75-.75zm-2.25.75c0-1.24264 1.00736-2.25 2.25-2.25h10c1.2426 0 2.25 1.00736 2.25 2.25v17c0 1.2426-1.0074 2.25-2.25 2.25h-10c-1.24264 0-2.25-1.0074-2.25-2.25z"> </path> <path d="m10.25 5c0-.41421.3358-.75.75-.75h2c.4142 0 .75.33579.75.75s-.3358.75-.75.75h-2c-.4142 0-.75-.33579-.75-.75z"> </path> <path d="m9.25 19c0-.4142.33579-.75.75-.75h4c.4142 0 .75.3358.75.75s-.3358.75-.75.75h-4c-.41421 0-.75-.3358-.75-.75z"> </path> </g> </svg> <input type="number" name="Phone No" placeholder="Phone No" required=""> </div> <p>Preferred Consult Method: </p> <div class="d-flex align-items-center"> <div class="radio-button"> <input type="radio" id="VirtualIn-Office" name="fav_language" value="Virtual"> <label for="Virtual">VirtualIn-Office</label> </div> <div class="radio-button"> <input type="radio" id="css" name="fav_language" value="In-Office"> <label for="css">VirtualIn-Office</label><br> </div> </div> <button type="submit" class="btn batton"> Start Free Trial </button> </form> </div> </div> </div>--> <!-- header end --> <section class="" style="background-image: url(assets/img/line-img.png);"> <div class="container"> <div class="row"> <div class="col-lg-7"> <div class=""> <h2><span>DEVAM</span></h2> <div style="position: sticky;"> <div id="map" style="width: 100%; height: 400px; margin-top: 20px; position: sticky;"></div> </div> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" /> <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"></script> <script> // Initialisation de la carte const map = L.map("map").setView([36.693604443630164, 10.487637815283227], 13); // Coordonnées pour centrer la carte // Ajouter une couche de tuiles (tiles layer) L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { maxZoom: 19, attribution: '© Devam', }).addTo(map); // Ajouter un marqueur const marker = L.marker([36.693604443630164, 10.487637815283227]).addTo(map); marker.bindPopup( "<b>DEVAM</b><br><a href='https://www.google.com/maps?q=36.693604443630164,10.487637815283227' target='_blank'>" + "<?= $translations['See_on_Google_Maps'] ?>" + "</a>" ).openPopup(); // Redirection au clic marker.on("click", () => { window.location.href = "https://www.google.com/maps?q=36.693604443630164, 10.487637815283227"; }); </script> <div class="d-flex listing"> <!--<p>Enim ad minim veniam, quis nostrud exercitat ullrem ipsum dolor sit amet, consece adipising elit, o eiusmod tempor incididunt.</p>--> </div> <h2> </h2> <div class="video"> <!--<a data-fancybox="" href="https://www.youtube.com/watch?v=1La4QzGeaaQ"><i> <svg width="15" height="22" viewBox="0 0 11 17" xmlns="http://www.w3.org/2000/svg"> <path d="M11 8.5L0.5 0.272758L0.5 16.7272L11 8.5Z" fill="#000" /> </svg> </i>watch video </a>--> </div> <!-- <img src="assets/img/girl.webp" alt="girl" class="heroimg">--> </div> <!--<div class="review"> <img alt="img" src="assets/img/google.png"> <h6>4.9 <span>out of 5</span></h6> <ul class="star"> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> <li><i class="fa-solid fa-star"></i></li> </ul> </div>--> </div> <div class="col-lg-5"> <form role="form" action="send-mail.php" class="get-a-quote" method="post"> <div> <h3><?= $translations['contact_us'] ?></h3> <h6></h6> </div> <div class="group-img"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.364 11.636C14.3837 10.6558 13.217 9.93013 11.9439 9.49085C13.3074 8.55179 14.2031 6.9802 14.2031 5.20312C14.2031 2.33413 11.869 0 9 0C6.131 0 3.79688 2.33413 3.79688 5.20312C3.79688 6.9802 4.69262 8.55179 6.05609 9.49085C4.78308 9.93013 3.61631 10.6558 2.63605 11.636C0.936176 13.3359 0 15.596 0 18H1.40625C1.40625 13.8128 4.81279 10.4062 9 10.4062C13.1872 10.4062 16.5938 13.8128 16.5938 18H18C18 15.596 17.0638 13.3359 15.364 11.636ZM9 9C6.90641 9 5.20312 7.29675 5.20312 5.20312C5.20312 3.1095 6.90641 1.40625 9 1.40625C11.0936 1.40625 12.7969 3.1095 12.7969 5.20312C12.7969 7.29675 11.0936 9 9 9Z" fill="#555555"></path> </svg> <input type="text" name="name" required placeholder="Complete Name"> </div> <div class="group-img"> <svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.8649 18H6.13513C2.58377 18 0.540527 15.9568 0.540527 12.4054V5.5946C0.540527 2.04324 2.58377 0 6.13513 0H15.8649C19.4162 0 21.4595 2.04324 21.4595 5.5946V12.4054C21.4595 15.9568 19.4162 18 15.8649 18ZM6.13513 1.45946C3.35242 1.45946 1.99999 2.81189 1.99999 5.5946V12.4054C1.99999 15.1881 3.35242 16.5406 6.13513 16.5406H15.8649C18.6476 16.5406 20 15.1881 20 12.4054V5.5946C20 2.81189 18.6476 1.45946 15.8649 1.45946H6.13513Z" fill="#444444"></path> <path d="M10.9988 9.8465C10.1815 9.8465 9.35452 9.59352 8.72208 9.07785L5.67668 6.64539C5.36532 6.39241 5.30696 5.93511 5.55992 5.62376C5.8129 5.31241 6.2702 5.25403 6.58155 5.50701L9.62695 7.93947C10.3664 8.53298 11.6215 8.53298 12.361 7.93947L15.4064 5.50701C15.7178 5.25403 16.1848 5.30268 16.428 5.62376C16.681 5.93511 16.6324 6.40214 16.3113 6.64539L13.2659 9.07785C12.6432 9.59352 11.8161 9.8465 10.9988 9.8465Z" fill="#444444"></path> </svg> <input type="text" name="email" placeholder="Email Address"> </div> <div class="group-img"> <svg fill="none" height="112" viewBox="0 0 24 24" width="112" xmlns="http://www.w3.org/2000/svg"> <g clip-rule="evenodd" fill="rgb(0,0,0)" fill-rule="evenodd"> <path d="m7 2.75c-.41421 0-.75.33579-.75.75v17c0 .4142.33579.75.75.75h10c.4142 0 .75-.3358.75-.75v-17c0-.41421-.3358-.75-.75-.75zm-2.25.75c0-1.24264 1.00736-2.25 2.25-2.25h10c1.2426 0 2.25 1.00736 2.25 2.25v17c0 1.2426-1.0074 2.25-2.25 2.25h-10c-1.24264 0-2.25-1.0074-2.25-2.25z"> </path> <path d="m10.25 5c0-.41421.3358-.75.75-.75h2c.4142 0 .75.33579.75.75s-.3358.75-.75.75h-2c-.4142 0-.75-.33579-.75-.75z"> </path> <path d="m9.25 19c0-.4142.33579-.75.75-.75h4c.4142 0 .75.3358.75.75s-.3358.75-.75.75h-4c-.41421 0-.75-.3358-.75-.75z"> </path> </g> </svg> <input type="text" name="phone" placeholder="Phone No" required> </div> <p>Send message </p> <div class="group-img"> <textarea class="form-control" name="message" placeholder="Message" required></textarea> </div> <!-- <p>Preferred Consult Method: </p> <div class="d-flex align-items-center"> <div class="radio-button"> <input type="radio" id="VirtualIn-Office" name="fav_language" value="Virtual"> <label for="Virtual">VirtualIn-Office</label> </div> <div class="radio-button"> <input type="radio" id="css" name="fav_language" value="In-Office"> <label for="css">VirtualIn-Office</label><br> </div> </div>--> <input id="form_botcheck" name="form_botcheck" class="form-control" type="hidden" value=""> <br><button class="btn batton" class="theme-btn btn-style-one" type="submit" data-loading-text="Please wait..." name="submit"><span> <!--<i class="flaticon-up-arrow"></i>--> Envoyer Message </span></button> <!--<button type="submit" class="btn batton"> Start Free Trial </button>--> </form> </div> </div> </div> </section> <footer class="gap no-bottom" style="background-image: url(assets/img/line-img.png);"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="links"> <h5><?= $translations['contact_us'] ?></h5> <div class="line"></div> <span><a href="callto:+21650114930"> <?= $translations['phone'] ?> 00216.50.114.930</a></span> <span class="mt-3 d-flex"><?= $translations['mail'] ?><a href="mailto:cherif.amine.devam@gmail.com"> cherif.amine.devam@gmail.com</a></span> </div> </div> <div class="col-lg-4 col-md-6"> <div class="links"> <h5></h5> <div class="line"></div> <p><?= $translations['information_description'] ?></p> </div> </div> <div class="col-lg-4 col-md-6"> <div class=""> <a href="#"> <img alt="customize" width="300px" src="assets/img/customize_Devam_icon.png"> </a> </div> </div> </div> <!-- <div class="footer-bottom"> <h3>Start a Free Trial</h3> <p>we help business innovate & growth company with 18 Years Perfessional Experience</p> <a href="#" class="btn">start Free Trial</a> </div>--> <div class="footer-end"> <p><?= $translations['copyright'] ?></p> </div> </div> </footer> <!-- progress --> <div id="progress"> <span id="progress-value"> <svg xmlns="http://www.w3.org/2000/svg" width="20px" viewBox="0 0 384 512"> <path d="M24 32h336c13.3 0 24 10.7 24 24v24c0 13.3-10.7 24-24 24H24C10.7 104 0 93.3 0 80V56c0-13.3 10.7-24 24-24zm66.4 280.5l65.6-65.6V456c0 13.3 10.7 24 24 24h24c13.3 0 24-10.7 24-24V246.9l65.6 65.6c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L209 126.1c-9.4-9.4-24.6-9.4-33.9 0L39.5 261.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0z" /> </svg></span> </div> <!-- Votre contenu HTML ici --> <script> // Détectez le statut et affichez SweetAlert2 <?php if ($status === 'success'): ?> Swal.fire({ icon: 'success', title: 'Succès', text: 'Votre message a été envoyé avec succès !', confirmButtonText: 'OK' }); <?php elseif ($status === 'error'): ?> Swal.fire({ icon: 'error', title: 'Erreur', text: 'Une erreur s\'est produite lors de l\'envoi de votre message.', confirmButtonText: 'OK' }); <?php endif; ?> </script> <script src="assets/js/scripts.js"></script> <!-- jQuery --> <script src="assets/js/jquery-3.6.0.min.js"></script> <!-- Bootstrap Js --> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/owl.carousel.min.js"></script> <!-- fancybox --> <script src="assets/js/jquery.fancybox.min.js"></script> <script src="assets/js/custom.js"></script> <!-- Email Js --> <script src="assets/js/sweetalert.min.js"></script> <script src="assets/js/contact.js"></script> </body>