-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
210 lines (188 loc) · 8.31 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
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>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS Soubor -->
<link rel="stylesheet" type="text/css" href="./css/style.css">
<link rel="shortcut icon" whref="Img/KokoNeot.png" />
<title>Dalibor's Portfolio</title>
</head>
<body>
<header class="fullSize">
<img src="Img/KokoNeot.png" id="navLogo">
<nav>
<ul>
<li id="First"><a href="#">About me</a></li>
<li> <a href="#game">Gaming</a></li>
<li> <a href="#code">Programing</a></li>
<li> <a href="#model">Modeling</a></li>
<li id="Last"> <a href="#link">Links</a></li>
</ul>
</nav>
<div class="title">
<h2>Dalibor's Portfolio</h2>
</div>
</header>
<header class="mobile">
<img src="Img/KokoNeot.png" id="navLogo">
<nav>
<ul>
<li id="First"><a href="#">About me</a></li>
<li> <a href="#game">Gaming</a></li>
<li> <a href="#code">Programming</a></li>
<li> <a href="#model">Modeling</a></li>
<li id="Last"> <a href="#link">Links</a></li>
</ul>
</nav>
<div id="title1"><h2 id="dali">Dalibor's</h2></div>
<div id="title2"><h2 id="port">Portfolio</h2></div>
</header>
<section>
<div class="container">
<div class="heading">
<h1>About me</h1>
</div>
<div class="textBox">
<p>
My name is Dalibor Trampota, I'm 18 and I like all kind of things such as woodworking, crafting, riddles and puzzles, math, floorball, airsoft, gaming, programing and newly modeling in blender. Im at school specialized in IT where we learn programing in C++, Python and HTML with CSS.
</p>
<p>
When I was small I loved playing on PC web browser games. My mom bought me my first game when I was 8 and it was Ford Street Racing. I never finished the game and found it hard to beat but I enjoyed playing it. After not so long Minecraft was released and it was everywhere. Everyone was playing it except me because I didn't know how to get it. Me and my mom used to visit a friend of mine where she would chat with adults and I was with friend playing Minecraft on his computer. After few years I get Minecraft myself and I explore world of computers and technologies.
<p>
About that time I was sure I wanted to work around computers but at the time I didn't really have a good computer. It was laptop with Intel Celeron B820 and integrated GPU so I couldn't play most of the games but I discovered Roblox (everybody had to start somewhere xD). I played Lumber Tycoon 2 where I met my future friend. We used to play and call on Skype every day and that's when I talked in english with stranger. It was really hard at beginning and I was shy either was he so we were most of the time quiet but after few sessions of playing till midnight we started chatting and we got to know each other. After few months we started playing different games and that continued for 3 years. Then we discovered Discord and my friend found another friend with whom we play till today. We played Minecraft, Paladins, Portal 2, Roblox and other games -_-. Thank you for being such a good friends without you two I wouldn't speak English as I can today.
</p>
<p>
I have been coding since I was 15 years old and I enjoy C++ the most.
I also participated in Internet of Things event with my classmates where we had to create "smart home" using raspberry pi's and python.
</p>
</div>
<div id="game"><br></div>
</div><!-- End Container-->
<br>
</section>
<!--
<div class="banner" id="game">
<img src="Img/gBanner.png">
</div>-->
<section>
<div class="container">
<div class="heading">
<h1>Gaming</h1>
</div>
<div class="textBox">
<p>
I enjoy playing games especially with my friends when we all join discord and play games together. I rage, talk and comment a lot even though I don't want to especially the commenting :upsidedown:.
</p>
<p>
I like FPS, tactical, action, strategy, survival and racing games but I never finish them so this should motivate me so I can make this list bigger.
</p>
</div>
<br>
<div class="flexContainer">
<div class="game"><img src="Img/se4.jpg"></div>
<div class="game"><img src="Img/borderlands.jpg"></div>
<div class="game"><img src="Img/portal.jpg"></div>
<div class="game"><img src="Img/portal2.jpg"></div>
<div class="game"><img src="Img/crysis.jpg"></div>
<div class="game"><img src="Img/minecraft1_14.jpg"></div>
<div class="game"><img src="Img/metro2033.jpg"></div>
<div class="game"><img src="Img/codmw.jpg"></div>
</div>
<div id="code"><br></div>
</div><!-- End Container-->
<br>
</section>
<!--
<div class="banner" id="code">
<img src="Img/pBanner.jpg">
</div>-->
<section>
<div class="container">
<div class="heading">
<h1>Programming</h1>
</div>
<div class="textBox">
<p>
Like I mentioned above we learn in school C++, Python and HTML with CSS but I'm learning at home myself few more languages. So far I know C++, Lua, JavaScript, Python, HTML and CSS and I'm learning Java which is quite hard and complex so I can make Minecraft mod. Also lately I started working with unity a lot which I found fun and I started making a FPS game just so I learn the basics
</p>
</div>
<div id="model"><br></div>
</div><!-- End Container-->
<br>
</section>
<!--
<div class="banner" id="model">
<img src="Img/bBanner.jpg">
</div>-->
<section>
<div class="container">
<div class="heading">
<h1>Modeling</h1>
</div>
<div class="textBox">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sodales, lacus nec posuere laoreet, erat enim lacinia ipsum, sit amet auctor tellus nibh non purus. Fusce nec eros pellentesque, hendrerit justo at, pulvinar sem. Aliquam velit tortor, tristique quis consequat ut, dictum vel tellus. Morbi eu facilisis justo. Morbi lobortis placerat nunc, eget facilisis enim facilisis eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus at laoreet magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper ut odio non sagittis. Aenean in mi ut turpis elementum facilisis. Vestibulum at tortor ut odio efficitur aliquet. Ut pretium pharetra odio quis finibus.
</p>
</div>
<div id="link"><br></div>
</div><!-- End Container-->
<br>
</section>
<!--
<div class="banner" id="link">
<img src="Img/gBanner.png">
</div>-->
<section>
<div class="container">
<div class="heading">
<h1>Links</h1>
</div>
<div class="flexContainer">
<div class="links">
<img class="test" src="Img/discord.jpg">
<div class="content">
<div class="text"><a href="https://discord.gg/4pR73TN" target="_blank">ChillGamers En</a></div>
</div>
</div>
<div class="links">
<img src="Img/youtube.jpg">
<div class="content">
<div class="text"><a href="https://www.youtube.com/channel/UCKncu_5naL6au-jExiHrvpA/" target="_blank">KokoNeot</a></div>
</div>
</div>
<div class="links">
<img src="Img/gmail.png">
<div class="content">
<div class="text"><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&[email protected]&tf=1" target="_blank">kokoneot</a></div>
</div>
</div>
<div class="links">
<img src="Img/origin.png">
<div class="content">
<div class="text"><a href="https://www.origin.com/irl/en-us/profile/user/Us_m7_zkAXm4u_A4yP5DQA--/achievements" target="_blank">KokoNeot</a></div>
</div>
</div>
<div class="links">
<img src="Img/steam.png">
<div class="content">
<div class="text"><a href="https://steamcommunity.com/id/KokoNeot/" target="_blank">daliborin</a></div>
</div>
</div>
<div class="links">
<img src="Img/github.png"><div class="content">
<div class="text"><a href="https://github.com/DaliborTrampota" target="_blank">dalibortrampota</a></div>
</div>
</div>
</div>
</div><!-- End Container-->
</section>
<div class="container1">
<footer>
<div id="footer">
<p><b>© Dalibor Trampota, All Rights Reserved, 2020</b></p>
</div>
</footer>
</div>
</body>
</html>