{% extends 'home/homeLayout.html.twig' %}{% import 'home/components/cours/coursGrid.html.twig' as courGrid %}{% block stylesheets %} {{ parent() }} <link rel="stylesheet" href="{{ asset('css/home_page.css') }}">{% endblock %}{% block body %} <div class="banner "> <div> <img src="{{ asset('images/banner.png') }}" alt=""> </div> </div> <div class="intro_section1 intro_section"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="left_images"> <div class="img_holder"><img src="{{ asset('images/intro-1.png') }}" alt=""></div> <div class="img_holder"><img src="{{ asset('images/intro-2.png') }}" alt=""></div> <div class="left_element"></div> </div> </div> <div class="col-md-6"> <div class="text_holder"> <h2>Découvrez une expérience d'apprentissage unique pour les personnes sourdes !</h2> <p> Nous croyons que l'éducation doit être accessible à tous, quel que soit le mode de communication. C'est pourquoi nous avons créé une plateforme d'apprentissage en ligne spécialement conçue pour répondre aux besoins des personnes sourdes </p> <ul> <li>Expertise pédagogique</li> <li>Engagement envers l'inclusion</li> <li>Diversité des cours</li> </ul> <button class="btn_main">Découvrir tous les cours</button> </div> </div> </div> </div> </div> <div class="explor_cours_section"> <div class="our_categories"> <h2 class="p_color">Explorer les cours</h2> <div class="container"> <div class="row" id="cours_list"> {% for cours in lastThreeCourses %} {{ courGrid.displayCourse(cours) }} {% endfor %} </div> </div> </div> </div> <div class="nos_aventages_section"> <div class="aventage_holder"> <div class="aventage_bg"></div> <h2>Nos Aventages</h2> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="single"> <div class="top_head"> <div class="icon"> <i class="fa-solid fa-hands-asl-interpreting"></i> </div> <div class="title">Acquérir des Compétences</div> </div> <p> Chez VSA, explorez une multitude de cours pour renforcer vos compétences. Que vous soyez débutant ou expert, notre sélection de cours vous offre une opportunité illimitée d'apprentissage. </p> </div> </div> <div class="col-md-4"> <div class="single"> <div class="top_head"> <div class="icon"> <i class="fa-solid fa-chalkboard-user"></i> </div> <div class="title">Enseignants Experts</div> </div> <p> Rencontrez nos enseignants passionnés et hautement qualifiés qui vous guideront tout au long de votre parcours d'apprentissage. Chez VSA, nous sommes fiers de fournir des cours animés par des experts dévoués, prêts à partager leur savoir avec vous. </p> </div> </div> <div class="col-md-4"> <div class="single"> <div class="top_head"> <div class="icon"> <i class="fa-solid fa-certificate"></i> </div> <div class="title">Certificats</div> </div> <p> Obtenez des certificats de fin de cours de VSA et donnez de la valeur à vos compétences. Nos certificats sont reconnus dans le monde entier, offrant une validation formelle de votre réussite et de vos compétences acquises </p> </div> </div> </div> </div> </div> </div> <div class="our_categories_section"> <div class="our_categories"> <h2 class="p_color">Nos Catégories</h2> <div class="container"> <div class="row"> <div class="col-md-3"> <a class="item" href="#"> <div class="img_holder"> <img src="{{ asset('images/categories/1.png') }}" alt=""> </div> <span>Categories 1</span> </a> </div> <div class="col-md-3"> <a class="item" href="#"> <div class="img_holder"> <img src="{{ asset('images/categories/2.png') }}" alt=""> </div> <span>Categories 2</span> </a> </div> <div class="col-md-3"> <a class="item" href="#"> <div class="img_holder"> <img src="{{ asset('images/categories/3.png') }}" alt=""> </div> <span>Categories 3</span> </a> </div> <div class="col-md-3"> <a class="item" href="#"> <div class="img_holder"> <img src="{{ asset('images/categories/4.png') }}" alt=""> </div> <span>Categories 4</span> </a> </div> </div> </div> <div class="d-flex justify-content-center mt-10"> <button class="btn_main"> Voir tous les cours</button> </div> </div> </div> <div class="intro_section2 intro_section" style="background-image: url({{ asset('images/intro2_bg.png')}})"> <div class="container"> <div class="row"> <div class="col-md-4"> <div> <h2> Prêt à commencer ? Inscrivez-vous dès maintenant et découvrez le pouvoir de l'apprentissage inclusif ! </h2> </div> </div> </div> </div> </div> <div class="why_us intro_section"> <div class="container"> <div class="row"> <div class="col-md-5"> <div class="text_holder"> <h2>Pourquoi choisir VSA ?</h2> <p> Profitez d'une expérience immersive avec des fonctionnalités d'interaction en Langue des Signes intégrées dans nos cours, favorisant une compréhension approfondie </p> <ul> <li>Engagement Socia</li> <li>Expertise pédagogique</li> <li>Support Communautaire</li> <li>Engagement envers l'inclusion</li> <li>Diversité des cours</li> <li>Adaptabilité Universelle</li> </ul> <button class="btn_main">Découvrir tous les cours</button> </div> </div> <div class="col-md-7"> <div class="why_us_img"> <img src="{{ asset('images/why_us.png')}}" alt=""> </div> </div> </div> </div> </div> <div class="newsletter"> <div class="container"> <div class="row"> <div class="col-md-6"> <h2>Inscrivez-vous à notre Newsletter pour recevoi r du contenu quotidien !</h2> </div> <div class="col-md-6"> <div class="d-flex h-100 justify-content-center flex-column"> <div class="form-group"> <input type="text" class="form-control" name="email" placeholder="Veillez entrer votre email"> </div> </div> </div> </div> </div> </div>{% endblock %}