# Basic HTML  Cards Structure

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

```xml
<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>
```

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1689019131718/91f00e93-666e-4cef-aafa-df539d78bf35.jpeg align="center")

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

[#20daysinFrontendwithAA](https://twitter.com/hashtag/20daysinFrontendwithAA?src=hashtag_click)