<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Cards</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
rel="stylesheet"
>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<article class="card">
<div class='background'>
<img src="assets/profile.png" alt="profile">
</div>
<div class='content'>
<h2>Zack Wilson 🇬🇧</h2>
<p>
Senior full-stack engineer at
<a href="https://google.com" title="Google">Google</a>
</p>
<p>Helping with:</p>
<ul class="chips">
<li class="chip">React.js</li>
<li class="chip">Node.js</li>
<li class="chip">PostgreSQL</li>
</ul>
<div class="action-buttons">
<a href="#book-a-mentor" title="Book a lector">
Book a lector
</a>
<a href="#learn-more" class="secondary" title="Learn More">
Learn More
</a>
</div>
</div>
</article>
</div>
</body>
</html>