templates/entreprise/index.html.twig line 1

{% extends 'base.html.twig' %}
{% block title %}
    {{ 'entreprise.home' | trans }}| {{ parent() }}
{% endblock title %}
{% block contenu_propre  %}
    {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
    {% else %}

      <section id="hero">
    <div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">

      <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

      <div class="carousel-inner" role="listbox">

        <!-- Slide 1 -->
        <div class="carousel-item active" style="background-image: url({{ asset('image/logo.jpeg') }})">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown">{{  app_name }}, gestion optimisée de votre UP de conteplaqué</h2>
              <p class="animate__animated animate__fadeInUp"></p>
            </div>
          </div>
        </div>

         <!-- Slide 1 -->
        <div class="carousel-item active" style="background-image: url({{ asset('image/logo.jpeg') }})">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown">{{  app_name }},  gestion optimisée de votre UP de conteplaqué</h2>
              <p class="animate__animated animate__fadeInUp"></p>
            </div>
          </div>
        </div>


           <!-- Slide 1 -->
        <div class="carousel-item active" style="background-image: url({{ asset('image/logo.jpeg') }})">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown">{{  app_name }},  gestion optimisée de votre UP de conteplaqué</h2>
              <p class="animate__animated animate__fadeInUp"></p>
            </div>
          </div>
        </div>

       
      </div>

      <a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
        <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
      </a>

      <a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
        <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
      </a>

    </div>
  </section><!-- End Hero -->

    <br>
    <br>
    <br>

        <section id="why-us">
      <div class="container" data-aos="fade-up">
        <header class="section-header">
          <h3>Pourquoi nous choisir?</h3>
          <p>{{ app_name  }}, la meilleure plateforme de gestion école</p>
        </header>

        <div class="row row-eq-height justify-content-center">

          <div class="col-lg-4 mb-4">
            <div class="card" data-aos="zoom-in" data-aos-delay="100">
              <i class="bi bi-calendar4-week"></i>
              <div class="card-body">
                <h5 class="card-title">Simplifié et robustre</h5>
                <p class="card-text">Nous vous offrons une plateforme facile d'utilisation mais surtour sécurisée, rapide 
                et fiable. Oubliez les outils compliqués, gagnez du temps avec une plateforme qui met les fonctionnalité là où il faut
                </p>
                <a href="#" class="readmore">En savoir plus </a>
              </div>
            </div>
          </div>

          <div class="col-lg-4 mb-4">
            <div class="card" data-aos="zoom-in" data-aos-delay="200">
              <i class="bi bi-camera-reels"></i>
              <div class="card-body">
                <h5 class="card-title">L'oeil des parents</h5>
                <p class="card-text">Pour les parents, plus besoin d'attendre que l'école vous fournisse quoi que ce soit, vous avez les résultats
                de vos enfants en temps réels et à tout moment.</p>
                <a href="#" class="readmore">En savoir plus </a>
              </div>
            </div>
          </div>

          <div class="col-lg-4 mb-4">
            <div class="card" data-aos="zoom-in" data-aos-delay="300">
              <i class="bi bi-chat-square-text"></i>
              <div class="card-body">
                <h5 class="card-title">Des enseignants impliqués</h5>
                <p class="card-text">Tout comme les parents, les enseignants également </p>
                <a href="#" class="readmore">En savoir plus </a>
              </div>
            </div>
          </div>

        </div>

        <div class="row counters" data-aos="fade-up" data-aos-delay="100">

          <div class="col-lg-4 col-6 text-center">
            <span data-purecounter-start="0" data-purecounter-end="50" data-purecounter-duration="1" class="purecounter"></span>
            <p>Coopératives</p>
          </div>

          <div class="col-lg-4 col-6 text-center">
            <span data-purecounter-start="0" data-purecounter-end="100" data-purecounter-duration="1" class="purecounter"></span>
            <p>Groupements </p>
          </div>

          <div class="col-lg-4 col-6 text-center">
            <span data-purecounter-start="0" data-purecounter-end="2500" data-purecounter-duration="1" class="purecounter"></span>
            <p>Planteurs</p>
          </div>

          

        </div>

      </div>
    </section><!-- End Why Us Section -->



  {% endif %}
    
    
    <br/>
    <br/>
    <br/>
    <br/>
    {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
        <div class="container">
            <div class="row">
                {% for userEntreprise in userEntreprises %}
                <div class="col-md-4">
                    
            <a href="{{ path('admin_afficher_entreprise', {'slug': userEntreprise.entreprise.slug}) }}">
                                        
                                
                        <div class="card">
                            <div class="card-body">
                                <p class="text-center">
                                <img class="img-fluid" src="{{ asset(userEntreprise.entreprise.logo.url) }}" />
                                </p>
                                <h3>
                                    {{ userEntreprise.entreprise.nom }}
                                </h3>
                            </div>
                            <div class="card-footer">
                                {{ 'entreprise.role' | trans }}: {{ userEntreprise.role }}
                            </div>
                        </div>
            </a>


                </div>
                {% endfor %}
            </div>
        </div>
    {% else %}
    {% endif %}
    <br/>
{% endblock contenu_propre  %}