Simple card for Blogger (HTML & CSS)

simple-card-html-css-for-blogger.html

<style>
  .app  { font-family: 'Roboto'; border-radius: 5px; padding:15px; }
  .app-icon { margin: 5px; width:70px; }
  .app-name { font-size: 24px; margin:10px; }
  .app-description { font-size: 18px; margin:10px; }
  .app-download { font-size: 14px; margin:10px; background: #8BC34A; color:#FFF; border: none; border-radius:5px; padding:10px; text-decoration:none; }
  .app-download:hover { background: #73a03d; color:#FFF; cursor: pointer; }
</style>

<table class="app" style="background:#8130FF;" width="100%">
  <tr>
    <td width="85">
      <img src="https://play-lh.googleusercontent.com/JPsf8X4EkSRSkg-NFx2Sz46cLi9mAyyqmRS9GQoXx_JYV5tW_XwzYP6A09kEO7sleQ=s180-rw" class="app-icon">
    </td>
  </tr>
  <tr>
    <td style="color:#FFF">
      <span class="app-name">KTP Checker</span><br/>
      <p class="app-description">Aplikasi untuk Mengecek dan Memvalidasi keaslian Nomor KTP.</p>
      <p style="margin-bottom:10px">
        <a href="https://play.google.com/store/apps/details?id=com.kang.cahya.KtpChecker" target="_blank" class="app-download">Unduh via Playstore</a>
      </p>
    </td>
  </tr>
</table><br/>

<table class="app" style="background:#FF1744;" width="100%">
  <tr>
    <td width="85">
      <img src="https://play-lh.googleusercontent.com/MUoYa9MHJtOHgIubUmczTVg1qsEHjN4bLkiYcPhJYg50WAWf8839Q7yj4XHXExa9S8YY=s180-rw" class="app-icon">
    </td>
  </tr>
  <tr>
    <td style="color:#FFF">
      <span class="app-name">QR Code Scanner Free</span><br/>
      <p class="app-description">Ini adalah aplikasi sederhana pemindai Kode QR, Tanpa Iklan, gratis untuk Anda dari kang cahya.</p>
      <p style="margin-bottom:10px">
        <a href="https://play.google.com/store/apps/details?id=com.kang.cahya.QRCodeScanner" target="_blank" class="app-download">Unduh via Playstore</a>
      </p>
    </td>
  </tr>
</table>