File Manager

✏️ Edit File: /var/www/vhosts/dzfarer.com/httpdocs/about.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">Dzfarer</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">Dzfarer</li>
        </ul>
      </nav>
    </div>
  </div>
</section>

<div class="element-wrapper">

<section class="py-5 bg-light" id="about">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-6 mb-4 mb-lg-0">
          <img src="assets/img/populer-city/tassili.webp" alt="DZFarer" class="img-fluid rounded-3 shadow">
        </div>
        <div class="col-lg-6">
          <h2 class="fw-bold mb-3">DZFarer, votre compagnon de voyage digital</h2>
          <p class="text-muted mb-3">
            DZFarer est une plateforme de voyage innovante qui regroupe l’ensemble des services nécessaires pour organiser, réserver et vivre vos expériences de voyage en toute simplicité.
          </p>
          <p class="text-muted">
            De l’hébergement à la restauration, en passant par le transport et les activités, notre mission est de connecter les voyageurs, les agences et les prestataires locaux pour une expérience fluide, transparente et accessible à tous.
          </p>
          <ul class="list-unstyled mt-3">
            <li><i class="fa fa-check text-primary me-2"></i>Réservations simples et rapides</li>
            <li><i class="fa fa-check text-primary me-2"></i>Partenaires fiables et certifiés</li>
            <li><i class="fa fa-check text-primary me-2"></i>Support client disponible 24/7</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

<section class="py-5">
    <div class="container text-center">
      <h2 class="fw-bold mb-4">Notre mission & notre vision</h2>
      <div class="row">
        <div class="col-md-6 mb-4">
          <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
              <i class="fa fa-bullseye text-primary fa-2x mb-3"></i>
              <h5 class="fw-bold">Notre mission</h5>
              <p class="text-muted">Simplifier le voyage en Algérie en centralisant les services touristiques et en favorisant la collaboration entre voyageurs et agences locales.</p>
            </div>
          </div>
        </div>
        <div class="col-md-6 mb-4">
          <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
              <i class="fa fa-eye text-primary fa-2x mb-3"></i>
              <h5 class="fw-bold">Notre vision</h5>
              <p class="text-muted">Faire de DZFarer la référence des plateformes de voyage en Afrique du Nord, en alliant technologie, accessibilité et confiance.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

<section class="bg-primary text-white py-5">
    <div class="container text-center">
      <h2 class="fw-bold mb-4">Nos valeurs</h2>
      <div class="row">
        <div class="col-md-4 mb-3">
          <i class="fa fa-handshake fa-2x mb-2"></i>
          <h5>Confiance</h5>
          <p class="small">Nous valorisons la transparence et la fiabilité dans chaque service proposé.</p>
        </div>
        <div class="col-md-4 mb-3">
          <i class="fa fa-globe fa-2x mb-2"></i>
          <h5>Ouverture</h5>
          <p class="small">Nous connectons les voyageurs et les agences à travers toutes les régions d’Algérie.</p>
        </div>
        <div class="col-md-4 mb-3">
          <i class="fa fa-lightbulb fa-2x mb-2"></i>
          <h5>Innovation</h5>
          <p class="small">Nous intégrons les meilleures technologies pour une expérience utilisateur fluide.</p>
        </div>
      </div>
    </div>
  </section>

<section class="py-5 text-center">
    <div class="container">
      <h2 class="fw-bold mb-3">Prêt à découvrir DZFarer ?</h2>
      <p class="text-muted mb-4">Rejoignez notre communauté de voyageurs et profitez d’expériences uniques à travers tout le pays.</p>
      <a href="contact.php" class="btn btn-primary px-4 py-2 rounded-pill">Nous contacter</a>
    </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