templates/Includes/popin-inscription.html.twig line 1

Open in your IDE?
  1. <div id="popin-inscription" class="popin-li">
  2.     <div class="exit"></div>
  3.     <div class="popin-content">
  4.         <div class="popin-content-largeur">
  5.             <div class="row">
  6.                 <div class="col-lg-12">
  7.                     <div class="logo"></div>
  8.                     <h3>Subscribe</h3>
  9.                     <p class="infos">First time access as a parent?<br />Top-up your child's balance and subscribe to track your transactions & his orders.</p>
  10.                 </div>
  11.             </div>
  12.             <div class="row">
  13.                 <div class="col-lg-12">
  14.                     <div class="input-material">
  15.                         <input type="text" id="popin-inscription-id_number" required />
  16.                         <label for="popin-inscription-id_number" class="required">Student's Id Number</label>
  17.                     </div>
  18.                 </div>
  19.                 <div class="col-lg-12">
  20.                     <div class="input-material">
  21.                         <input type="text" id="popin-inscription-birthday" class="date" required />
  22.                         <label for="popin-inscription-birthday" class="required">Student's birthday</label>
  23.                     </div>
  24.                 </div>
  25.                 <div class="col-lg-12">
  26.                     <div class="input-material">
  27.                         <input type="text" id="popin-inscription-email" required />
  28.                         <label for="popin-inscription-email" class="required">E-mail</label>
  29.                     </div>
  30.                 </div>
  31.                 <div class="col-lg-12">
  32.                     <div class="input-material">
  33.                         <input type="text" id="popin-inscription-confirm_email" required />
  34.                         <label for="popin-inscription-email" class="required">Confirm your e-mail</label>
  35.                     </div>
  36.                 </div>
  37.                 <div class="col-lg-12">
  38.                     <div class="custom-select">
  39.                         <select id="popin-inscription-amount-change">
  40.                             <option value="100">100,00 MAD</option>
  41.                             <option value="500" selected>500,00 MAD</option>
  42.                             <option value="1000">1.000,00 MAD</option>
  43.                             <option value="2000">2.000,00 MAD</option>
  44.                             <option value="0">Other amount</option>
  45.                         </select>
  46.                     </div>
  47.                     <div class="input-material">
  48.                         <input type="text" id="popin-inscription-amount" value="500" required />
  49.                         <label for="popin-inscription-amount" class="required">Amount</label>
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.             <div class="row">
  54.                 <div class="col-lg-12" style="text-align:right">
  55.                     <img src="/img/payzone.png" alt="moyen de paiement" style="width:80%;height:auto">
  56.                 </div>
  57.             </div>
  58.             <div class="row">
  59.                 <div class="col-lg-12">
  60.                     <p>You will receive an email with your password at the end of the payment process</p>
  61.                     <div class="popin-btn" id="popin-inscription-validate">Proceed</div>
  62.                     <div class="logo-ras"></div>
  63.                 </div>
  64.             </div>
  65.         </div>
  66.     </div>
  67. </div>