templates/homeabout.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}- Nos offres et options{% endblock %}
  5. {% block headersection %}
  6. <div class="fixed-top">
  7.     {{ include('flashmessages/flashmessages.html.twig') }}
  8. </div>
  9. <section class="section section-xl bg-primary overlay-dark text-white rounded covernorepeat" data-background="{{ asset('assets/img/cards-3662554_1920.jpg') }}">
  10.     <div class="container">
  11.         <div class="row justify-content-center">
  12.             <div class="col-12">
  13.                 <!-- Heading -->
  14.                 <h1 class="display-1">
  15.                     <span class="font-weight-bolder">B</span>ridge <span class="font-weight-bolder">F</span>estival
  16.                 </h1>
  17.                 <!-- Text -->
  18.                 <p class="lead text-muted mt-4">
  19.                     Le <span class="font-weight-bold">guide</span> des tournois et festivals de bridge.<br />
  20.                     Le <span class="font-weight-bold">partenaire</span> des tournois et festivals de bridge.<br />
  21.                 </p>
  22.             </div>
  23.         </div>
  24.     </div>
  25. </section>
  26. {%endblock%}
  28. {%block body%}
  29. <main>
  30.     <section class="section bg-white" id="offers">
  31.         <div class="container">
  32.             <div class="mb-6 text-center">
  33.                 <h2 class="font-weight-light mb-4">&Ecirc;tes vous prêt?</h2>
  34.                 <p class="lead">Regardez nos offres:</p>
  35.             </div>
  36.             <div class="row justify-content-center">
  37.                 <div class="col-lg-12">
  38.                     <p><em>*Les tarifs sont TTC</em></p>
  39.                     <div class="table-responsive">
  40.                         <table class="table table-striped">
  41.                             <thead class="thead-inverse">
  42.                                 <tr>
  43.                                     <th class="h6 py-4" style="width: 40%">Fonctionnalités</th>
  44.                                     <th class="h6 py-4 font-weight-light">Basique (Gratuit)</th>
  45.                                     <th class="h6 py-4 font-weight-light">Options (Tarifs)</th>
  46.                                     <!--<th class="h6 py-4">Extended License</th>-->
  47.                                 </tr>
  48.                             </thead>
  49.                             <tbody>
  50.                                 <tr>
  51.                                     <td class="option h6 font-weight-light">Créer des festivals, éditions, tournois et séances</td>
  52.                                     <td><i class="fa fa-check text-success"></i></td>
  53.                                     <td></td>
  54.                                 </tr>
  55.                                 <tr>
  56.                                     <td class="option h6 font-weight-light">Activiter une édition</td>
  57.                                     <td><i class="fa fa-check text-success"></i></td>
  58.                                     <td></td>
  59.                                 </tr>
  60.                                 <tr>
  61.                                     <td class="option h6 font-weight-light">Nombre illimité de tournois et séances</td>
  62.                                     <td><i class="fa fa-check text-success"></i></td>
  63.                                     <td></td>
  64.                                 </tr>
  65.                                 <tr>
  66.                                     <td class="option h6 font-weight-light">Système de paiement</td>
  67.                                     <td><i class="fa fa-check text-warning"></i>&nbsp;Commission / Signature requise</td>
  68.                                     <td></td>
  69.                                 </tr>
  70.                                 <tr>
  71.                                     <td class="option h6 font-weight-light">URL personnalisée</td>
  72.                                     <td><i class="fas fa-times text-danger mr-2"></i></td>
  73.                                     <td><i class="fa fa-check text-warning mr-2"></i>+50€ /an/édition</td>
  74.                                 </tr>
  75.                                 <tr>
  76.                                     <td class="option h6 font-weight-light">Mettre en avant le site internet</td>
  77.                                     <td><i class="fas fa-times text-danger mr-2"></i></td>
  78.                                     <td><i class="fa fa-check text-warning mr-2"></i>+50€ /an/édition</td>
  79.                                 </tr>
  80.                                 <tr>
  81.                                     <td class="option h6 font-weight-light">Activiter plusieurs éditions</td>
  82.                                     <td><i class="fas fa-times text-danger mr-2"></i></td>
  83.                                     <td><i class="fa fa-check text-warning mr-2"></i>+50€ /an/édition</td>
  84.                                 </tr>
  85.                                 <tr>
  86.                                     <td class="option h6 font-weight-light">Générer une mailing list</td>
  87.                                     <td><i class="fas fa-times text-danger mr-2"></i></td>
  88.                                     <td><i class="fa fa-check text-warning mr-2"></i>+50€ /an</td>
  89.                                 </tr>
  90.                                 <tr>
  91.                                     <td class="option h6 font-weight-light">Système d'inscriptions</td>
  92.                                     <td><i class="fas fa-times text-danger mr-2"></i></td>
  93.                                     <td><i class="fa fa-check text-warning mr-2"></i>+100€ /an/édition</td>
  94.                                 </tr>
  95.                                 <tr>
  96.                                     <td class="option h6 font-weight-light">Accompagnement et offres spécifiques</td>
  97.                                     <td><i class="fas fa-times text-danger mr-2"></i></td>
  98.                                     <td><i class="fa fa-check text-warning mr-2"></i>Sur demande</td>
  99.                                 </tr>
  100.                             </tbody>
  101.                             <tfoot class="thead-inverse">
  102.                                 <tr>
  103.                                     <th class="w-25"></th>
  104.                                     <th class="py-4"></th>
  105.                                     <th class="py-4"><a href="{{ path('home_route', {'routename':'contact'}, relative = false) }}" class="btn btn-sm btn-primary font-weight-bold animate-up-2 d-none d-md-inline-block">Demande d'option</a></th>
  107.                                 </tr>
  108.                             </tfoot>
  109.                         </table>
  110.                         <div class="d-flex justify-content-around">
  111.                             <a href="{{ path('home_route', {'routename':'contact'}, relative = false) }}" class="btn btn-sm btn-primary font-weight-bold animate-up-2 d-md-none mr-3">Demande d'option</a>
  112.                             <!--
  113.                             <a href="https://themesberg.com/product/web-templates/spaces-coworking-listings-template" target="_blank" class="btn btn-sm btn-outline-dark font-weight-bold d-md-none">Buy Extended License - $79</a>
  114. -->
  115.                         </div>
  116.                     </div>
  117.                 </div>
  118.             </div>
  119.             <div class="row justify-content-center mt-6">
  120.                 <div class="col-12 col-lg-8">
  121.                     <!--Accordion-->
  122.                     <div class="accordion">
  123.                         <div class="card card-sm card-body border-light mb-0">
  124.                             <a href="#panel-3" data-target="#panel-3" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-3">
  125.                                 <span class="icon-title h6 font-weight-normal mb-0">URL personnalisée</span>
  126.                                 <span class="icon"><i class="fas fa-plus"></i></span>
  127.                             </a>
  128.                             <div class="collapse" id="panel-3">
  129.                                 <div class="pt-3">
  130.                                     <p class="mb-0">
  131.                                         Vous voulez promouvoir votre page sur www.bridgefestival.fr ? Cette option vous permettra d'avoir une url simple et claire pour vos utilisateurs.
  132.                                     </p>
  133.                                 </div>
  134.                             </div>
  135.                         </div>
  136.                         <div class="card card-sm card-body border-light mb-0">
  137.                             <a href="#panel-2" data-target="#panel-2" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-2">
  138.                                 <span class="icon-title h6 font-weight-normal mb-0">Mettre en avant le site internet</span>
  139.                                 <span class="icon"><i class="fas fa-plus"></i></span>
  140.                             </a>
  141.                             <div class="collapse" id="panel-2">
  142.                                 <div class="pt-3">
  143.                                     <p class="mb-0">
  144.                                         Vous avez déjà un site internet trop bien ? Cette option vous permettra de le mettre en avant pour inciter vos utilisateurs à s'y rendre.
  145.                                     </p>
  146.                                 </div>
  147.                             </div>
  148.                         </div>
  150.                         <div class="card card-sm card-body border-light mb-0">
  151.                             <a href="#panel-1" data-target="#panel-1" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-1">
  152.                                 <span class="icon-title h6 font-weight-normal mb-0">Activer plusieurs éditions</span>
  153.                                 <span class="icon"><i class="fas fa-plus"></i></span>
  154.                             </a>
  155.                             <div class="collapse" id="panel-1">
  156.                                 <div class="pt-3">
  157.                                     <p class="mb-0">
  158.                                         Vous avez plusieurs éditions de votre tournoi ou festival pour la même année ? Cette option vous permettra d'activer plusieurs éditions en même temps.
  159.                                     </p>
  160.                                 </div>
  161.                             </div>
  162.                         </div>
  163.                         <div class="card card-sm card-body border-light mb-0">
  164.                             <a href="#panel-4" data-target="#panel-4" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-4">
  165.                                 <span class="icon-title h6 font-weight-normal mb-0">Générer une mailing list</span>
  166.                                 <span class="icon"><i class="fas fa-plus"></i></span>
  167.                             </a>
  168.                             <div class="collapse" id="panel-4">
  169.                                 <div class="pt-3">
  170.                                     <p class="mb-0">
  171.                                         Vous avez déjà vos template de mail de communication pour vos compétiteurs ? Avec cette option vous pouvez accéder aux adresses emails de vos abonnés et leur envoyer vos propres emails.
  172.                                     </p>
  173.                                 </div>
  174.                             </div>
  175.                         </div>
  176.                         <div class="card card-sm card-body border-light mb-0">
  177.                             <a href="#panel-6" data-target="#panel-6" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-6">
  178.                                 <span class="icon-title h6 font-weight-normal mb-0">Système d'inscriptions</span>
  179.                                 <span class="icon"><i class="fas fa-plus"></i></span>
  180.                             </a>
  181.                             <div class="collapse" id="panel-6">
  182.                                 <div class="pt-3">
  183.                                     <p class="mb-0">
  184.                                         Vous avez besoin de connaître les inscrits à vos tournois avant? Avec cette option les utilisateurs de BRIDGE FESTIVAL peuvent s'inscrire à vos tournois et vous pouvez rester en contact avec eux.
  185.                                     </p>
  186.                                 </div>
  187.                             </div>
  188.                         </div>
  189.                         <div class="card card-sm card-body border-light mb-0">
  190.                             <a href="#panel-5" data-target="#panel-5" class="accordion-panel-header" data-toggle="collapse" aria-expanded="false" aria-controls="panel-5">
  191.                                 <span class="icon-title h6 font-weight-normal mb-0">Accompagnement et offres spécifiques</span>
  192.                                 <span class="icon"><i class="fas fa-plus"></i></span>
  193.                             </a>
  194.                             <div class="collapse" id="panel-5">
  195.                                 <div class="pt-3">
  196.                                     <p class="mb-0">
  197.                                         Slon vos besoins, nous pouvons vous accompagner et vous proposez des offres spécifiques.
  198.                                     </p>
  199.                                 </div>
  200.                             </div>
  201.                         </div>
  202.                     </div>
  203.                 </div>
  204.             </div>
  205.             <div class="col mt-5 text-center">
  206.                 <a href="https://bridgefestival.atlassian.net/wiki/spaces/GD/overview" target="_blank" class="btn btn-light animate-up-2"><i class="far fa-question-circle mr-2"></i>Documentation détaillée</a>
  207.             </div>
  208.         </div>
  209.     </section>
  210. </main>
  211. {%endblock%}