Basic HTML Cards Structure

·

1 min read

Basic HTML  Cards Structure

Photo by Alphabag on Unsplash

Day 7: Below is the code for a basic html card

<div>
  <img class="header-image" src="https://i.postimg.cc/ZYgwy9j1/Night-stars-in-the-horizon-and-girl.jpg">
  <img class="profile-image " src="https://i.postimg.cc/Gp3XbyJV/Noor.jpg">
  <h1>Noor Light</h1>
  <i class="fas fa-map-marker-alt fa-xs"></i><span>Thumbalina City</span>
  <p>Writer, artist space enthusiats, in love with the stars</p>
  <button type="button ">Follow</button>
</div>

Output is not so great, but when css is added it begins to. :)

#20daysinFrontendwithAA