-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfamily.html
executable file
·210 lines (169 loc) · 6.76 KB
/
family.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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!Doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta htpp-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="Who am I? Who was I? What am I interested in?
What can I do as web developer? My family. My philosophy of life."/>
<meta name="keywords" content="science, scientist, teacher, chemistry, chemist, music, guitar, harmonica,
singing, driver, bus, developer, java, html, css, C++, SQL, UIPath, travel"/>
<title>Meet the Fockers</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Pangolin&display=swap" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css2?family=Fondamento:ital@1&family=Modak&display=swap"
rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Fondamento:ital@1&family=Modak&display=swap"
rel="stylesheet" type="text/css">
<script src="https://kit.fontawesome.com/b0c6d74d15.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="container">
<div class="recktangle1" style ="margin-top: -40px;">
<p>These guys are the real sense of my life</p>
</div>
<div id="smallerContainer">
<div id="nav">
<div class="feature2">
<a class="tilelink" title="There is something about Mary" href="#section-title2">
<span class="name">PATRYCJA</span><i class="fas fa-paint-brush"></i></a>
</div>
<div class="feature2">
<a class="tilelink" title="Welcome to the jungle" href="#section-title3">
<span class="name">ALICJA</span><i class="fas fa-cat"></i></a>
</div>
</div>
<div id="photo2"></div>
<div id="nav">
<div class="feature2">
<a class="tilelink" title="The last avenger" href="#section-title1">
<span class="name">DANIEL</span><i class="fas fa-book"></i></a>
</div>
<div class="internalLink" style="margin-left: -40px; margin-top: 250px;">
<a class="btn" href="index.html">Homepage</a>
</div>
</div>
</div>
</div>
<section class="arts">
<div class="container2">
<h2 class="section-title" id="section-title1">
Daniel is my only son
</h2>
<div class="artsWrapper">
<article class="art" id="art1">
<h3 class="art-title">
I CAN BE YOUR HERO
</h3>
<i class="fas fa-book"></i>
</article>
</div>
<div class="artsWrapper" id="artsWrapperR">
<p class="art-description">
Daniel is 14 years old. He is not a typical teenager. Of course, he can stare at his smartfon
for hours but much more frequently you can see him reading books. He is rather a solitary and
introvert, but not without sense of humour. He likes Marvel Movies and his favourite book series
is "Felix, Net i Nika", fantastic story about teenagers for teenagers.
He learns quite well, but usually "without conviction" :-)
</p>
<div class="link">
<a class="btn2" href ="#section-title2">------Forward------</a>
</div>
<div class="link">
<a class="btn2" href ="#container">----Back----</a>
</div>
</div>
</div>
<div style="clear:both"></div>
</section>
<section class="arts">
<div class="container2">
<h2 class="section-title" id="section-title2">
Patrycja is the real daughter of her daddy
</h2>
<div class="artsWrapper">
<article class="art" id="art2">
<h3 class="art-title">
MY ART
</h3>
<i class="fas fa-paint-brush"></i>
</article>
</div>
<div class="artsWrapper" id="artsWrapperR">
<p class="art-description">
Pati is 12 years old. She is real princess. Kind and smooth, although sometimes she might
show her claws (well-groomed of course). She reads more than Daniel, because of less interest
in smartfon and video games. She always willingly tries new things and has got a sence of
humour straight from a black crime story. And her paintings are really incredible!
After all, she is very girly - before we all together go out, she is the one preparing herself
the longest. At school she is undisputed lider and primus. What is interesting, everyone likes
her despite that...
</p>
<div class="link">
<a class="btn2" href ="#section-title3">------Forward------</a>
</div>
<div class="link">
<a class="btn2" href ="#container">----Back----</a>
</div>
</div>
</div>
<div style="clear:both"></div>
</section>
<section class="arts">
<div class="container2">
<h2 class="section-title" id="section-title3">
Alicja is a sweet little devil
</h2>
<div class="artsWrapper" id="artsWrapperL">
<article class="art" id="art3">
<h3 class="art-title">
THAT'S WHAT I LIKE
</h3>
<i class="fas fa-cat"></i>
</article>
</div>
<div class="artsWrapper" id="artsWrapperR">
<p class="art-description">
Ala is almost 5 years old and adores her kindergarten. She is impulsive, headstrong and a little
crazy. But it is not possible not to love her, when she is dancing and singing wearing
her little dress. And tells you "I love you daddy!" ten times an hour.
Stuffed animals are her favorite toys and she's got a huge collection of them. She also
adore to read but for now with one of her parents. However she recognizes most of letters
and tries to read slowly.
</p>
<div class="link">
<a class="btn2" href ="#section-title4">------Forward------</a>
</div>
<div class="link">
<a class="btn2" href ="#container">----Back----</a>
</div>
</div>
</div>
<div style="clear:both"></div>
</section>
<section class="arts">
<div class="container2">
<h2 class="section-title" id="section-title4">
And finally, last but not least
</h2>
<div class="artsWrapper" id="artsWrapperA">
<p class="sentence">In your eyes I see...<br/><br/><br/><br/><br/>
...the flames of love</p>
</div>
<div class="artsWrapper" id="artsWrapperR">
<p class="art-description" style="font-size: 40px; text-align: center;">
Anastazja is my big L <br/>
And no other comments
</p>
<div class="link">
<a class="btn2" href ="#container">----Back----</a>
</div>
</div>
</div>
<div style="clear:both"></div>
<div class="rectangle" style="font-size: 15px; color: #222222; clear:both;">
2020 © Tomasz Zielenkiewicz <br/>
</div>
</section>
</body>
</html>