Everything you can do with Beauter
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>
Lovely beautiful fresh flowers at your home.
<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.
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.
<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>