-
Notifications
You must be signed in to change notification settings - Fork 0
/
recent-posts.html
95 lines (92 loc) · 4.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tags -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- title -->
<title>Living the simple life</title>
<!-- stylesheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="container header-flex">
<div class="header-text">
<h1>Living the simple life</h1>
<p>A blog exploring minimalism in life</p>
</div>
<nav>
<ul class="nav-list">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="about-me.html" class="nav-link">About Me</a></li>
<li class="nav-item"><a href="recent-posts.html" class="nav-link active">Recent Posts</a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="container main-flex">
<section class="articles">
<article>
<img src="images/life.jpg" alt="life image">
<p class="date-comments">July 19, 2019 | 3 comments</p>
<h2>Finding simplicity in life</h2>
<p class="article-text">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 href="#" class="link-to-article">Continue Reading</a>
</article>
<article>
<img src="images/food.jpg" alt="food image">
<p class="date-comments">July 19, 2019 | 3 comments</p>
<h2>Keeping cooking simple</h2>
<p class="article-text">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="link-to-article">Continue Reading</a>
</article>
<article>
<img src="images/work.jpg" alt="work image">
<p class="date-comments">July 12, 2019 | 3 comments</p>
<h2>Simplicity and work</h2>
<p class="article-text">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="link-to-article">Continue Reading</a>
</article>
<article>
<img src="images/deco.jpg" alt="deco image">
<p class="date-comments">July 3, 2019 | 3 comments</p>
<h2>Simple decorations</h2>
<p class="article-text">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="link-to-article">Continue Reading</a>
</article>
</section>
<aside>
<section class="about-me">
<h2>About Me</h2>
<img src="images/about-me.jpg" alt="about me image">
<p>I find life better, and I'm happier, when things are nice and simple</p>
</section>
<section class="recent-posts">
<h2>Recent Posts</h2>
<div>
<img src="images/food.jpg" alt="food image">
<a href="#">Keeping cooking simple</a>
</div>
<div>
<img src="images/work.jpg" alt="work image">
<a href="#">Simplicity and work</a>
</div>
<div>
<img src="images/deco.jpg" alt="deco image">
<a href="#">Simple decorations</a>
</div>
</section>
</aside>
</div>
</main>
<footer>
<div class="container">
<p class="footer-text">Living the Simple Life</p>
<p class="copyright-info">Copyright 2022</p>
</div>
</footer>
</body>
</html>