<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Profile Card</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="card">
<img src="https://via.placeholder.com/300x180" alt="Profile picture" />
<div class="card-content">
<h2>Jane Doe</h2>
<p>
Frontend developer with a passion for creating beautiful and
functional user interfaces. When not coding, I enjoy hiking,
photography, and exploring new coffee shops around the city.
</p>
<div class="badges">
<span class="badge html-css">HTML+CSS 🌐</span>
<span class="badge javascript">JavaScript ⚙️</span>
<span class="badge vue">Vue.js 🖥️</span>
<span class="badge nodejs">Node.js 🚀</span>
<span class="badge mongodb">MongoDB 🍃</span>
</div>
</div>
</div>
</body>
</html>
