<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device --> <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> <title>Frontend Mentor | Profile card component</title> <!-- Feel free to remove these styles or customise in your own stylesheet 👍 --> <!-- <style> .attribution { font-size: 11px; text-align: center; } .attribution a { color: hsl(228, 45%, 44%); } </style> --> </head> <body> <main> <div class="page"> <div class="topCircle"></div> <div class="card"> <div class="details"> <div class="cardHeader"> <div class="photo"></div> </div> <div class="nameAndAge"> <div class="name"> Victor Crest </div> <div class="age"> 26 </div> </div> <div class="location"> London </div> </div> <div class="border"></div> <div class="stats"> <div class="followers"> <div class="stat">80K</div> <div class="label">Followers</div> </div> <div class="likes"> <div class="stat">803K</div> <div class="label">Likes</div> </div> <div class="photos"> <div class="stat">1.4K</div> <div class="label">Photos</div> </div> </div> </div> <div class="bottomCircle"></div> </div> </main> <footer> <div class="attribution"> Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a href="https://www.frontendmentor.io/profile/tarasis">Robert McGovern</a>. </div> </footer> </body> </html>