{% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block content %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
<h1>Welcome to LinguaPro</h1>

<p>LinguaPro - your online platform for learning foreign languages! We offer interactive courses, live lessons with native speakers, and a variety of resources for effective and fun learning. Our programs are suitable for all levels - from beginners to advanced.</p>
<p>Why choose LinguaPro ?
  <p>Interactive courses: Our courses are developed by leading linguists and teachers. They include videos, audio lessons and practical exercises.</p>
  <p>Live communication: You will have the opportunity to communicate with native speakers, which will allow you to immerse yourself in the language environment and improve your skills.</p>
  <p>Flexibility: You can study anytime, anywhere, adapting the learning process to your schedule.</p>
  <p>Community Support: Join our community of students, share experiences and make new friends.</p>
  <p>Start your journey into the world of languages with LinguaPro today!</p>


<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="https://huggingface.co/datasets/huggingfacejs/tasks/resolve/main/image-classification/image-classification-input.jpeg" class="d-block w-100" alt="...">
      </div>
      <div class="carousel-item">
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRFB_nDgwnQCjDba2Riea6k5WbnGIwhx098PIJQgn19afrVMFjnbYCJYU1U9KhCfmwRKyM&usqp=CAU" class="d-block w-100" alt="...">
      </div>
      <div class="carousel-item">
        <img src="https://www.justgeek.fr/wp-content/uploads/2022/12/exemple-image-midjourney.webp" class="d-block w-100" alt="...">
      </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Next</span>
    </button>
</div>

{% endblock %}