-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog_post.html
119 lines (112 loc) · 5.16 KB
/
blog_post.html
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blog Website</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script defer src="fontawesome/js/all.js"></script>
</head>
<body>
<div class="container">
<header class="header">
<a href="" class="sub">Subscribe</a>
<h1 class="title">Blog Title</h1>
<i class="fas fa-search"></i>
</header>
<section class="blog__section">
<div class="blog__content">
<h1 class="blog__title">Sample blog post</h1>
<span>January 1, 2014 by <a href="" class="author__name">Mark</a></span>
<img src="images/nature-img1.jpg" class="blog__img">
<div class="social__icons">
<h3>Social Sharing: </h3>
<a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f fa__icon"></i></a>
<a href="https://twitter.com/?lang=en" target="_blank"><i class="fab fa-twitter fa__icon"></i></a>
<a href="https://www.linkedin.com" target="_blank"><i class="fab fa-linkedin-in fa__icon"></i></a>
</div>
<blockquote class="blockquote">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</blockquote>
<hr />
<p>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
<p style="border: 1px solid #000;">
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum
</p>
<p>
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum
</p>
<h1>Heading</h1>
<p>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
<h2>Sub-heading</h2>
<p style="border: 1px inset #DDD;">
It has survived not only five centuries.
</p>
<p>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages
</p>
<h2>Sub-heading</h2>
<p>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages
</p>
<ul>
<li>It has survived not only five centuries</li>
<li>into electronic typesetting</li>
<li>It was popularised in the 1960s</li>
</ul>
<p>
It has survived not only five centuries, but also the leap into electronic typesetting.
</p>
<ol>
<li>It has survived not only five centuries</li>
<li>into electronic typesetting</li>
<li>It was popularised in the 1960s</li>
</ol>
<p>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s.
</p>
<input type="button" name="olderPost" class="btn older__post__btn" value="Older Post">
<input type="button" name="newerPost" class="btn newer__post__btn" value="Newer Post">
</div>
<div class="blog__sidebar">
<div class="blog__about">
<h2><i>About</i></h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
</div>
<div class="blog__archives">
<h2><i>Archives</i></h2>
<p><a href="">March 2014</a></p>
<p><a href="">February 2014</a></p>
<p><a href="">January 2014</a></p>
<p><a href="">December 2013</a></p>
<p><a href="">March 2013</a></p>
<p><a href="">November 2013</a></p>
<p><a href="">October 2013</a></p>
<p><a href="">September 2013</a></p>
<p><a href="">August 2013</a></p>
<p><a href="">July 2013</a></p>
<p><a href="">Jun 2013</a></p>
<p><a href="">May 2013</a></p>
<p><a href="">April 2013</a></p>
</div>
<div class="blog__followus">
<h2><i>Follow us</i></h2>
<p><a href="">Github</a></p>
<p><a href="">Facebook</a></p>
<p><a href="">Twitter</a></p>
</div>
</div>
</section>
<footer class="footer">
<p>Blog template build for <a href="">Bootstrap</a></p>
<p><a href="">See Design System</a></p>
</footer>
</div>
</body>
</html>