Cara Membuat Images As Card Menggunakan Css W3C

Jika teman-teman sedang membuat sebuah website tentang company profil atau blog-blog pribadi yang masih bingung dengan desain pada tampilan isi dari berita, atau bingung dengan tampilan pada tampilan blog, ada sedikit refrensi untuk membuatnya yaitu dengan Cara Membuat Images As Card Menggunakan Css W3C,

karena pada artikel sebelumnya saya sudah menjelaskan tentang penggunaan W3C maka saya akan ajarkan langsung ke intinya saja yah, oke langsung saja teman teman bisa langsung salinkan scriptnya dibawah sini :

<div class="w3-container">
  <div class="w3-grid">
    <div class="w3-col m4">
      <div class="w3-card-2" style="width:50%">
        <img src="https://cdn.dribbble.com/users/377168/screenshots/1551984/avatar_dribbble_px.png" alt="Person" style="width:100%">
        <div class="w3-container">
          <h4><b>Ismet Maulana</b></h4>
          <p>Web Developer</p>
        </div>
      </div>
    </div>
    <div class="w3-col m4">
      <div class="w3-card-4" style="width:50%">
        <img src="http://e0.365dm.com/13/09/800x600/Chelsea-v-Basel-Frank-Lampard_3005627.jpg?20131107160649" alt="Person" style="width:100%">
        <div class="w3-container">
          <h4><b>Frank Lampard</b></h4>
          <p>Lorem ipsum dolor sit amet</p>
        </div>
      </div>
    </div>
  </div>
</div>

Jika sudah save dan jalankan, cukup mudah bukan? sekian tutorial tentang Cara Membuat Images As Card Menggunakan Css W3C, sampai bertemu diartikel selanjutnya dan sampai jumpa .

DEMO

#KeepLearn

#IsmetMA

The post Cara Membuat Images As Card Menggunakan Css W3C appeared first on Kursus Website Terbaik.