pagamento.html

          <div class="text-center">
              <IMG src="img/cartao.png" alt="Logo do cartao" style="width: 200px; height: 200px"/>
              <h2>PAGAMENTO</h2>

              <ul>
              <div style="margin-top: 10px">
                <li>
                    <div class="div-signIn">
                        <form id="formPayment">
                              <div class="div-field">
                                  Nome:
                                  <input name="name" type="text" placeholder="NOME COMPLETO" required/>
                              </div>
                              <div class="div-field">
                                  Vencimento:
                                  <input name="dueDate" type="text" placeholder="mm/yy" required/>
                              </div>
                              <div class="div-field">
                                  Código:
                                  <input name="code" type="password" placeholder="***" required/>
                              </div>
                              <div class="div-field">
                                  Número:
                                  <input name="cardNumber" type="text" placeholder="0000 0000 0000 0000" required/>
                              </div>

                        </form>
                    </div>
                </li>
                <li>
                    <button class="btn" id="button-payment" style="font-size: xx-large">Concluir pagamento</button>
                </li>
              </div>
            </ul>

          </div>