-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (94 loc) · 4.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>David Horák</title>
<link rel="stylesheet" href="sources/style.css">
</head>
<body>
<header class="hero">
<div class="hero-content">
<h1>David Horák</h1>
<p class="typing-text">Začínající Software Developer</p>
</div>
</header>
<main>
<div class="left-column">
<section class="fotka">
<img src="sources/pfp.png" alt="">
</section>
<section class="skills">
<h2>Projekty</h2>
<ul>
<li>
<a href="c++.html">
<img src="sources/C++.png" alt="C++ Logo" class="icon">
<span class="label">C++ Projekty</span>
</a>
</li>
<li>
<a href="c++.html">
<img src="sources/C.png" alt="C Logo" class="icon">
<span class="label">C Projekty</span>
</a>
</li>
<li>
<a href="python.html">
<img src="sources/python.png" alt="Python Logo" class="icon">
<span class="label">Python Projekty</span>
</a>
</li>
<li>
<a href="html.html">
<img src="sources/HTML.png" alt="HTML Logo" class="icon">
<span class="label">HTML Projekty</span>
</a>
</li>
<li>
<a href="html.html">
<img src="sources/CSS.png" alt="CSS Logo" class="icon">
<span class="label">CSS Projekty</span>
</a>
</li>
</ul>
<p class="ps">(klikněte na sekci pro více informací)</p>
</section>
<section class="disclamer">
<h2>Sáblík se neozval</h2>
<p>2025 here I come!</p>
</section>
</div>
<div class="right-column">
<section class="kontakty">
<h2>Kontakty</h2>
<ul>
<li>Telefon: 603 725 910</li>
<li>Email: <a href="mailto:horakdejv@gmail.com">horakdejv@gmail.com</a></li>
<li>Discord: david.horak</li>
<li>Github: <a href="https://github.com/horakdave">horakdave</a></li>
</ul>
<h2>Osobní údaje</h2>
<ul>
<li>Bydliště: Mléčná dráha</li>
<li>Věk: <span id="age">15</span> let</li>
<li>Aktuální škola: <a href="sps-prosek.cz">Střední průmyslová škola na Proseku</a></li>
</ul>
</section>
<section class="neco-o-mne">
<h2>Něco o mně</h2>
<p>Jak jsem začal s programováním?</p>
<p>Začal jsem programovat ve věku 11 let inspirován vývojáři jako Randy nebo Dani, kteří ve svých videích na YouTube ukazovali svou schopnost přidávat cokoli chtěli do svých her. Svoboda, kterou měli, mě fascinovala a motivovala k tomu, abych se věnoval programování. Můj otec, datový analytik, podporoval mé zájmy. Zatímco jsem začal s vývojem her, nyní se více orientuji na vývoj softwaru a webových stránek. Například jsem vytvořil bota, který kontroloval vstupy do programu TechDays, abych byl mezi prvními, kdo si mohl koupit vstupenku dříve, než byly vyprodané. Podobně jsem vytvořil bota, který kontroloval přípravný kurz na matematiku k JPZ ve škole SSPŠ. Programování mi umožňuje pomáhat i ostatním, když jsem pro matku vytvořil program pro organizaci souborů s konkrétními názvy do různých složek.</p>
<p>Co dělám ve volném čase?</p>
<p>V mém volném čase hraji basketbal. Nejsem členem žádného basketbalového klubu, ale přesto se mu věnuji poměrně často. Okolí mého bydliště nabízí dostatek basketbalových hřišť, což mi umožňuje hrát pravidelně. Kromě toho rád trávím čas na horském kole, s oblibou sjíždím singletracky.</p>
</section>
</div>
</main>
<footer>
<p>"Kdo chce, hledá způsob. Kdo nechce, hledá důvod."</p>
<p>Jan Werich</p>
</footer>
<script src="sources/age-calculator.js"></script>
<script src="sources/typing-animation.js"></script>
</body>
</html>