-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (109 loc) · 5.17 KB
/
index.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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Living The Simple Life</title>
<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="/responsive.style.css">
</head>
<body>
<!-- Nav -->
<header>
<div class="container">
<div>
<h1>Living The Social Life</h1>
<p class="subtitle">A blog exploring minimalism in life</p>
</div>
<nav>
<ul>
<li><a href="#" class="active">HOME</a></li>
<li><a href="#">ABOUT ME</a></li>
<li><a href="#">RECENT POSTS</a></li>
</ul>
</nav>
</div>
</header>
<!-- Main -->
<div class="container" style="padding: 0;">
<div class="main">
<div class="leftSection">
<div style="width: 100%;">
<div>
<img src="/img/life.jpg" alt="">
<p>July 23, 2019 | 3 comments</p>
</div>
<div>
<h1>Finding Simplicity in Life</h1>
<p><b>Life can get complicated really quickly</b>, but it doesn't have to be! There are many ways to simplify your life, <span style="color: #1792D2;">a few of which we've explored in the past.</span> This week we're taking a bit of a approach though, in how you can find simplicity in the life you already living.</p>
<h3 style="color: #1792D2; letter-spacing: 0.1rem; font-size: 1rem;">CONTINUE READING</h3>
<hr>
</div>
<!-- Articles Section -->
<div class="article-block">
<div class="article-left">
<img src="/img/food.jpg" alt="">
<p>July 19, 2019 | 3 comments</p>
</div>
<div class="article-right">
<h1>Keeping cooking simple</h1>
<p>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. continue reading</p>
<h3 style="color: #1792D2; letter-spacing: 0.1rem; font-size: 1rem;">CONTINUE READING</h3>
</div>
</div>
<div class="article-block">
<div class="article-left">
<img src="/img/work.jpg" alt="">
<p>July 12, 2019 | 3 comments</p>
</div>
<div class="article-right">
<h1>Simplicity and work</h1>
<p>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. continue reading</p>
<h3 style="color: #1792D2; letter-spacing: 0.1rem; font-size: 1rem;">CONTINUE READING</h3>
</div>
</div>
<div class="article-block">
<div class="article-left">
<img src="/img/deco.jpg" alt="">
<p>July 3, 2019 | 3 comments</p>
</div>
<div class="article-right">
<h1>Simple decorations</h1>
<p>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. continue reading</p>
<h3 style="color: #1792D2; letter-spacing: 0.1rem; font-size: 1rem;">CONTINUE READING</h3>
</div>
</div>
</div>
</div>
<div class="rightSection">
<div class="rightSection-bg" style="margin-bottom: 5vh;">
<div class="aboutMe-2">
<h3>ABOUT ME</h3>
<img src="/img/about-me.jpg" alt="">
<p>I find life better, and I'm happier, when things are nice and simple.</p>
</div>
</div>
<div class="rightSection-bg">
<div class="aboutMe-2">
<h3>Recent Posts</h3>
<img src="/img/food.jpg" alt="">
<h4>Keeping cooking simple</h4>
<hr>
<img src="/img/work.jpg" alt="">
<h4>Simplicity and work</h4>
<hr>
<img src="img/deco.jpg" alt="">
<h4>Simple decorations</h4>
</div>
</div>
</div>
</div>
</div>
<footer>
<div>
<h3>Living the Simple Life </h3>
<p>Copyright 2019</p>
</div>
</footer>
</body>
</html>