File Manager

✏️ Edit File: /var/www/vhosts/dzfarer.com/httpdocs/contact.php

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Contact</title>

<link href='assets/plugins/fontawesome-5.15.2/css/all.min.css' rel='stylesheet'>
    <link href='assets/plugins/fontawesome-5.15.2/css/fontawesome.min.css' rel='stylesheet'>
    <link href='assets/plugins/listtyicons/style.css' rel='stylesheet'>
    <link href='assets/plugins/menuzord/css/menuzord.css' rel='stylesheet'>

<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<link href="assets/css/style.css" rel="stylesheet" id="option_style">

<link href="assets/img/favicon.ico" rel="shortcut icon">

</head>

<header class="header">
      <nav class="nav-menuzord navbar-sticky">
        <div class="container clearfix">
          <div id="menuzord" class="menuzord menuzord-responsive">
            
            <a href="index.php" class="">
            <img src="assets/img/DZfarer-Web.png" alt="" width="140"  class="logo-svg">
              
            </a>
            <ul class="menuzord-menu menuzord-right">
              <li class="active">
                <a href="index.php">Accueil</a>
              </li>
              <li class="">
                <a href="store.php">Store</a>
              </li>
              <li class="">
                <a href="about.php">A propos</a>
              </li>
              <li class="">
                <a href="contact.php">Contact</a>
              </li>
            </ul>

</div>
        </div>
      </nav>
    </header>
	
    <div class="main-wrapper">

<section class="py-8 bg-no-repeat bg-cover bg-dark" >
  <div class="container">
    <div class="d-flex flex-column justify-content-center align-items-center" >
      <nav aria-label="breadcrumb">
        <h2 class="breadcrumb-title text-center text-white mb-4">Contact</h2>
        <ul class="breadcrumb bg-transparent justify-content-center p-0 m-0">
          <li class="breadcrumb-item"><a class="text-white" href="index.php">Home</a></li>
          <li class="breadcrumb-item text-white active" aria-current="page">Contact</li>
        </ul>
      </nav>
    </div>
  </div>
</section>

<div class="element-wrapper">

<ul class="list-unstyled">
          <li class="media align-items-baseline mb-3">
            <i class="fas fa-map-marker-alt me-3" aria-hidden="true"></i>
            <span class="media-body">2880 Broadway, tenes, Chlef, Algérie</span>
          </li>
          <li class="media align-items-baseline mb-3">
            <i class="fas fa-phone-alt me-3" aria-hidden="true"></i>
            <div class="media-body">
              <a class="text-muted" href="tel:0540 90 21 67"> 0540 90 21 67</a> 
            </div>
          </li>
          <li class="media align-items-baseline mb-3">
            <i class="fa fa-envelope me-3" aria-hidden="true"></i>
            <div class="media-body">
              <a class="text-muted" href="mailto: Dzfarer@gmail.com"> Dzfarer@gmail.com</a>
            </div>
          </li>
        </ul>
      </div>

<div class="col-md-7 col-lg-8">
        <h2 class="fw-normal my-4 mt-md-0">Contactez-nous</h2>
        <hr>

<form class="pt-4">
          <div class="row">
            
            <div class="form-group col-md-6 mb-6">
              <label class="form-label" for="inputState">Subject*</label>
              <div class="select-bg-transparent select-border w-100">
                <select class="select-location">
                  <option>-- Select Subject --</option>
                  <option>Subject 1</option>
                  <option>Subject 2</option>
                  <option>Subject 3</option>
                  <option>Subject 4</option>
                  <option>Subject 5</option>
                </select>
              </div>
            </div>

<div class="form-group col-md-6 mb-6">
              <label class="form-label" for="inputtext">Company Name*</label>
              <input type="text" class="form-control" id="inputtext" required>
            </div>
          </div>

<div class="form-group mb-6">
            <label class="form-label" for="inputName">Your Name*</label>
            <input type="text" class="form-control" id="inputName" required>
          </div>

<div class="form-group mb-6">
            <label class="form-label" for="inputAddress">Email Address*</label>
            <input type="email" class="form-control" id="inputAddress" required>
          </div>

<div class="form-group mb-6">
						<label for="textBox" class="form-label control-label">Text*</label>
						<textarea class="form-control" rows="6" required></textarea>
          </div>
          
          <button type="submit" class="btn btn-primary text-uppercase px-5 py-3">Envoyer</button>
        </form>
      </div>
    </div>
  </div>
</section>

</div>

<div class="container">
      <div class="row">
        <div class="col-sm-7 col-xs-12">
          <a class="d-inline-block mb-6" href="index.php">
          <img src="assets/img/DZfarer_White.png" alt="" width="140"  class="logo-svg">
          
          </a>
          <p class="text-white pt-1 pb-3">DZFarer est une plateforme de voyage intelligente en Algérie, permettant aux utilisateurs de découvrir, comparer et réserver des trajets, hébergements et activités touristiques facilement, le tout sur une carte interactive intuitive.
