81 lines
3.0 KiB
HTML
81 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>My Super Cool Blog</title>
|
|
</head>
|
|
<body>
|
|
<h1>My Blog</h1>
|
|
<a href="about.html">About</a>
|
|
|
|
<h2>Intro</h2>
|
|
<p>
|
|
Welcome to my blog! I'm so glad you're here. I'll be posting about all
|
|
sorts of things, so be sure to check back often.
|
|
</p>
|
|
|
|
<h2>Latest Posts</h2>
|
|
<article>
|
|
<h3>My First Post</h3>
|
|
<p>David Thomson</p>
|
|
<p><em>23-05-2024</em></p>
|
|
<img src="https://via.placeholder.com/300" alt="placeholder" />
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
|
|
suscipit, nunc nec lacinia lacinia, nunc turpis ultricies nunc, nec
|
|
fermentum nunc metus nec nunc. Nullam suscipit, nunc nec lacinia
|
|
lacinia, nunc turpis ultricies nunc, nec fermentum nunc metus nec nunc.
|
|
</p>
|
|
</article>
|
|
<article>
|
|
<h3>My Second Post</h3>
|
|
<p>David Thomson</p>
|
|
<p><em>23-05-2024</em></p>
|
|
<img src="https://via.placeholder.com/300" alt="placeholder" />
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
|
|
suscipit, nunc nec lacinia lacinia, nunc turpis ultricies nunc, nec
|
|
fermentum nunc metus nec nunc. Nullam suscipit, nunc nec lacinia
|
|
lacinia, nunc turpis ultricies nunc, nec fermentum nunc metus nec nunc.
|
|
</p>
|
|
</article>
|
|
<article>
|
|
<h3>My Third Post</h3>
|
|
<p>David Thomson</p>
|
|
<p><em>23-05-2024</em></p>
|
|
<img src="https://via.placeholder.com/300" alt="placeholder" />
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
|
|
suscipit, nunc nec lacinia lacinia, nunc turpis ultricies nunc, nec
|
|
fermentum nunc metus nec nunc. Nullam suscipit, nunc nec lacinia
|
|
lacinia, nunc turpis ultricies nunc, nec fermentum nunc metus nec nunc.
|
|
</p>
|
|
</article>
|
|
<article>
|
|
<h3>My Fourth Post</h3>
|
|
<p>David Thomson</p>
|
|
<p><em>23-05-2024</em></p>
|
|
<img src="https://via.placeholder.com/300" alt="placeholder" />
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
|
|
suscipit, nunc nec lacinia lacinia, nunc turpis ultricies nunc, nec
|
|
fermentum nunc metus nec nunc. Nullam suscipit, nunc nec lacinia
|
|
lacinia, nunc turpis ultricies nunc, nec fermentum nunc metus nec nunc.
|
|
</p>
|
|
</article>
|
|
<article>
|
|
<h3>My Fifth Post</h3>
|
|
<p>David Thomson</p>
|
|
<p><em>23-05-2024</em></p>
|
|
<img src="https://via.placeholder.com/300" alt="placeholder" />
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
|
|
suscipit, nunc nec lacinia lacinia, nunc turpis ultricies nunc, nec
|
|
fermentum nunc metus nec nunc. Nullam suscipit, nunc nec lacinia
|
|
lacinia, nunc turpis ultricies nunc, nec fermentum nunc metus nec nunc.
|
|
</p>
|
|
</article>
|
|
</body>
|
|
</html>
|