2024-06-30 18:23:25 +00:00
|
|
|
<!doctype html>
|
2024-06-30 15:35:44 +00:00
|
|
|
<html lang="en">
|
2024-06-30 18:23:25 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
2024-06-30 15:35:44 +00:00
|
|
|
|
2024-06-30 18:23:25 +00:00
|
|
|
<title>Blog preview card</title>
|
2024-06-30 15:35:44 +00:00
|
|
|
|
2024-06-30 18:23:25 +00:00
|
|
|
<link
|
|
|
|
|
rel="icon"
|
|
|
|
|
type="image/png"
|
|
|
|
|
sizes="32x32"
|
2024-07-03 19:21:10 +00:00
|
|
|
href="/images/favicon-32x32.png"
|
2024-06-30 18:23:25 +00:00
|
|
|
/>
|
|
|
|
|
<link rel="stylesheet" href="styles.css" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-07-03 14:56:44 +00:00
|
|
|
<main class="card">
|
|
|
|
|
<div class="image-container">
|
|
|
|
|
<img
|
|
|
|
|
src="/images/illustration-article.svg"
|
|
|
|
|
alt="Article illustration"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
2024-06-30 15:35:44 +00:00
|
|
|
|
2024-07-03 14:56:44 +00:00
|
|
|
<div class="content">
|
|
|
|
|
<p class="learning">Learning</p>
|
2024-06-30 15:35:44 +00:00
|
|
|
|
2024-07-03 14:56:44 +00:00
|
|
|
<p class="date">Published 21 Dec 2023</p>
|
2024-06-30 15:35:44 +00:00
|
|
|
|
2024-07-03 14:56:44 +00:00
|
|
|
<h1 class="heading">HTML & CSS foundations</h1>
|
2024-06-30 15:35:44 +00:00
|
|
|
|
2024-07-03 14:56:44 +00:00
|
|
|
<p class="description">
|
|
|
|
|
These languages are the backbone of every website, defining structure,
|
|
|
|
|
content, and presentation.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
2024-06-30 18:23:25 +00:00
|
|
|
|
2024-07-03 14:56:44 +00:00
|
|
|
<div class="author">
|
|
|
|
|
<img
|
2024-07-03 14:58:38 +00:00
|
|
|
width="32"
|
|
|
|
|
height="32"
|
2024-07-03 14:56:44 +00:00
|
|
|
src="/images/image-avatar.webp"
|
|
|
|
|
alt="Greg Hooper"
|
|
|
|
|
/>
|
|
|
|
|
<p>Greg Hooper</p>
|
2024-06-30 18:23:25 +00:00
|
|
|
</div>
|
2024-07-03 14:56:44 +00:00
|
|
|
</main>
|
2024-06-30 18:23:25 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
