templates/default/achatCredit.html.twig line 1

Open in your IDE?
  1. {% extends 'base2.html.twig' %}
  3. {% block title %}Hello DefaultController!{% endblock %}
  5. {% block body %}
  6. <style>
  7. .credit-card {
  8.             border: 1px solid #ddd;
  9.             border-radius: 8px;
  10.             padding: 20px;
  11.             max-width: 300px;
  12.             margin: auto;
  13.             text-align: center;
  14.             background-color: white;
  15.         }
  16.         .credit-title {
  17.             font-size: 24px;
  18.             margin-bottom: 10px;
  19.         }
  20.         .credit-info {
  21.             margin-bottom: 20px;
  22.         }
  23.         .buy-button {
  24.             background-color: #ACB9CA;
  25.             color: white;
  26.             border: none;
  27.             padding: 10px 20px;
  28.             border-radius: 5px;
  29.             cursor: pointer;
  30.             transition: background-color 0.3s;
  31.         }
  32.         .buy-button:hover {
  33.             background-color: #D82E9F;
  34.         }
  35. </style>
  37. <section class="landing-padding">
  38.    <div class="container my-5">
  39.     <div class="row">
  40.         <div class="col-md-12">
  41.             <div class="credit-card">
  42.             <form action="{{ path('achatRecap')}}" method="post" >
  43.                 <div class="credit-title">Acheter du crédit</div>
  44.                 <span class="credit-info">1 crédit = 1€</span><br>
  45.                 <p class="credit-info">Achat minimum de 10 crédits</p>
  46.                 <input type="number" class="form-control" min="10" name="quantite" value="10">
  47.                 <button class="buy-button mt-3" type="submit"><a style="color: white;">Acheter</a></button>
  48.                 </form>
  49.             </div>
  50.         </div>
  51.     </div>
  52. </div>
  53. </section>
  55. {% endblock %}