</p>
          <ul class="list-unstyled text-white">
            <li class="mb-3">
              <i class="fas fa-phone-alt me-3" aria-hidden="true"></i>
              <a class="text-white" href="tel:">0540 90 21 67</a>
            </li>
            <li class="mb-3">
              <i class="fas fa-envelope me-3" aria-hidden="true"></i>
              <a class="text-white" href="mailto:Dzfarer@gmail.com">Dzfarer@gmail.com</a>
            </li>
          </ul>
        </div>

<div class="col-sm-3 col-xs-12">
          <div class="mb-4 mt-4 mt-md-0">
            <h2 class="h4 text-white">Menu</h2>
          </div>
          <ul class="list-unstyled list-gray">
            <li class="mb-3">
              <a href="#">Accueil</a>
            </li>
            <li class="mb-3">
              <a href="#">Store</a>
            </li>
            <li class="mb-3">
              <a href="#">A propos</a>
            </li>
            <li class="mb-3">
              <a href="#">Contact</a>
            </li>
          </ul>
        </div>

<div class="col-sm-2 col-xs-12">
          <div class="mb-4 mt-4 mt-md-0">
            <h2 class="h4 text-white">Liens</h2>
          </div>
          <ul class="list-unstyled list-gray">
            <li class="mb-3">
              <a href="#">Terms and Conditions</a>
            </li>
            <li class="mb-3">
              <a href="#">Comment ça marche</a>
            </li>
            <li class="mb-3">
              <a href="#">Paiement</a>
            </li>
          </ul>
        </div>

</div>
      <hr>

<div class="col-sm-7 col-xs-12 align-self-center order-3 order-md-0">
          <p class="copy-right mb-0 pb-4 pb-md-0 text-center text-md-start">
            Copyright &copy; <span id="copy-year"></span>. All Rights Reserved by
            <a href="#" target="_blank"> Dzfarer</a>
          </p>
        </div>

</div>
    


<div id="chatbot-icon" onclick="toggleChat()" title="Besoin d'aide ?">
  💬
</div>

<div id="chat-container" style="display: none;">
  <div id="chat-header">
    DZFarer - Assistant
    <button onclick="toggleChat()" class="btn btn-sm text-white text-center">X</button>
  </div>
  <div id="chat-body">
    <div class="bot">Bonjour 👋 Bienvenue sur DZFarer ! Comment puis-je vous aider ?</div>
  </div>
  <div id="chat-footer">
    <input type="text" id="chat-input" placeholder="Posez votre question..." onkeydown="if(event.key==='Enter') sendMessage()" />
    <button onclick="sendMessage()">Envoyer</button>
  </div>
</div>

</footer>

<script src='assets/plugins/jquery/jquery-3.4.1.min.js'></script>
    <script src='assets/plugins/bootstrap/js/bootstrap.bundle.js'></script>
    <script src='assets/plugins/menuzord/js/menuzord.js'></script>

function sendMessage() {
  const input = document.getElementById("chat-input");
  const message = input.value.trim();
  if (message === "") return;

// Ajouter le message utilisateur
  const chatBody = document.getElementById("chat-body");
  const userMsg = document.createElement("div");
  userMsg.className = "user";
  userMsg.textContent = message;
  chatBody.appendChild(userMsg);

// Appel au backend PHP
  fetch("faq.php", {
    method: "POST",
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    body: "question=" + encodeURIComponent(message)
  })
  .then(res => res.text())
  .then(reply => {
    const botMsg = document.createElement("div");
    botMsg.className = "bot";
    botMsg.innerHTML = reply;
    chatBody.appendChild(botMsg);
    chatBody.scrollTop = chatBody.scrollHeight;
  });

input.value = "";
}
</script>

</body>
</html>

Batal

⬅ Naik ke dzfarer.com 17 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁admin	dir	—	2025-07-02 20:25	📂 Buka
📁api	dir	—	2025-06-16 21:33	📂 Buka
📁assets	dir	—	2025-11-10 10:38	📂 Buka
📁footer	dir	—	2025-06-16 21:33	📂 Buka
📁header	dir	—	2025-06-16 21:33	📂 Buka
📁uploads	dir	—	2026-04-23 03:49	📂 Buka
🐘about.php	php	13.6 KB	2025-11-11 07:58	✏️ Edit 👁️ View
🐘chatbot.php	php	888 B	2025-06-25 12:10	✏️ Edit 👁️ View
🐘contact.php	php	13 KB	2025-11-11 07:36	✏️ Edit 👁️ View
🐘faq.php	php	609 B	2025-06-25 14:02	✏️ Edit 👁️ View
🐘hotels.php	php	9.6 KB	2025-07-02 17:24	✏️ Edit 👁️ View
🐘index.php	php	24.3 KB	2025-11-11 07:36	✏️ Edit 👁️ View
🐘lisintigs_places.php	php	8.6 KB	2025-07-02 17:22	✏️ Edit 👁️ View
🐘listings.php	php	8.1 KB	2025-06-16 21:17	✏️ Edit 👁️ View
🐘store.php	php	4.7 KB	2025-11-10 13:34	✏️ Edit 👁️ View
🐘test_upload.php	php	1.2 KB	2025-06-16 21:17	✏️ Edit 👁️ View
🐘transport.php	php	10.8 KB	2025-06-22 13:37	✏️ Edit 👁️ View