-
Notifications
You must be signed in to change notification settings - Fork 0
/
recent-posts.html
174 lines (164 loc) · 6.57 KB
/
recent-posts.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
165
166
167
168
169
170
171
172
173
174
<!-- https://xd.adobe.com/spec/75d448ea-569a-4b7e-721b-9bbd3b2b97b9-03e5/grid -->
<html>
<head>
<link
href="https://fonts.googleapis.com/css?family=Lora|Ubuntu:300,400,700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<header>
<div class="container container-flex">
<div class="site-title">
<h1>Living the social life</h1>
<p class="subtitle">A blog exploring minimalism in life</p>
</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-me.html">About me</a></li>
<li>
<a class="current-page" href="recent-posts.html">Recent posts</a>
</li>
</ul>
</nav>
</div>
</header>
<!-- ---------------MAIN--------------- -->
<div class="container container-flex">
<main>
<article class="article-recent">
<div class="article-recent-main">
<h2 class="article-title">Finding simplicity in life</h2>
<p class="article-body">
<span>Life can get complicated really quickly,</span> but it
doesn't have to be! There are many ways to simplify your life,<a
href=""
>
a few of which we've explored in the past.</a
>
This week we're taking a bit of a approach though, in how you can
find simplicity in the life you already living.
</p>
<a href="#" class="article-read-more">CONTINUE READING</a>
</div>
<div class="article-recent-secondary">
<img
src="./pictures/burrito-chicken-delicious-dinner-461198.jpg"
alt="simple white desk on a white wall with a plant on the far right side"
class="article-image"
/>
<p class="article-info">July 23, 2019 | 3 comments</p>
</div>
</article>
<article class="article-recent">
<div class="article-recent-main">
<h2 class="article-title">Keeping cooking simple</h2>
<p class="article-body">
Food is a very important part of everyone's life. If you want to
be healthy, you have to eat healthy. One of the easiest ways to do
that is to keep your cooking nice and simple.
</p>
<a href="#" class="article-read-more">CONTINUE READING</a>
</div>
<div class="article-recent-secondary">
<img
src="./pictures/food-dinner-lunch-unhealthy-70497.jpg"
alt="two dumplings on a wood plate with chopsticks"
class="article-image"
/>
<p class="article-info">July 19, 2019 | 3 comments</p>
</div>
</article>
<article class="article-recent">
<div class="article-recent-main">
<h2 class="article-title">Simplicity and work</h2>
<p class="article-body">
Work is often a major source of stress. People get frustrated, it
ruins their relationship with others and it leads to burnout. By
keeping your work life as simple as possible, it will help balance
everything out.
</p>
<a href="#" class="article-read-more">CONTINUE READING</a>
</div>
<div class="article-recent-secondary">
<img
src="./pictures/person-holding-pepperoni-pizza-on-tray-1049626.jpg"
alt="a chair white chair at a white desk on a white wall"
class="article-image"
/>
<p class="article-info">July 12, 2019 | 3 comments</p>
</div>
</article>
<article class="article-recent">
<div class="article-recent-main">
<h2 class="article-title">Simple decorations</h2>
<p class="article-body">
A home isn't a home until you've decorated a little. People either
don't decorate, or they go overboard and it doesn't have the
impact they were hoping for. Staying simple will help draw the eye
where you want it to and make things pop like never before.
</p>
<a href="#" class="article-read-more">CONTINUE READING</a>
</div>
<div class="article-recent-secondary">
<img
src="./pictures/selective-focus-photography-of-beef-steak-with-sauce-675951.jpg"
alt="a green plant in a clear, round vase with water in it"
class="article-image"
/>
<p class="article-info">July 3, 2019 | 3 comments</p>
</div>
</article>
</main>
<!-- ---------------SIDE--------------- -->
<aside class="sidebar">
<div class="sidebar-widget">
<h2 class="widget-title">ABOUT ME</h2>
<img
src="./pictures/blur-breakfast-close-up-dairy-product-376464.jpg"
alt="john doe"
class="widget-image"
/>
<p class="widget-body">
I find life better, and I'm happier, when things are nice and
simple.
</p>
</div>
<div class="sidebar-widget">
<h2 class="widget-title">RECENT POSTS</h2>
<div class="widget-recent-post">
<img
src="./pictures/food-dinner-lunch-unhealthy-70497.jpg"
alt="two dumplings on a wood plate with chopsticks"
class="widget-image"
/>
<h3 class="widget-recent-post-title">Keeping cooking simple</h3>
</div>
<div class="widget-recent-post">
<img
src="./pictures/person-holding-pepperoni-pizza-on-tray-1049626.jpg"
alt="a chair white chair at a white desk on a white wall"
class="widget-image"
/>
<h3 class="widget-recent-post-title">Simplicity and work</h3>
</div>
<div class="widget-recent-post">
<img
src="./pictures/selective-focus-photography-of-beef-steak-with-sauce-675951.jpg"
alt="a green plant in a clear, round vase with water in it"
class="widget-image"
/>
<h3 class="widget-recent-post-title">Simple decorations</h3>
</div>
</div>
</aside>
</div>
<footer>
<p><strong>Living the Simple Life</strong></p>
<p>Copyright 2019</p>
</footer>
</body>
</html>