formas-de-pagamento.html

---
layout: default
title: CIV
permalink: formas-de-pagamento/
---

<div class="top-bar-page">
  <div class="top-bar-page__menu">
    <ul>
      <li><a href="#">Visão Geral</a></li>
      <li><a href="#">Formas de pagamento</a></li>
      <li><a href="#">Conta CIV</a></li>
      <li><a href="#">Faturas</a></li>
    </ul>
  </div>
  <div class="logo-civ-top-bar text-right">
    <img src="{{site.baseurl}}/assets/images/civ-logo-black.png" alt="">
    para "cliente_name"
  </div>
</div>

<div class="payment-page-form p-wrapper">

  <div class="payment-form-itens">
    <a href="#" class="payment-form__add">
      <i class="material-icons">add</i>
      <p>Adicionar forma <br>de pagamento</p>
    </a>

    <ul class="payment-options__list payment-iten-left">
      <li class="payment-options__list-item box-card">
        <a href="#" class="payment-options__list-link">
          <div class="payment-options__list-flag">
            <span>
              <img src="{{site.baseurl}}/assets/images/visa.png">
            </span>
          </div><!-- end payment-options__list-flag -->
          <div class="payment-options__list-card">
            <span>Cartão de Crédito</span>
            <p>*** XYZW</p>
          </div><!-- end payment-options__list-card -->
          <div class="payment-options__list-access">
            <i class="material-icons">keyboard_arrow_right</i>
          </div>
        </a>
      </li><!-- end payment-options__list-item -->
      <li class="payment-options__list-item box-card">
        <a href="#" class="payment-options__list-link">
          <div class="payment-options__list-flag">
            <span>
              <img src="{{site.baseurl}}/assets/images/mastercard.png">
            </span>
          </div><!-- end payment-options__list-flag -->
          <div class="payment-options__list-card">
            <span>Cartão de Crédito</span>
            <p>*** ABCD</p>
          </div><!-- end payment-options__list-card -->
          <div class="payment-options__list-access">
            <i class="material-icons">keyboard_arrow_right</i>
          </div>
        </a>
      </li><!-- end payment-options__list-item -->
      <li class="payment-options__list-item box-card">
        <a href="#" class="payment-options__list-link">
          <div class="payment-options__list-flag">
            <span>
              <img src="{{site.baseurl}}/assets/images/bitcoin.png">
            </span>
          </div><!-- end payment-options__list-flag -->
          <div class="payment-options__list-card">
            <span>Bitcoin</span>
            <!-- <p>*** ABCD</p> -->
          </div><!-- end payment-options__list-card -->
          <div class="payment-options__list-access">
            <i class="material-icons">keyboard_arrow_right</i>
          </div>
        </a>
      </li><!-- end payment-options__list-item -->
    </ul> <!-- end payment-options__list -->

  </div><!-- payment-form-itens -->

  <div class="payment-form-content">
    <h2 class="title-h2">
      <small>Estas são suas</small>
      Formas de pagamento
    </h2>
  </div><!-- payment-form-content -->
</div>