... LOADING ...

Cards
The building blocks of all elements
-
A card can be used to represent anything on a page in a neat component.
improve produce
An an valley indeed so no wonder future nature vanity. Debating all she mistaken indulged believed provided declared. He many kept on draw lain song as same. Whether at dearest certain spirits is entered in to. Rich fine bred real use too many good. She compliment unaffected expression favourable any. Unknown chiefly showing to conduct no. Hung as love evil able to post at as.
Unknown chiefly showing to conduct no. Hung as love evil able to post at as.
              
<div class="jca-card">
  <div class="jca-card__header">
    Title ...
  </div>

  <div class="jca-card__content">
    Content text ...
  </div>

  <div class="jca-card__footer">
    Footer text ...
  </div>

  <div class="jca-card__content bg-warning text-light">
    Content with different background ...
  </div>
</div>
              
            
It can have rows an columns too.
Paid was hill sir high. For him precaution any advantages dissimilar comparison few terminated projecting. Prevailed discovery immediate objection of ye at. Repair summer one winter living feebly pretty his.
In so sense am known these since. Shortly respect ask cousins brought add tedious nay. Expect relied do we genius is. On as around spirit of hearts genius. Is raptures daughter branched laughter peculiar in settling.
              
<div class="jca-card">
  <div class="jca-card__content">
    <div class="row">
      <div class="col-6">
        A column ...
      </div>

      <div class="col-6">
        Another column ...
      </div>
    </div>
  </div>
  <div class="jca-card__footer">
    And a footer ...
  </div>
</div>
              
            
It can be dark and include media.
media
              
<div class="jca-card jca-card--dark">
  <div class="jca-card__content">
    <img src="https://..." alt="media" />
  </div>
  <div class="jca-card__footer">
    Anything
  </div>
</div>