Cards

JKCSS Cards

According to JKCSS these are the Cards. The Base class is the jk-card

According to the Cards in JKCSS

header-card for the header part of the card

content-card for the body part of the card

footer-card for the footer part of the card

Basic Cards

JKCSS

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente aut modi, tenetur aliquam voluptate facere iste vitae magni deleniti, nostrum ducimus illo aliquid eos omnis recusandae exercitationem doloremque delectus fugit.

<div class="jk-card">
    <div class="header-card">
         JKCSS Card Header
    </div>
    <div class="content-card">
         Content of the JKCSS card
    </div>
    <div class="footer-card">
         footer of the JKCSS card
    </div>
</div>

Using rows and columns

JKCSS

JKCSS is one of Framework

JKCSS

JKCSS is one of Framework

above use card styles on rows and colums

According to JKCSS use .line and rec-1 to rec-12

Cards without Footer

JKCSS

<div class="jk-card">
    <div class="header-card">
         JKCSS Card Header
    </div>
    <div class="content-card">
         Content of the JKCSS card
    </div>
</div>