-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrecentpost.html
126 lines (120 loc) · 5 KB
/
recentpost.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Loving the Life</title>
</head>
<body>
<header>
<div class="container container-flex">
<div class="logo">
<h1>Loving the Life</h1>
<p>A blog sharing life</p>
</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="aboutme.html">About Me</a></li>
<li><a class="current-page" href="#">Recent Posts</a></li>
</ul>
</nav>
</div>
</header>
<!--END HEADER-->
<div class="container container-flex">
<main>
<article class="recent-article btm-margin">
<div class="recent-article-primary">
<img src="img/featured.webp" alt="" class="img-recent" />
<p class="article-info">July 23, 2019 | 3 comments</p>
</div>
<div class="recent-article-secondary">
<h2 class="article-title">Finding simplicity in life</h2>
<p class="article-body">
Life can get complicated really quickly, but it doesn't have to be!
There are many ways to simplify your life, a few of which we've
explored in the past. 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 class="read-more" href="simplicity&work.html">Continue Reading</a>
</article>
<article class="recent-article">
<div class="recent-article-primary">
<img src="img/recent1.jpg" alt="" class="img-recent" />
<p class="article-info">July 19, 2019 | 3 comments</p>
</div>
<div class="recent-article-secondary">
<h2 class="article-title">Keeping cooking simple</h2>
<p class="recent-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 class="read-more" href="keepcookingsimple.html">Continue Reading</a>
</div>
</article>
<article class="recent-article top-margin">
<div class="recent-article-primary">
<img src="img/recent2.jfif" alt="" class="img-recent" />
<p class="article-info">July 12, 2019 | 3 comments</p>
</div>
<div class="recent-article-secondary">
<h2 class="article-title">Simplicity and work</h2>
<p class="recent-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 class="read-more" href="simplicity&work.html">Continue Reading</a>
</div>
</article>
<article class="recent-article top-margin">
<div class="recent-article-primary">
<img src="img/recent3.jfif" alt="" class="img-recent" />
<p class="article-info">July 3, 2019 | 3 comments</p>
</div>
<div class="recent-article-secondary">
<h2 class="article-title">Simple decorations</h2>
<p class="recent-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 class="read-more" href="simpledeco.html">Continue Reading</a>
</div>
</article>
</main>
<aside class="sidebar">
<div class="sidebar-sec sec-border sidebar-sec2">
<h2>About me</h2>
<img class="img-aside" src="img/me.jpg" alt="my photo" />
<p class="blue-para">
I find life better, and I'm happier, when things are nice and
simple.
</p>
</div>
<div class="sidebar-sec sec-border top-margin sidebar-sec2">
<h2>Recent Posts</h2>
<img class="img-aside" src="img/recent1.jpg" alt="" />
<h3>Keeping cooking simple</h3>
<div class="border"></div>
<img class="img-aside" src="img/recent2.jfif" alt="" />
<h3>Simplicity and work</h3>
<div class="border"></div>
<img class="img-aside" src="img/recent3.jfif" alt="" />
<h3>Simple decorations</h3>
</div>
</aside>
</div>
<footer>
<p class="bold">Loving the Life</p>
<p class="light">Copyright 2022</p>
</footer>
</body>
</html>