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"
|
|
|
|
|
href="./assets/images/favicon-32x32.png"
|
|
|
|
|
/>
|
|
|
|
|
<link rel="stylesheet" href="styles.css" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container center">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="image center">
|
|
|
|
|
<img
|
|
|
|
|
src="/images/illustration-article.svg"
|
|
|
|
|
alt="Article illustration"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
2024-06-30 15:35:44 +00:00
|
|
|
|
2024-06-30 18:23:25 +00:00
|
|
|
<div class="content">
|
2024-06-30 19:09:15 +00:00
|
|
|
<p class="learning">Learning</p>
|
2024-06-30 15:35:44 +00:00
|
|
|
|
2024-06-30 19:09:15 +00:00
|
|
|
<p class="date">Published 21 Dec 2023</p>
|
2024-06-30 15:35:44 +00:00
|
|
|
|
2024-06-30 18:23:25 +00:00
|
|
|
<h1>HTML & CSS foundations</h1>
|
2024-06-30 15:35:44 +00:00
|
|
|
|
2024-06-30 19:09:15 +00:00
|
|
|
<p class="description">
|
2024-06-30 18:23:25 +00:00
|
|
|
These languages are the backbone of every website, defining
|
|
|
|
|
structure, content, and presentation.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<footer>
|
2024-06-30 19:09:15 +00:00
|
|
|
<img width="32px" height="32px" src="/images/image-avatar.webp" alt="Author avatar">
|
2024-06-30 18:23:25 +00:00
|
|
|
<p>Greg Hooper</p>
|
|
|
|
|
</footer>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
