markdownblog.github.io/index.html at master · markdownblog/markdownblog.github.io · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Example Blog</title>

  <link href="assets/bootstrap.min.css" rel="stylesheet">
</head>

<body class="container my-5">
  <header class="text-center">
    <h1 class="display-4">Example Blog</h1>
  </header>

  <main class="mx-auto my-5">

			<h2>Hello World Blog</h2>
			<p>Welcome to my developer blog! In this blog post, we will explore the exciting world of “Hello World” programs.</p>
			<a href="hello-world.html">Read more...</a>
		<hr>
			<h2>Exploring the Wonders of Lorem Ipsum</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac orci a lorem faucibus fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin quis consequat eros.</p>
			<a href="lorem-ipsum.html">Read more...</a>
		<hr>
			<h2>Markdown Blog</h2>
			<p>Welcome to the Markdown Blog! 🎉</p>
			<a href="markdown-blog.html">Read more...</a>

  </main>

  <footer class="my-5 text-body-secondary text-center text-small">
    <ul class="list-inline">
      <li class="list-inline-item"><a class="link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
          href="https://www.facebook.com/#">Facebook</a></li>
      <li class="list-inline-item"><a class="link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
          href="https://www.twitter.com/#">Twitter</a></li>
      <li class="list-inline-item"><a class="link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
          href="https://www.instagram.com/#">Instagram</a></li>
      <li class="list-inline-item"><a class="link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
          href="https://www.linkedin.com/#">LinkedIn</a></li>
    </ul>
  </footer>

  <script src="assets/bootstrap.bundle.min.js"></script>
</body>

</html>