templates/about/howitworks.html.twig line 1

Open in your IDE?
  1. <section class="section py-lg-6 py-5 bg-soft">
  2.     <div class="container">
  3.         <div class="row justify-content-center">
  4.             <div class="col-10 text-center">
  5.                 <h2 class="h1"><span class="font-weight-bold">Comment</span> ça marche?</h2>
  6.                 <p class="lead mt-3">
  7.                     A partir d'une date ou d'un lieu nous vous proposons les tournois et festivals qui correspondent avec toutes les informations dont vous avez besoin.
  8.                 </p>
  9.             </div>
  10.         </div>
  11.         <div class="row mt-lg-6 mt-3">
  12.             <div class="col-8 mx-auto">
  13.                 <!-- Tab -->
  14.                 <div class="nav-wrapper">
  15.                     <ul class="nav nav-pills nav-fill flex-column flex-sm-row mt-4 mt-lg-0 mb-lg-4 mb-0" id="tab-32" role="tablist">
  16.                         <li class="nav-item mr-0 mr-sm-2 mr-md-0 mb-3 mb-lg-0">
  17.                             <a class="nav-link flex-sm-fill text-sm-center active" id="tab-link-example-7" data-toggle="tab" href="#link-example-7" role="tab" aria-controls="link-example-7" aria-selected="true"><i class="far fa-thumbs-up mr-2"></i>Trouver le tournoi ou festival</a>
  18.                         </li>
  19.                         <li class="nav-item">
  20.                             <a class="nav-link flex-sm-fill text-sm-center" id="tab-link-example-8" data-toggle="tab" href="#link-example-8" role="tab" aria-controls="link-example-8" aria-selected="false"><i class="far fa-building mr-2"></i>Présenter votre tournoi ou festival</a>
  21.                         </li>
  22.                     </ul>
  23.                 </div>
  24.                 <!-- End of Tab Nav -->
  25.             </div>
  26.             <div class="col-12">
  27.                 <!-- Tab Content -->
  28.                 <div class="tab-content mt-lg-5" id="tabcontentexample-3">
  29.                     <div class="tab-pane fade show active" id="link-example-7" role="tabpanel" aria-labelledby="tab-link-example-7">
  30.                         <div class="row">
  31.                             <div class="col-12 col-lg-4">
  32.                                 <div class="card border-0 mb-4 mb-lg-0 text-center">
  33.                                     <div class="card-body p-3 px-xl-4 py-xl-6">
  34.                                         <div class="icon icon-shape icon-lg icon-shape-primary mb-4 rounded-circle">
  35.                                             <span class="fas fa-search"></span>
  36.                                         </div>
  37.                                         <h5 class="font-weight-normal my-3">1. Votre recherche</h5>
  38.                                         <p>Avez vous une date ou un lieu précis?<br />&nbsp;</p>
  39.                                     </div>
  40.                                 </div>
  41.                                 <!-- End of Icon box -->
  42.                             </div>
  43.                             <div class="col-12 col-lg-4">
  44.                                 <div class="card border-0 mb-4 mb-lg-0 text-center">
  45.                                     <div class="card-body p-3 px-xl-4 py-xl-6">
  46.                                         <div class="icon icon-shape icon-lg icon-shape-primary mb-4 rounded-circle">
  47.                                             <span class="fas fa-clipboard-list"></span>
  48.                                         </div>
  49.                                         <h5 class="font-weight-normal my-3">2. Parcourir la liste</h5>
  50.                                         <p>Parcourez la liste des tournois et festivals qui vous sont proposés.</p>
  51.                                     </div>
  52.                                 </div>
  53.                                 <!-- End of Icon box -->
  54.                             </div>
  55.                             <div class="col-12 col-lg-4">
  56.                                 <div class="card border-0 mb-4 mb-lg-0 text-center">
  57.                                     <div class="card-body p-3 px-xl-4 py-xl-6">
  58.                                         <div class="icon icon-shape icon-lg icon-shape-primary mb-4 rounded-circle">
  59.                                             <span class="fas fa-trophy"></span>
  60.                                         </div>
  61.                                         <h5 class="font-weight-normal my-3">3. Participez</h5>
  62.                                         <p>Inscrivez-vous et participez au tournoi ou festival que vous aurez choisi.</p>
  63.                                     </div>
  64.                                 </div>
  65.                                 <!-- End of Icon box -->
  66.                             </div>
  67.                         </div>
  68.                         <div class="col mt-lg-6 mt-3 text-center">
  69.                             <a href="{{ path('home_route', {'routename':'search'}, relative = false) }}" class="btn btn-primary animate-up-2"><i class="fas fa-search-location mr-2"></i>Trouver un tournoi ou festival</a>
  70.                         </div>
  71.                     </div>
  72.                     <div class="tab-pane fade" id="link-example-8" role="tabpanel" aria-labelledby="tab-link-example-8">
  73.                         <div class="row">
  74.                             <div class="col-12 col-lg-4">
  75.                                 <div class="card shadow-soft border-0 mb-4 mb-lg-0 text-center">
  76.                                     <div class="card-body p-3 px-xl-4 py-xl-6">
  77.                                         <div class="icon icon-shape icon-lg icon-shape-secondary mb-4 rounded-circle">
  78.                                             <span class="fas fa-address-card"></span>
  79.                                         </div>
  80.                                         <h5 class="font-weight-normal my-3">1. Ajoutez votre festival</h5>
  81.                                         <p>
  82.                                             Cela prend moins de 15 minutes pour ajouter votre tournoi ou festival sur Bridge Festival.
  83.                                         </p>
  84.                                     </div>
  85.                                 </div>
  86.                                 <!-- End of Icon box -->
  87.                             </div>
  88.                             <div class="col-12 col-lg-4">
  89.                                 <div class="card shadow-soft border-0 mb-4 mb-lg-0 text-center">
  90.                                     <div class="card-body p-3 px-xl-4 py-xl-6">
  91.                                         <div class="icon icon-shape icon-lg icon-shape-secondary mb-4 rounded-circle">
  92.                                             <span class="fas fa-cubes"></span>
  93.                                         </div>
  94.                                         <h5 class="font-weight-normal my-3">2. Améliorez</h5>
  95.                                         <p>
  96.                                             Ajouter les options pour proposer une expérience améliorée à vos compétiteurs.
  97.                                         </p>
  98.                                     </div>
  99.                                 </div>
  100.                                 <!-- End of Icon box -->
  101.                             </div>
  102.                             <div class="col-12 col-lg-4">
  103.                                 <div class="card shadow-soft border-0 mb-4 mb-lg-0 text-center">
  104.                                     <div class="card-body p-3 px-xl-4 py-xl-6">
  105.                                         <div class="icon icon-shape icon-lg icon-shape-secondary mb-4 rounded-circle">
  106.                                             <span class="fas fa-seedling"></span>
  107.                                         </div>
  108.                                         <h5 class="font-weight-normal my-3">3. Grandissez</h5>
  109.                                         <p>
  110.                                             L'exposition sur Bridge Festival vous aidera et vous amènera de nouveaux compétiteurs.
  111.                                         </p>
  112.                                     </div>
  113.                                 </div>
  114.                                 <!-- End of Icon box -->
  115.                             </div>
  116.                         </div>
  117.                         <div class="col mt-6 text-center">
  118.                             <a href="{{ path('admin_festival_create', {}, relative = false) }}" class="btn btn-secondary animate-up-2"><i class="fas fa-plus mr-2"></i>Ajouter un festival</a>
  119.                         </div>
  120.                     </div>
  121.                     <div class="col mt-5 text-center">
  122.                         <a href="https://bridgefestival.atlassian.net/wiki/spaces/GD/overview" target="_blank" class="btn btn-outline-gray animate-up-2"><i class="far fa-question-circle mr-2"></i>Documentation détaillée</a>
  123.                     </div>
  124.                 </div>
  125.             </div>
  126.         </div>
  127.     </div>
  128. </section>