Cara Membuat Images As Card Menggunakan Css W3C

Seandainya teman-teman sedang merancang sebuah situs mengenai company profil atau blog-blog pribadi yang masih bingung dengan desain di tampilan isi dari berita, atau bingung dengan tampilan di tampilan blog, ada sedikit refrensi bagi membuatnya yaitu dengan Cara Membuat Images As Card Menggunakan Css W3C,

karena di artikel sebelumnya saya telah menjelaskan mengenai pemakaian W3C karenanya saya akan ajarkan seketika ke intinya saja yah, oke seketika saja teman teman dapat seketika 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=teman sedang merancang sebuah situs mengenai company profil atau blog Cara Merancang Images As Card Menggunakan Css W3C 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=teman sedang merancang sebuah situs mengenai company profil atau blog Cara Merancang Images As Card Menggunakan Css W3C 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>

 

Seandainya telah save dan jalankan, lumayan gampang bukan? sekianlah panduan mengenai Cara Membuat Images As Card Menggunakan Css W3C, hingga bertemu diartikel berikutnya dan hingga jumpa .

DEMO

#KeepLearn

#IsmetMA

Sumber https://kursuswebsite.org