-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog-post.html
164 lines (158 loc) · 8.79 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>Boxlovers' Blog - The greatest invention</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/post_layout.css">
</head>
<body>
<header>
<h1>Boxlovers' Blog</h1>
<nav>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="blog-post.html">Blog</a>
</li>
</ul>
</nav>
</header>
<article>
<div id="main">
<div class="images">
<figure>
<img src="./img/box.jpg" />
<figcaption>Classic boxes</figcaption>
</figure>
<figure>
<img src="./img/box2.jpg" />
<figcaption>A simple, but great cartoon box</figcaption>
</figure>
<figure>
<img src="./img/box3.jpg" />
<figcaption>Living boxes</figcaption>
</figure>
</div>
<div class="content">
<p>
<b>I like boxes.</b> The box is <b>the greatest invention since fire</b> in my honest opinion. The
thing is that
nothing can be more practical than a box. It fits perfectly in any space and anytime. You have to
store something? There is a box! You have to move to another space or time? There is a box! I bet
you are currently living in a box, too. Can you imagine that what would we, as humanity do if there
would be no boxes? The first box marked the point where our civilization began and the last box will
show the end of human civilization. There is no time where there are no boxes. Just think about it!
Of course there are "regular" boxes like old wooden boxes and newer cartoon paper boxes, but
wagons are boxes, houses are boxes, cars and trucks are boxes, even the computer where you read my
blog post is a box.
</p>
</div>
<div class="images">
<div id="img-5" class="image"></div> -->
<figure>
<img src="./img/box4.jpg" />
<figcaption>Boxes can be vehicles</figcaption>
</figure>
<figure>
<img src="./img/box5.jpg" />
<figcaption>One of the most advanced boxes</figcaption>
</figure>
</div>
<div class="content">
<p>
Box ipsum dolor sit amet, consectetur adipiscing elit. Nunc in tortor consequat, aliquam arcu
volutpat, fringilla orci. Aliquam tempus at erat sit amet semper. In neque nibh, convallis sed metus
eget, venenatis commodo tortor. Mauris at turpis quis felis vulputate blandit non ac arcu.
Suspendisse
ligula dui, commodo id tempor eu, varius a ipsum. Suspendisse vitae porttitor felis. Phasellus
laoreet
volutpat enim, vitae ornare risus volutpat sit amet. Ut blandit felis non felis consectetur
ullamcorper.
Suspendisse aliquet sapien vel magna ultrices, id posuere mauris sagittis. In hendrerit vehicula
tortor,
sit amet tempus nisi pretium quis. Mauris aliquam justo sed odio imperdiet, non egestas dolor
condimentum. Aenean efficitur bibendum facilisis. Suspendisse venenatis eleifend mi. Suspendisse
aliquam, odio vitae accumsan interdum, justo libero porta velit, nec viverra elit eros vel urna.
Aliquam
vitae facilisis justo, porttitor varius tellus.
</p>
<p>
Duis pharetra nibh ac turpis dictum ultrices. Aliquam eleifend est orci, sed maximus neque semper a.
Morbi ac tellus et orci vehicula elementum. Mauris lobortis, mauris sit amet volutpat mattis, quam
leo
pharetra urna, quis porta arcu felis at justo. Integer sed elementum diam. Nam ligula ipsum, semper
ac
ligula quis, convallis fringilla dui. Vivamus ut rutrum sem. Nullam mattis commodo pretium.
Vestibulum
arcu enim, mollis vitae vestibulum et, pellentesque a erat. Proin in volutpat purus. Pellentesque
venenatis, lorem at sagittis viverra, massa mauris auctor libero, sit amet accumsan metus lacus quis
turpis. Aenean consequat magna vel mi mattis pulvinar.
</p>
<h3>Donec eget metus eu dolor ultricies ultrices id sit amet massa</h3>
<p>
Aenean eleifend urna eu vehicula ultricies. Pellentesque sit amet felis quis sem viverra fermentum.
Etiam venenatis erat at justo
luctus
tempor. Integer a mi ultricies enim facilisis volutpat et tristique lorem. Etiam elit leo, auctor ut
pretium vitae, varius ac nulla. Suspendisse ipsum enim, efficitur sagittis venenatis sit amet,
facilisis
eu dolor. Ut eget auctor turpis. Integer tortor lacus, dignissim at gravida sed, vestibulum id
libero.
Phasellus ut orci eu nisi suscipit commodo. Suspendisse potenti. Nunc ornare risus sed nunc ornare,
vitae rhoncus nulla cursus. Pellentesque consectetur nisl nec mi ultricies consectetur. Nullam quis
viverra odio, vitae posuere justo. Suspendisse pulvinar tortor in nisi gravida molestie et at nunc.
Nullam suscipit dapibus metus.
</p>
<p>
Curabitur vestibulum ut eros quis convallis. Morbi ut libero a enim eleifend accumsan. Ut ac
sollicitudin urna, id faucibus metus. Nunc venenatis, urna eget sagittis vehicula, massa nisl
ultricies
velit, varius commodo tortor ligula sit amet lectus. Praesent ac sollicitudin purus, nec maximus
purus.
Sed consequat volutpat mattis. Nam et dui ut enim iaculis bibendum. Donec sed consectetur ex. In
vestibulum fringilla velit vel interdum. Duis rutrum lacus a dignissim gravida. Suspendisse potenti.
Quisque nibh lorem, blandit non posuere a, feugiat ut urna.
</p>
<p>
Nunc at erat condimentum, dignissim augue in, aliquam arcu. Phasellus fringilla bibendum elit ac
eleifend. Phasellus neque diam, sagittis ac orci sed, molestie mattis libero. Donec quam nisl,
auctor
porttitor faucibus vitae, elementum non elit. Praesent quis metus in magna feugiat tincidunt vel sed
dui. Sed quis luctus mauris. Sed vitae risus mi. Aenean ac consectetur augue. Praesent hendrerit
mauris
pharetra aliquam interdum. Donec viverra a tortor a laoreet. Aenean condimentum elit sit amet ipsum
facilisis, sed congue ligula auctor. Duis at tortor iaculis, dignissim nulla eu, gravida neque.
Pellentesque sed efficitur neque, sed sollicitudin massa. Donec in lectus ullamcorper, lobortis urna
convallis, pellentesque libero.
</p>
</div>
<div id="author-box">
<div id="author">
<div id="author-avatar"></div>
<div>
<h3>About the author</h3>
<p>
<b>Bence László (Front-End Web Developer at Example Very Cool BOX-Innovator Startup)</b>: He
builds
websites since his childhood. He always dreamed about a responsive
website which is all about the glorious boxes and lorem ipsum.
</p>
</div>
</div>
<div id="social-media-box">
<div id="logo-facebook" class="logo"></div>
<div id="logo-twitter" class="logo"></div>
<div id="logo-linkedin" class="logo"></div>
</div>
</div>
</div>
</article>
<footer>
<p>Boxlovers' Blog - Made by Bence László 2020</p>
</footer>
</body>
</html>