-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlife.html
149 lines (149 loc) · 8.25 KB
/
life.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Martin Folke</title>
<meta name="Martin Folke" content="Personal website" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="global2.css" />
<script src="index.js"></script>
</head>
<body>
<nav class="header_wrap">
<div class="contact_wrap">
<ul class="contact_icons">
<li class="linkedin">
<a href="https://www.linkedin.com/in/martin-folke-basc/"
target="_blank" title="linkedIn"></a>
</li>
<li class="email">
<a href="[email protected]" target="_blank" title="email"></a>
</li>
</ul>
</div>
<button onclick="open_nav()" class="menu_open">☰</button>
<div class="sideMenu" id="sideMenuId">
<a class="menu_close" href="javascript:void(0)" onclick="close_nav()">☰</a>
<a href="index.html">In this world</a>
<a href="past.html">In the past</a>
<a href="life.html">Life philosophy</a>
</div>
<div class="nav_bar" id="nav_bar">
<ul>
<li class="index_page">
<a href="index.html">In this world</a>
</li>
<li class="past_page">
<a href="past.html">In the past</a>
</li>
<li class="Life philosophy">
<a href="life.html">Life philosophy</a>
</li>
</ul>
</div>
</nav>
<div class="life_picture">
<div class="quote">
<h2>“Be yourself; everyone else is already taken.”</h2>
<h3>- Oscar Wilde -</h3>
</div>
</div>
<div class="container">
<div class="main_text">
<section class="programming_wrap">
<div class="believe_text">
<h2>Beliefs</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quam metus,
blandit non ipsum eget, porta iaculis diam. Curabitur sodales posuere turpis
id efficitur. Mauris sit amet massa et purus mattis hendrerit. Cras a lacus risus.
Integer tristique venenatis viverra. Vivamus pellentesque augue vel nulla blandit,
at vehicula magna ullamcorper. Vestibulum ut lobortis magna, ut finibus massa.
Nunc est eros, malesuada eu augue quis, hendrerit tempor risus. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Vivamus iaculis arcu id dignissim congue. Quisque risus velit, commodo et finibus quis,
finibus at tellus. Vivamus rutrum massa id purus blandit varius. Aliquam tristique magna
in tempus aliquam. Duis feugiat elementum metus eu posuere. Duis semper lectus vel
vestibulum suscipit.<br><br>
Sed accumsan, dui in pellentesque luctus, lacus nisi viverra diam, sit amet faucibus
justo erat a mi. Phasellus lobortis vel elit eu aliquet. Morbi sit amet lectus malesuada,
eleifend tortor non, luctus nisi. Ut eu odio ut neque dapibus porta sed vel risus.
Donec maximus a ligula ut iaculis. Etiam in imperdiet nisi. Nulla facilisi. Cras ipsum
mauris, lobortis eget maximus eu, maximus nec eros. Maecenas at blandit sapien.
Sed purus nisi, aliquet at commodo eu, facilisis in libero. Curabitur dignissim vehicula
convallis. Nulla consequat purus in malesuada congue. Vestibulum consequat nunc ac
dolor cursus luctus. Morbi rhoncus convallis est sed tincidunt.</p>
</div>
</section>
<section class="expectation_text">
<h2>Expectations</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quam metus,
blandit non ipsum eget, porta iaculis diam. Curabitur sodales posuere turpis
id efficitur. Mauris sit amet massa et purus mattis hendrerit. Cras a lacus risus.
Integer tristique venenatis viverra. Vivamus pellentesque augue vel nulla blandit,
at vehicula magna ullamcorper. Vestibulum ut lobortis magna, ut finibus massa.
Nunc est eros, malesuada eu augue quis, hendrerit tempor risus. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Vivamus iaculis arcu id dignissim congue. Quisque risus velit, commodo et finibus quis,
finibus at tellus. Vivamus rutrum massa id purus blandit varius. Aliquam tristique magna
in tempus aliquam. Duis feugiat elementum metus eu posuere. Duis semper lectus vel
vestibulum suscipit.<br><br>
Sed accumsan, dui in pellentesque luctus, lacus nisi viverra diam, sit amet faucibus
justo erat a mi. Phasellus lobortis vel elit eu aliquet. Morbi sit amet lectus malesuada,
eleifend tortor non, luctus nisi. Ut eu odio ut neque dapibus porta sed vel risus.
Donec maximus a ligula ut iaculis. Etiam in imperdiet nisi. Nulla facilisi. Cras ipsum
mauris, lobortis eget maximus eu, maximus nec eros. Maecenas at blandit sapien.
Sed purus nisi, aliquet at commodo eu, facilisis in libero. Curabitur dignissim vehicula
convallis. Nulla consequat purus in malesuada congue. Vestibulum consequat nunc ac
dolor cursus luctus. Morbi rhoncus convallis est sed tincidunt.</p>
</section>
<section class="society_text">
<h2>Society</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quam metus,
blandit non ipsum eget, porta iaculis diam. Curabitur sodales posuere turpis
id efficitur. Mauris sit amet massa et purus mattis hendrerit. Cras a lacus risus.
Integer tristique venenatis viverra. Vivamus pellentesque augue vel nulla blandit,
at vehicula magna ullamcorper. Vestibulum ut lobortis magna, ut finibus massa.
Nunc est eros, malesuada eu augue quis, hendrerit tempor risus. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Vivamus iaculis arcu id dignissim congue. Quisque risus velit, commodo et finibus quis,
finibus at tellus. Vivamus rutrum massa id purus blandit varius. Aliquam tristique magna
in tempus aliquam. Duis feugiat elementum metus eu posuere. Duis semper lectus vel
vestibulum suscipit.<br><br>
Sed accumsan, dui in pellentesque luctus, lacus nisi viverra diam, sit amet faucibus
justo erat a mi. Phasellus lobortis vel elit eu aliquet. Morbi sit amet lectus malesuada,
eleifend tortor non, luctus nisi. Ut eu odio ut neque dapibus porta sed vel risus.
Donec maximus a ligula ut iaculis. Etiam in imperdiet nisi. Nulla facilisi. Cras ipsum
mauris, lobortis eget maximus eu, maximus nec eros. Maecenas at blandit sapien.
Sed purus nisi, aliquet at commodo eu, facilisis in libero. Curabitur dignissim vehicula
convallis. Nulla consequat purus in malesuada congue. Vestibulum consequat nunc ac
dolor cursus luctus. Morbi rhoncus convallis est sed tincidunt.</p>
</section>
<section class="theatre_text">
<h2>Theatre</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quam metus,
blandit non ipsum eget, porta iaculis diam. Curabitur sodales posuere turpis
id efficitur. Mauris sit amet massa et purus mattis hendrerit. Cras a lacus risus.
Integer tristique venenatis viverra. Vivamus pellentesque augue vel nulla blandit,
at vehicula magna ullamcorper. Vestibulum ut lobortis magna, ut finibus massa.
Nunc est eros, malesuada eu augue quis, hendrerit tempor risus. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Vivamus iaculis arcu id dignissim congue. Quisque risus velit, commodo et finibus quis,
finibus at tellus. Vivamus rutrum massa id purus blandit varius. Aliquam tristique magna
in tempus aliquam. Duis feugiat elementum metus eu posuere. Duis semper lectus vel
vestibulum suscipit.<br><br>
Sed accumsan, dui in pellentesque luctus, lacus nisi viverra diam, sit amet faucibus
justo erat a mi. Phasellus lobortis vel elit eu aliquet. Morbi sit amet lectus malesuada,
eleifend tortor non, luctus nisi. Ut eu odio ut neque dapibus porta sed vel risus.
Donec maximus a ligula ut iaculis. Etiam in imperdiet nisi. Nulla facilisi. Cras ipsum
mauris, lobortis eget maximus eu, maximus nec eros. Maecenas at blandit sapien.
Sed purus nisi, aliquet at commodo eu, facilisis in libero. Curabitur dignissim vehicula
convallis. Nulla consequat purus in malesuada congue. Vestibulum consequat nunc ac
dolor cursus luctus. Morbi rhoncus convallis est sed tincidunt.</p>
</section>
</div>
</div>
<footer>
<p>© 2020 Martin Folke</p>
</footer>
</body>
</html>