templates/home/index.html.twig line 1
<!DOCTYPE html>
<html lang="en">
{# {% extends 'base.html.twig' %}
{% block title %}Hello HomeController!{% endblock %}
{% block stylesheets %} #}
<head>
<meta charset="utf-8">
<title>Verticelle</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Customized Bootstrap Stylesheet -->
<!-- Libraries Stylesheet -->
<link href="{{asset('homeStyle/lib/animate/animate.min.css')}}" rel="stylesheet">
<link href="{{asset('homeStyle/lib/owlcarousel/assets/owl.carousel.min.css')}}" rel="stylesheet">
<link href=" {{asset('homeStyle/css/bootstrap.min.css ') }}" rel="stylesheet">
<link rel="stylesheet" href="{{asset('homeStyle/css/style.css') }}">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Inter:wght@600&family=Lobster+Two:wght@700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
</head>
{# {% endblock %}
{% block body %} #}
<body>
<div class="container-xxl bg-white p-0">
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5 py-lg-0">
<a href="index.html" class="navbar-brand">
<img class="logo_img" src="{{ asset('quizz2/images/logo_ade.jpg') }}" alt="image-not-found" style="width:70px;">
{# <h1 class="m-0 text-primary"><i class="fa fa-book-reader me-3"></i>Kider</h1> #}
</a>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav mx-auto">
{# <a href="index.html" class="nav-item nav-link active">Home</a>
<a href="about.html" class="nav-item nav-link">About Us</a>
<a href="classes.html" class="nav-item nav-link">Classes</a> #}
<div class="nav-item dropdown">
{# <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a> #}
<div class="dropdown-menu rounded-0 rounded-bottom border-0 shadow-sm m-0">
{# <a href="facility.html" class="dropdown-item">School Facilities</a>
<a href="team.html" class="dropdown-item">Popular Teachers</a>
<a href="call-to-action.html" class="dropdown-item">Become A Teachers</a>
<a href="appointment.html" class="dropdown-item">Make Appointment</a>
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
<a href="404.html" class="dropdown-item">404 Error</a> #}
</div>
</div>
{# <a href="contact.html" class="nav-item nav-link">Contact Us</a> #}
</div>
<a href="{{ path('app_login') }}" class="btn btn-primary rounded-pill px-3 d-none d-lg-block">Connexion<i class="fa fa-arrow-right ms-3"></i></a>
</div>
</nav>
<!-- Navbar End -->
<!-- Carousel Start -->
<div class="container-fluid p-0 mb-5">
<div class="owl-carousel header-carousel position-relative">
<div class="owl-carousel-item position-relative">
<img class="img-fluid" src=" {{asset('homeStyle/img/AC1.jpg') }}" alt="">
<div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center" style="background: rgba(0, 0, 0, .2);">
<div class="container">
<div class="row justify-content-start">
<div class="col-10 col-lg-8">
<h1 class="display-2 text-white animated slideInDown mb-4">Scoralisation des Filles</h1>
<p class="fs-5 fw-medium text-white mb-4 pb-2">Assister les élèves en difficultés, L'Arbre de l'Espoir - ADE c'est aussi des projets de soutien scolaire.</p>
{# <a href="" class="btn btn-primary rounded-pill py-sm-3 px-sm-5 me-3 animated slideInLeft">Learn More</a>
<a href="" class="btn btn-dark rounded-pill py-sm-3 px-sm-5 animated slideInRight">Our Classes</a> #}
</div>
</div>
</div>
</div>
</div>
<div class="owl-carousel-item position-relative">
<img class="img-fluid" src=" {{asset('homeStyle/img/AC2.jpg') }}" alt="">
<div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center" style="background: rgba(0, 0, 0, .2);">
<div class="container">
<div class="row justify-content-start">
<div class="col-10 col-lg-8">
<h1 class="display-2 text-white animated slideInDown mb-4">Notre Mission</h1>
<p class="fs-5 fw-medium text-white mb-4 pb-2">On ne peut pas aider tout le monde mais tout le monde peut aider quelqu'un .</p>
{# <a href="" class="btn btn-primary rounded-pill py-sm-3 px-sm-5 me-3 animated slideInLeft">Learn More</a>
<a href="" class="btn btn-dark rounded-pill py-sm-3 px-sm-5 animated slideInRight">Our Classes</a> #}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Carousel End -->
<!-- Facilities Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Nos Modules</h1>
{# <p>Eirmod sed ipsum dolor sit rebum labore magna erat. Tempor ut dolore lorem kasd vero ipsum sit eirmod sit. Ipsum diam justo sed rebum vero dolor duo.</p> #}
</div>
<div class="row g-4">
<div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="facility-item">
<div class="facility-icon bg-primary">
<span class="bg-primary"></span>
<i class="fa fa-bus-alt fa-3x text-primary"></i>
<span class="bg-primary"></span>
</div>
<div class="facility-text bg-primary">
<h3 class="text-primary mb-3">SamaQuiz</h3>
<p class="mb-0">Il s’agit d’un jeu de questions réponses sur des thématiques.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="facility-item">
<div class="facility-icon bg-success">
<span class="bg-success"></span>
<i class="fa fa-futbol fa-3x text-success"></i>
<span class="bg-success"></span>
</div>
<div class="facility-text bg-success">
<h3 class="text-success mb-3">Savais-tu ? </h3>
<p class="mb-0">Cette partie apprend aux élèves les rudiments de la culture générale à travers ses différentes thématiques .</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="facility-item">
<div class="facility-icon bg-warning">
<span class="bg-warning"></span>
<i class="fa fa-home fa-3x text-warning"></i>
<span class="bg-warning"></span>
</div>
<div class="facility-text bg-warning">
<h3 class="text-warning mb-3">Trouve-moi ! </h3>
<p class="mb-0">Elles feront des recherches par petit groupe sur chaque lieu et leur retour seront renseignés dans l’application.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="facility-item">
<div class="facility-icon bg-info">
<span class="bg-info"></span>
<i class="fa fa-chalkboard-teacher fa-3x text-info"></i>
<span class="bg-info"></span>
</div>
<div class="facility-text bg-info">
<h3 class="text-info mb-3">Ma boîte secrète</h3>
<p class="mb-0">Il servira de guide aux jeunes filles afin de les préparer à la puberté et à l’hygiène menstruelle. </p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Facilities End -->
<!-- About Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
<h1 class="mb-4">A PROPOS DE VERTIC'ELLE</h1>
<p class="mb-4">L’objectif du projet est celui d’offrir une éducation de qualité en corrélation avec le développement durable grâce au numérique. Le projet s’inscrit dans une volonté d’encourager la scolarisation et l’autonomie des filles issues de milieux vulnérables grâce aux technologies numériques. Le projet vise à doter les filles de compétences numériques. Il encourage et améliore les perspectives d’éducation des filles, par conséquent, leur qualité de vie.</p>
<div class="row g-4 align-items-center">
<div class="col-sm-6">
<a class="btn btn-primary rounded-pill py-3 px-5" href="">En savoir plus</a>
</div>
{# <div class="col-sm-6">
<div class="d-flex align-items-center">
<img class="rounded-circle flex-shrink-0" src="{{asset('homeStyle/img/user.jpg') }}" alt="" style="width: 45px; height: 45px;">
<div class="ms-3">
<h6 class="text-primary mb-1">Jhon Doe</h6>
<small>CEO & Founder</small>
</div>
</div>
</div> #}
</div>
</div>
<div class="col-lg-6 about-img wow fadeInUp" data-wow-delay="0.5s">
<div class="row">
<div class="col-12 text-center">
<img class="img-fluid w-75 rounded-circle bg-light p-3" src="{{asset('homeStyle/img/A4.jpg')}}" alt="">
</div>
<div class="col-6 text-start" style="margin-top: -150px;">
<img class="img-fluid w-100 rounded-circle bg-light p-3" src="{{asset('homeStyle/img/A2.jpg') }}" alt="">
</div>
<div class="col-6 text-end" style="margin-top: -150px;">
<img class="img-fluid w-100 rounded-circle bg-light p-3" src="{{asset('homeStyle/img/A1.jpg') }}" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Call To Action Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="bg-light rounded">
<div class="row g-0">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute w-100 h-100 rounded" src="{{asset('homeStyle/img/ade.jpg') }}" style="object-fit: cover;">
</div>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
<div class="h-100 d-flex flex-column justify-content-center p-5">
<h1 class="mb-4">Arbre de L'ESPOIR</h1>
<p class="mb-4">
L’ARBRE DE L’ESPOIR (ADE) est une association loi 1901. L’ADE a été créée en décembre 2018 par un groupe d'amis sensible à la situation des migrants en France et la précarité en Afrique. L’ADE a pour objectif d’aider les personnes à vivre dignement dans leur environnement tout en assurant une perspective d’avenir pour eux même et leurs enfants.
</p>
<a class="btn btn-primary py-3 px-5" href="">En savoir plus<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call To Action End -->
<!-- Classes Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Nos Thématiques</h1>
{# <p>Eirmod sed ipsum dolor sit rebum labore magna erat. Tempor ut dolore lorem kasd vero ipsum sit eirmod sit. Ipsum diam justo sed rebum vero dolor duo.</p> #}
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="classes-item">
<div class="bg-light rounded-circle w-75 mx-auto p-3">
<img class="img-fluid rounded-circle" src=" {{asset('homeStyle/img/th4.jpg') }} " alt="">
</div>
<div class="bg-light rounded p-4 pt-5 mt-n5">
<a class="d-block text-center h3 mt-3 mb-4" href="">LITTERATURE</a>
{# <div class="d-flex align-items-center justify-content-between mb-4">
<div class="d-flex align-items-center">
<img class="rounded-circle flex-shrink-0" src="{{asset('homeStyle/img/user.jpg') }} " alt="" style="width: 45px; height: 45px;">
<div class="ms-3">
<h6 class="text-primary mb-1">Jhon Doe</h6>
<small>Teacher</small>
</div>
</div>
<span class="bg-primary text-white rounded-pill py-2 px-3" href="">$99</span>
</div>
<div class="row g-1">
<div class="col-4">
<div class="border-top border-3 border-primary pt-2">
<h6 class="text-primary mb-1">Age:</h6>
<small>3-5 Years</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-success pt-2">
<h6 class="text-success mb-1">Time:</h6>
<small>9-10 AM</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-warning pt-2">
<h6 class="text-warning mb-1">Capacity:</h6>
<small>30 Kids</small>
</div>
</div>
</div> #}
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="classes-item">
<div class="bg-light rounded-circle w-75 mx-auto p-3">
<img class="img-fluid rounded-circle" src=" {{asset('homeStyle/img/th3.jpg') }}" alt="">
</div>
<div class="bg-light rounded p-4 pt-5 mt-n5">
<a class="d-block text-center h3 mt-3 mb-4" href="">ART/CULTURE</a>
{# <div class="d-flex align-items-center justify-content-between mb-4">
<div class="d-flex align-items-center">
<img class="rounded-circle flex-shrink-0" src=" {{asset('homeStyle/img/user.jpg') }}" alt="" style="width: 45px; height: 45px;">
<div class="ms-3">
<h6 class="text-primary mb-1">Jhon Doe</h6>
<small>Teacher</small>
</div>
</div>
<span class="bg-primary text-white rounded-pill py-2 px-3" href="">$99</span>
</div>
<div class="row g-1">
<div class="col-4">
<div class="border-top border-3 border-primary pt-2">
<h6 class="text-primary mb-1">Age:</h6>
<small>3-5 Years</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-success pt-2">
<h6 class="text-success mb-1">Time:</h6>
<small>9-10 AM</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-warning pt-2">
<h6 class="text-warning mb-1">Capacity:</h6>
<small>30 Kids</small>
</div>
</div>
</div> #}
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="classes-item">
<div class="bg-light rounded-circle w-75 mx-auto p-3">
<img class="img-fluid rounded-circle" src=" {{asset('homeStyle/img/th2.jpg') }} " alt="">
</div>
<div class="bg-light rounded p-4 pt-5 mt-n5">
<a class="d-block text-center h3 mt-3 mb-4" href="">SCIENCE/TECHNOLOGIE</a>
{# <div class="d-flex align-items-center justify-content-between mb-4">
<div class="d-flex align-items-center">
<img class="rounded-circle flex-shrink-0" src=" {{asset('homeStyle/img/user.jpg') }}" alt="" style="width: 45px; height: 45px;">
<div class="ms-3">
<h6 class="text-primary mb-1">Jhon Doe</h6>
<small>Teacher</small>
</div>
</div>
<span class="bg-primary text-white rounded-pill py-2 px-3" href="">$99</span>
</div>
<div class="row g-1">
<div class="col-4">
<div class="border-top border-3 border-primary pt-2">
<h6 class="text-primary mb-1">Age:</h6>
<small>3-5 Years</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-success pt-2">
<h6 class="text-success mb-1">Time:</h6>
<small>9-10 AM</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-warning pt-2">
<h6 class="text-warning mb-1">Capacity:</h6>
<small>30 Kids</small>
</div>
</div>
</div> #}
</div>
</div>
</div>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="classes-item">
<div class="bg-light rounded-circle w-75 mx-auto p-3">
<img class="img-fluid rounded-circle" src=" {{asset('homeStyle/img/th5.jpg') }} " alt="">
</div>
<div class="bg-light rounded p-4 pt-5 mt-n5">
<a class="d-block text-center h3 mt-3 mb-4" href="">SANTE</a>
{# <div class="d-flex align-items-center justify-content-between mb-4">
<div class="d-flex align-items-center">
<img class="rounded-circle flex-shrink-0" src="{{asset('homeStyle/img/user.jpg') }} " alt="" style="width: 45px; height: 45px;">
<div class="ms-3">
<h6 class="text-primary mb-1">Jhon Doe</h6>
<small>Teacher</small>
</div>
</div>
<span class="bg-primary text-white rounded-pill py-2 px-3" href="">$99</span>
</div>
<div class="row g-1">
<div class="col-4">
<div class="border-top border-3 border-primary pt-2">
<h6 class="text-primary mb-1">Age:</h6>
<small>3-5 Years</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-success pt-2">
<h6 class="text-success mb-1">Time:</h6>
<small>9-10 AM</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-warning pt-2">
<h6 class="text-warning mb-1">Capacity:</h6>
<small>30 Kids</small>
</div>
</div>
</div> #}
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="classes-item">
<div class="bg-light rounded-circle w-75 mx-auto p-3">
<img class="img-fluid rounded-circle" src=" {{asset('homeStyle/img/th1.jpg') }}" alt="">
</div>
<div class="bg-light rounded p-4 pt-5 mt-n5">
<a class="d-block text-center h3 mt-3 mb-4" href="">ENVIRONNEMENT</a>
{# <div class="d-flex align-items-center justify-content-between mb-4">
<div class="d-flex align-items-center">
<img class="rounded-circle flex-shrink-0" src=" {{asset('homeStyle/img/user.jpg') }}" alt="" style="width: 45px; height: 45px;">
<div class="ms-3">
<h6 class="text-primary mb-1">Jhon Doe</h6>
<small>Teacher</small>
</div>
</div>
<span class="bg-primary text-white rounded-pill py-2 px-3" href="">$99</span>
</div>
<div class="row g-1">
<div class="col-4">
<div class="border-top border-3 border-primary pt-2">
<h6 class="text-primary mb-1">Age:</h6>
<small>3-5 Years</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-success pt-2">
<h6 class="text-success mb-1">Time:</h6>
<small>9-10 AM</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-warning pt-2">
<h6 class="text-warning mb-1">Capacity:</h6>
<small>30 Kids</small>
</div>
</div>
</div> #}
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="classes-item">
<div class="bg-light rounded-circle w-75 mx-auto p-3">
<img class="img-fluid rounded-circle" src=" {{asset('homeStyle/img/th6.jpg') }} " alt="">
</div>
<div class="bg-light rounded p-4 pt-5 mt-n5">
<a class="d-block text-center h3 mt-3 mb-4" href="">CULTURE GENERALE</a>
{# <div class="d-flex align-items-center justify-content-between mb-4">
<div class="d-flex align-items-center">
<img class="rounded-circle flex-shrink-0" src=" {{asset('homeStyle/img/user.jpg') }}" alt="" style="width: 45px; height: 45px;">
<div class="ms-3">
<h6 class="text-primary mb-1">Jhon Doe</h6>
<small>Teacher</small>
</div>
</div>
<span class="bg-primary text-white rounded-pill py-2 px-3" href="">$99</span>
</div>
<div class="row g-1">
<div class="col-4">
<div class="border-top border-3 border-primary pt-2">
<h6 class="text-primary mb-1">Age:</h6>
<small>3-5 Years</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-success pt-2">
<h6 class="text-success mb-1">Time:</h6>
<small>9-10 AM</small>
</div>
</div>
<div class="col-4">
<div class="border-top border-3 border-warning pt-2">
<h6 class="text-warning mb-1">Capacity:</h6>
<small>30 Kids</small>
</div>
</div>
</div> #}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Classes End -->
<!-- Appointment Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="bg-light rounded">
<div class="row g-0">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
<div class="h-100 d-flex flex-column justify-content-center p-5">
<h1 class="mb-4">Contactez-Nous</h1>
<form>
<div class="row g-3">
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control border-0" id="gname" placeholder="Prénom">
<label for="gname">Prénom</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="email" class="form-control border-0" id="gmail" placeholder="Nom">
<label for="gmail">Nom</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control border-0" id="cname" placeholder="Email">
<label for="cname">Email</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control border-0" id="cage" placeholder="Adresse">
<label for="cage">Adresse</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<textarea class="form-control border-0" placeholder="Leave a message here" id="message" style="height: 100px"></textarea>
<label for="message">Message</label>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary w-100 py-3" type="submit">Envoyer</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute w-100 h-100 rounded" src="{{asset('homeStyle/img/Con1.jpg') }} " style="object-fit: cover;">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Appointment End -->
<!-- Team Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">L'equipe de VERTIC'ELLE</h1>
{# <p>Eirmod sed ipsum dolor sit rebum labore magna erat. Tempor ut dolore lorem kasd vero ipsum sit
eirmod sit. Ipsum diam justo sed rebum vero dolor duo.</p> #}
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="team-item position-relative">
<img class="img-fluid rounded-circle w-75" src="{{asset('homeStyle/img/adji.jpg')}}" alt="">
<div class="team-text">
<h3>Adji Anta Dabo</h3>
<p>Digital Manager</p>
<div class="d-flex align-items-center">
<a class="btn btn-square btn-primary mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square btn-primary mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square btn-primary mx-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="team-item position-relative">
<img class="img-fluid rounded-circle w-75" src="{{asset('homeStyle/img/bana.jfif')}}" alt="">
<div class="team-text">
<h3>Banel Sow</h3>
<p>Chef de Projet</p>
<div class="d-flex align-items-center">
<a class="btn btn-square btn-primary mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square btn-primary mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square btn-primary mx-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="team-item position-relative">
<img class="img-fluid rounded-circle w-75" src="{{asset('homeStyle/img/roky.jpg')}}" alt="">
<div class="team-text">
<h3>Rokhaya N Diop</h3>
<p>Developpeur</p>
<div class="d-flex align-items-center">
<a class="btn btn-square btn-primary mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square btn-primary mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square btn-primary mx-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Team End -->
<!-- Testimonial Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Témoignages des Etablissements!</h1>
<p>Eirmod sed ipsum dolor sit rebum labore magna erat. Tempor ut dolore lorem kasd vero ipsum sit eirmod sit. Ipsum diam justo sed rebum vero dolor duo.</p>
</div>
<div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s">
<div class="testimonial-item bg-light rounded p-5">
<p class="fs-5">Tempor stet labore dolor clita stet diam amet ipsum dolor duo ipsum rebum stet dolor amet diam stet. Est stet ea lorem amet est kasd kasd erat eos</p>
<div class="d-flex align-items-center bg-white me-n5" style="border-radius: 50px 0 0 50px;">
<img class="img-fluid flex-shrink-0 rounded-circle" src=" {{asset('homeStyle/img/testimonial-1.jpg')}}" style="width: 90px; height: 90px;">
<div class="ps-3">
<h3 class="mb-1">Client Name</h3>
<span>Profession</span>
</div>
<i class="fa fa-quote-right fa-3x text-primary ms-auto d-none d-sm-flex"></i>
</div>
</div>
<div class="testimonial-item bg-light rounded p-5">
<p class="fs-5">Tempor stet labore dolor clita stet diam amet ipsum dolor duo ipsum rebum stet dolor amet diam stet. Est stet ea lorem amet est kasd kasd erat eos</p>
<div class="d-flex align-items-center bg-white me-n5" style="border-radius: 50px 0 0 50px;">
<img class="img-fluid flex-shrink-0 rounded-circle" src="{{asset('homeStyle/img/testimonial-2.jpg')}}" style="width: 90px; height: 90px;">
<div class="ps-3">
<h3 class="mb-1">Client Name</h3>
<span>Profession</span>
</div>
<i class="fa fa-quote-right fa-3x text-primary ms-auto d-none d-sm-flex"></i>
</div>
</div>
<div class="testimonial-item bg-light rounded p-5">
<p class="fs-5">Tempor stet labore dolor clita stet diam amet ipsum dolor duo ipsum rebum stet dolor amet diam stet. Est stet ea lorem amet est kasd kasd erat eos</p>
<div class="d-flex align-items-center bg-white me-n5" style="border-radius: 50px 0 0 50px;">
<img class="img-fluid flex-shrink-0 rounded-circle" src="{{asset('homeStyle/img/testimonial-3.jpg')}}" style="width: 90px; height: 90px;">
<div class="ps-3">
<h3 class="mb-1">Client Name</h3>
<span>Profession</span>
</div>
<i class="fa fa-quote-right fa-3x text-primary ms-auto d-none d-sm-flex"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonial End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Contactez-Nous</h3>
<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>27 rue jean bart, Lille, France</p>
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+221 000 00 00</p>
<p class="mb-2"><i class="fa fa-envelope me-3"></i>larbredelespoir@gmail.com</p>
<div class="d-flex pt-2">
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
{# <div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Quick Links</h3>
<a class="btn btn-link text-white-50" href="">About Us</a>
<a class="btn btn-link text-white-50" href="">Contact Us</a>
<a class="btn btn-link text-white-50" href="">Our Services</a>
<a class="btn btn-link text-white-50" href="">Privacy Policy</a>
<a class="btn btn-link text-white-50" href="">Terms & Condition</a>
</div> #}
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Photo</h3>
<div class="row g-2 pt-2">
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src=" {{asset('homeStyle/img/classes-1.jpg')}}" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src=" {{asset('homeStyle/img/classes-2.jpg')}}" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="{{asset('homeStyle/img/classes-3.jpg')}}" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="{{asset('homeStyle/img/classes-4.jpg')}}" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="{{asset('homeStyle/img/classes-5.jpg')}}" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="{{asset('homeStyle/img/classes-6.jpg')}}" alt="">
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Newsletter</h3>
{# <p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p> #}
<div class="position-relative mx-auto" style="max-width: 400px;">
<input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text" placeholder="Your email">
<button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">Envoyer</button>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© <a class="border-bottom" href="#">ADE </a>, Tous droits réservés.
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
Conçu par <a class="border-bottom" href="digitalnisa.com">DIGITAL NISA</a>
{# <br>Distributed By: <a class="border-bottom" href="https://themewagon.com" target="_blank">ThemeWagon</a> #}
</div>
{# <div class="col-md-6 text-center text-md-end">
<div class="footer-menu">
<a href="">Home</a>
<a href="">Cookies</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div> #}
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>
<!-- Template Javascript -->
{# </body> #}
</body>
</html>
{# </html> #}
{# {% endblock %} #}
{# {% block javascripts %} #}
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="{{asset('homeStyle/lib/wow/wow.min.js')}}" ></script>
<script src="{{asset('homeStyle/lib/easing/easing.min.js')}}"></script>
<script src="{{asset('homeStyle/lib/waypoints/waypoints.min.js')}} "></script>
<script src="{{asset('homeStyle/lib/owlcarousel/owl.carousel.min.js')}}"></script>
<script src=" {{asset('homeStyle/js/main.js')}}"></script>
{# {% endblock %} #}