templates/index/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Calcul-Turf{% endblock %}
  5. {% block body %}
  6.     <main class="content-img">
  7.         <div class="container">
  8.             <div class="row">
  9.                 <div class="col-md-8 header-left" style="margin-top:30px!important;">
  10.                     <div class="w-100 p-2 pt-0 pb-0">
  11.                         <h1 class="text-white" >Gagnez au PMU avec nos pronostics 100% mathématiques</h1>
  12.                         <p class="text-white" >Turfiste débutant ou parieur confirmé, on vous accompagne et on vous propose les meilleurs pronostics grâce à notre connaissance des courses et à notre algorithme d'Intelligence Artificielle.
  13.                         </p>
  14.                         <a href="{{ path('app_offre_index') }}" class="btn btn-outline-light px-4 py-2 mt-2 rounded-pill">Abonnez-vous</a>
  15.                     </div>
  16.                 </div>
  17.                 {# caroussel #}
  18.                 <div class="col-md-4 header-right" style="margin-top:30px!important;">
  19.                     <div class="card-container w-100 h-100 mb-3">
  20.                         <div class="card">
  21.                             <div class="card-body">
  22.                                 <div id="myCarousel" class="carousel carousel-dark slide" data-bs-ride="carousel" class="">
  23.                                     <div class="carousel-title w-100">
  24.                                         <div class="bg-bet carousel-title-inner shadow text-center py-2 px-3">Les récents pronostics gagnants</div>
  25.                                     </div>
  26.                                     <div class="carousel-indicators position-absolute" style="top: 195px">
  27.                                         {# {% for slide_right in slides_right %}
  28.                                             <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="{{ (loop.index) - 1 }}" {% if (loop.first) %} class="active" aria-current="true" {% endif %} aria-label="Slide {{ loop.index }}"></button>
  29.                                         {% endfor %} #}
  30.                                     </div>
  31.                                     <div class="carousel-inner">
  32.                                         {# {% for slide_right in slides_right %}
  33.                                             <div class="carousel-item {% if (loop.first) %} active{% endif %}">
  34.                                                 <div class="slide-space"></div>
  35.                                                 <div class="container">
  36.                                                     <div class="carousel-caption w-100 px-0 mb-0 mt-0">
  37.                                                         <h5 class="text-muted text-center slide-heure">{{ slide_right.heure_depart|date('d/m/Y H:i') }}</h5>
  38.                                                         <h4 class="mb-2 text-bold slide-title">R{{ slide_right.num_reunion }}C{{ slide_right.num_ordre }}</h4>
  39.                                                         <p class="px-0 py-0 pt-1 mb-0 bg-light text-center">
  40.                                                             <label class="d-block mb-1">ARRIVEE</label>
  41.                                                             <label class="fs-slide text-bold mb-1">{{ slide_right.arrivee_1 }} - {{ slide_right.arrivee_2 }} - {{ slide_right.arrivee_3 }} - {{ slide_right.arrivee_4 }} - {{ slide_right.arrivee_5 }}</label>
  42.                                                             <label class="d-block mb-1">PRONOSTICS</label>
  43.                                                             <label class="fs-slide text-bold mb-1">{{ slide_right.premier }} - {{ slide_right.deuxieme }} - {{ slide_right.troisieme }} - {{ slide_right.quatrieme }} - {{ slide_right.cinquieme }} </label>
  44.                                                         </p>
  45.                                                     </div>
  46.                                                 </div>
  47.                                             </div>
  48.                                         {% endfor %} #}
  49.                                     </div>
  50.                                 </div>
  51.                             </div>
  52.                         </div>
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.     </main>
  59.     <section class="bg-light pb-4">
  60.         <div class="container">
  61.             <div class="row">
  62.                 <div class="col-md-6 mt-5 mb-4">
  63.                     <div class="w-100 h-100 p-2 pt-0 pb-0">
  64.                         <h5 class="text-marron text-uppercase">L'innovation derrière nos pronostics</h5>
  65.                         <h2 class="text-bold">Plus de 5 ans de R&D en informatique</h2>
  66.                         <p class="mt-1 pre text-justify">Notre entreprise est fière de vous présenter des pronostics turf basés sur une technologie innovante de pointe. Développer un algorithme capable d'analyser les courses hippiques et de prédire les gagnants n'est pas une tâche facile. Cela a demandé plus de 5 ans de recherche et développement, ainsi qu'une expertise technique de pointe en informatique et en mathématiques. Cependant, notre équipe de spécialistes a réussi à créer un modèle de prédiction basé sur l'IA qui détecte plus de 80 % des vainqueurs. Grâce à l'informatique, nous pouvons analyser des volumes de données énormes en quelques secondes, ce qui nous permet de fournir à nos clients des pronostics précis et fiables. Nous sommes convaincus que cette technologie de pointe nous donne un avantage compétitif significatif, et c'est pourquoi nous sommes confiants dans notre capacité à continuer à fournir les meilleurs pronostics turf du marché.
  67.                         </p>
  68.                     </div>
  69.                 </div>
  70.                 <div class="col-md-6 mt-5 contents-right mb-4">
  71.                     <div class="w-100 h-100 p-2 pt-0 pb-0">
  72.                         <img src="/img/img-1.jpg" class="img-fluid rounded shadow" alt="...">
  73.                     </div>
  74.                 </div>
  75.             </div>
  76.         </div>
  77.     </section>
  78.     <section class="bg-light pb-4">
  79.         <style type="text/css">
  80.             .table .vertical-align-middle,
  81.             .table > tbody > tr > td {
  82.                 vertical-align: middle;
  83.             }
  84.             .table > tbody > tr > td:first-child:not(.no-data) {
  85.                 text-align: left !important;
  86.             }
  87.             .table .alert {
  88.                 margin: 0;
  89.                 padding: .3em .5em;
  90.                 min-width: 75px;
  91.             }
  92.             .border-none {
  93.                 border: none;
  94.             }
  95.         </style>
  96.         <div class="container shadow-sm mt-5 mb-5 pt-3 pb-4 bg-white">
  97.             {# <div class="content-body"> #}
  98.             <h2 class="p-2 d-block">Performance des pronostics</h2>
  99.             {#<button id="bouton-paypal">Paypal popup</button>#}
  102. <div class="container" style="background-color: #D2B48C;">
  103.     <!-- Lignes pour les catégories et l'explication -->
  104.     <div class="row mb-4 border bg-light">
  105.         <div class="col-2">
  106.             <p class="font-weight-bold">Explication</p>
  107.         </div>
  108.         <div class="col-10">
  109.             <p>Pourcentage basé sur la totalité de nos prédictions. Il s'agit des premiers numéros du pronostic.</p>
  110.         </div>
  111.     </div>
  113.     {% for categorie in categories %}
  114.     <div class="row mb-4 border">
  115.         <div class="col-2">
  116.             <p class="font-weight-bold">{{ categorie.nom }}</p>
  117.         </div>
  118.         <div class="col-10">
  119.             <div class="d-flex justify-content-start">
  120.                 {% for detail in categorie.details %}
  121.                     {% set detail_color = loop.index is odd ? 'text-primary' : 'text-secondary' %}
  122.                     <p class="mr-4 {{ detail_color }}">{{ detail.valeur }} % (pour {{ detail.nbChevaux }} numéro(s))</p>
  123.                 {% endfor %}
  124.             </div>
  125.         </div>
  126.     </div>
  127.     {% endfor %}
  128. </div>
  138.             {# </div> #}
  139.         </div>
  141.     </section>
  142.     <section class="bg-white pb-4">
  143.         <div class="container">
  144.             <div class="row">
  145.                 <div class="col-md-6 mt-5 mb-4">
  146.                     <div class="w-100 h-100 p-2 pt-0 pb-0">
  147.                         <img src="/img/img-2.jpg" class="img-fluid rounded shadow" alt="...">
  148.                     </div>
  149.                 </div>
  150.                 <div class="col-md-6 mt-5 contents-right mb-4">
  151.                     <div class="w-100 h-100">
  152.                         <div class="w-100 h-100 p-2 pt-0 pb-0">
  153.                             {# <h5 class="text-marron text-uppercase">Des pronostics de qualité</h5> #}
  154.                             <h2 class="text-bold">Augmentez vos gains avec nos pronostics PMU basés sur l'IA</h2>
  155.                             <p class="mt-1 pre text-justify">Imaginez pouvoir prédire avec précision les gagnants des courses de chevaux. Imaginez pouvoir faire des paris en toute confiance, sachant que vous avez toutes les chances de gagner. C'est ce que nous vous offrons avec nos pronostics PMU du jour. Nous avons créé un système unique, basé sur des algorithmes avancés, qui nous permet de détecter plus de 80% des gagnants. Fini les paris au hasard, fini les déceptions. Avec nous, vous serez en mesure de faire des choix éclairés pour augmenter vos chances de succès au PMU. Rejoignez notre communauté de parieurs avertis et vivez l'expérience ultime du pari gagnant.
  156.                             </p>
  157.                             <h2 class="text-bold">Des prévisions de course de qualité pour maximiser vos chances de gagner</h2>
  158.                             <p class="mt-1 pre text-justify">Chez nous, nous sommes convaincus que le secret pour gagner au PMU est d'avoir des informations précises et fiables. C'est pourquoi nous avons développé un système de pronostics basé sur l'IA pour vous donner un avantage sur les autres parieurs. En sélectionnant les courses les plus prometteuses, nous parvenons à détecter plus de 80% des vainqueurs. Nous recommandons d'ailleurs de privilégier les jeux Simple en Gagnant et/ou Placé, qui présentent l'espérance de gain la plus intéressante.
  159.                             </p>
  160.                         </div>
  161.                     </div>
  162.                 </div>
  163.             </div>
  164.         </div>
  165.     </section>
  166.     <section class="bg-light pb-5">
  167.         <div class="container">
  168.             <div class="row">
  169.                 <div class="col-md-6 mt-5 mb-4">
  170.                     <div class="w-100 h-100 p-2 pt-0 pb-0">
  171.                         <h5 class="text-marron text-uppercase">Le secret pour gagner au PMU ?</h5>
  172.                         <h2 class="text-bold">Nos pronostics fiables et précis</h2>
  173.                         <p class="mt-1 pre text-justify">Nous sommes fiers de vous offrir des pronostics PMU fiables et précis qui vous aideront à améliorer vos gains. Nos algorithmes analysent et combinent quotidiennement des milliers de variables pour construire un pronostic PMU aussi précis que possible. En utilisant nos pronostics, vous pourrez maximiser vos chances de gagner aux courses de chevaux, comme l'ont fait nos nombreux clients satisfaits. Avec notre service de pronostics PMU basés sur l'IA, vous pouvez avoir la certitude d'augmenter vos chances de gagner et de maximiser vos gains.
  174.                         Essayez dès maintenant notre service de pronostics PMU basés sur l'IA et découvrez comment vous pouvez gagner plus aux courses de chevaux. En plus de nos pronostics, nous mettons à votre disposition toutes les informations pertinentes sur les partants du jour pour vous aider à ajuster vos pronostics et améliorer vos gains. N'attendez plus pour économiser votre temps et faciliter votre vie de turfiste averti.
  175.                         </p>
  176.                     </div>
  177.                 </div>
  178.                 <div class="col-md-6 mt-5 contents-right mb-4">
  179.                     <div class="w-100 h-100 p-2 pt-0 pb-0">
  180.                         <img src="/img/img-3.jpg" class="img-fluid rounded shadow" alt="...">
  181.                     </div>
  182.                 </div>
  183.             </div>
  184.         </div>
  185.     </section>
  186.     <section class="bg-light pb-5">
  187.         <div class="container">
  188.             <div class="row">
  189.                 <div class="col-md-6 mt-5 mb-4">
  190.                     <div class="w-100 h-100 p-2 pt-0 pb-0">
  191.                         <h2 class="text-marron text-uppercase">Nos partenaires</h2>
  192.                         <h5 class="text-bold"><a href="https://www.dataturf.fr" style="text-decoration: none; color: inherit;">dataturf</a></h5>
  193.                         <p class="mt-1 pre text-justify">
  195. Dans l'univers exaltant des courses hippiques, chaque détail compte. C'est pourquoi nous croyons que l'utilisation des statistiques est une bonne façon d'augmenter vos chances de réaliser des profits. Un pari hippique avisé et maitrisé ne peut être que plus efficace.
  197. Nos données complètes et notre technologie de pointe vous offrent un atout précieux pour faire le papier aux courses.
  199.                         </p>
  200.                     </div>
  201.                 </div>
  202.                 <div class="col-md-6 mt-5 contents-right mb-4">
  203.                     <div class="w-100 h-100 p-2 pt-0 pb-0">
  204.                         <a href="https://www.dataturf.fr">
  205.                             <img src="/img/dataturf.png" class="img-fluid rounded shadow" alt="...">
  206.                         </a>
  207.                     </div>
  208.                 </div>
  209.             </div>
  210.         </div>
  211.     </section>
  213.     <script type="text/javascript" src="/js/scripts.js"></script>
  214. {% endblock %}