Cards

Card is a small box of content which have two portion one is header part and another is fottor part. Cards can be used to create attractive promotions etc.

<div class="card" style="width:if you want it fix">
    <img src="  if any  ">

    <div class="-content">
        card contents...
    </div>
</div>

Fresh Flowers

Lovely beautiful fresh flowers at your home.

buy now

<div class="card" style="width:300px">
<img src="https://beauter.io/img/pink.jpg" class="_width100" height="100px">
<div class="-content _alignCenter">
<strong>Fresh Flowers</strong>
<p>Lovely beautiful fresh flowers at your home.</p>
<button class="_small _yellow">buy now</button>
</div>
</div>

You can also customize the card by using different layer classes.

<div class="card _info _round" style="width:300px">
<div class="-content">
<h4>Something</h4>
<p>text.. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<button class="_nightblue _shadow">Like us
</div>
</div>