BlogGenerator/input.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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>
<head>
  <title>Unicycle Gurus</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <header>
    <h1>Unicycle Gurus</h1>
    <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>The downhill Battle</h2>
          <p>As a unicyclist, I’m no stranger to the challenges that come with riding uphill. It can be exhausting, and it’s easy to get discouraged and want to give up. But over the years, I’ve learned a few strategies that have helped me overcome this. First and foremost, it’s important to pace yourself and stay focused on your goal. Don’t worry about how far you have to go, just focus on making progress one pedal stroke at a time. It’s also helpful to use your body weight to your advantage by leaning forward and engaging your core; and obviously don’t forget to breathe! Deep, steady breaths can help you maintain your focus and keep your energy levels up. With practice and persistence, you’ll find that your technical ability improves greatly and consistently, and the feeling of accomplishment you get when you reach the top and get ripped thighs is WELL worth the effort.</p>
          <a href="#">Read More</a>
        </div>
        <div class="article-image">
          <img src="media/pic.jpg">
        </div>
    </article>
    <article class="article-container">
        <div class="article-preview">
          <h2>The downhill Battle</h2>
          <p>As a unicyclist, I’m no stranger to the challenges that come with riding uphill. It can be exhausting, and it’s easy to get discouraged and want to give up. But over the years, I’ve learned a few strategies that have helped me overcome this. First and foremost, it’s important to pace yourself and stay focused on your goal. Don’t worry about how far you have to go, just focus on making progress one pedal stroke at a time. It’s also helpful to use your body weight to your advantage by leaning forward and engaging your core; and obviously don’t forget to breathe! Deep, steady breaths can help you maintain your focus and keep your energy levels up. With practice and persistence, you’ll find that your technical ability improves greatly and consistently, and the feeling of accomplishment you get when you reach the top and get ripped thighs is WELL worth the effort.</p>
          <a href="#">Read More</a>
        </div>
        <div class="article-image">
          <img src="media/pic.jpg">
        </div>
    </article>
    <article class="article-container">
        <div class="article-preview">
          <h2>The Uphill Battle</h2>
          <p>As a unicyclist, I’m no stranger to the challenges that come with riding uphill. It can be exhausting, and it’s easy to get discouraged and want to give up. But over the years, I’ve learned a few strategies that have helped me overcome this. First and foremost, it’s important to pace yourself and stay focused on your goal. Don’t worry about how far you have to go, just focus on making progress one pedal stroke at a time. It’s also helpful to use your body weight to your advantage by leaning forward and engaging your core; and obviously don’t forget to breathe! Deep, steady breaths can help you maintain your focus and keep your energy levels up. With practice and persistence, you’ll find that your technical ability improves greatly and consistently, and the feeling of accomplishment you get when you reach the top and get ripped thighs is WELL worth the effort.</p>
          <a href="#">Read More</a>
        </div>
        <div class="article-image">
          <img src="media/pic.jpg">
        </div>
    </article>
    <!--
    <div 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>
    </div>
    <div 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>
    </div>
-->
  </main>
  <footer>
    <p>&copy; The Unicycle Gurus 2023</p>
  </footer>
</body>
</html>