BlogGenerator/home template.html at main · chadalon/BlogGenerator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
  <title>Unicycle Gurus</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Everything you need to know related to the buying and riding of unicycles">
</head>
<body>
  <header>
    <a href="https://unicyclegurus.com">
        <h1>Unicycle Gurus</h1>
    </a>
    <nav>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <article class="article-container">
      <div class="article-preview">
        <h2>Blog Post Title</h2>
        <p>Blog post preview goes here... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget felis at erat viverra gravida. Nullam pretium libero ut nunc eleifend commodo. In auctor vehicula elit, eu malesuada magna ultricies sit amet. Etiam fringilla odio vitae tortor sagittis auctor. Nulla tincidunt auctor lobortis. Morbi egestas ligula id lectus tincidunt aliquam.</p>
        <a href="#">Read More</a>
      </div>
      <div class="article-image">
        <img src="https://via.placeholder.com/300">
      </div>
    </article>
  </main>
  <footer>
    <p>&copy; The Unicycle Gurus 2023</p>
  </footer>
</body>
</html>