-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (103 loc) · 3.67 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
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Strona domowa</title>
<link href="normalize.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link
href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500&display=swap"
rel="stylesheet"
/>
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
<link rel="manifest" href="site.webmanifest" />
</head>
<body>
<header class="header">
<div class="navigation__wrapper">
<div class="header-logo"><a href="index.html">Krzysztof Grodzki</a></div>
<div class="header__nav">
<nav class="navigation">
<a class="navigation__link navigation__link--homepage" href="index.html">
Strona główna</a
>
<a class="navigation__link" href="nauka-html5.html">HTML</a>
<a class="navigation__link" href="nauka-css3.html">CSS</a>
<a class="navigation__link" href="nauka-javascript.html">Javascript</a>
</nav>
</div>
</div>
<div class="waves"></div>
</header>
<main class="main">
<header id="top">
<h1>
Dziennik pokładowy szkolenia technologii HTML, CSS oraz Javascript
</h1>
</header>
<section>
<h2>Kim jestem?</h2>
<img class="photo" src="zadumka.png" alt="Zadumiony Krzysztof" />
<p>
Przez ostatnie 15 lat trochę drukowałem na różnych podłożach, teraz pora na wypełnianie
treścią World Wide Web. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem
facere nesciunt aperiam quidem quasi est molestiae alias, magnam voluptatibus commodi
obcaecati animi iure accusantium eos in reprehenderit veritatis autem officia.
<a href="#notatki">Przejdź</a>
</p>
</section>
<section id="notatki">
<h2>Dziennik WTF</h2>
<article>
<h3>Tydzień 1</h3>
<p>
Organizacja i zasady. Ogólne wprowadzenie w świat frontendu. <br />Konfiguracja narzędzi
i środowiska.
</p>
</article>
<article>
<h3>Tydzień 2</h3>
<p>Warstwy strony interetowej. Podstawy HTML i CSS. <br /><em>Content is the king</em></p>
</article>
<article>
<h3>Tydzień 3</h3>
<p>Mieć pojęcie o programowaniu</p>
</article>
<article>
<h3>Tydzień 4</h3>
<p>Mieć pojęcie o programowaniu</p>
</article>
<article>
<h3>Tydzień 5</h3>
<p>Mieć pojęcie o programowaniu</p>
</article>
<article>
<h3>Tydzień 6</h3>
<p>Mieć pojęcie o programowaniu</p>
</article>
<article>
<h3>Tydzień 7</h3>
<p>Mieć pojęcie o programowaniu</p>
</article>
<article>
<h3>Tydzień 8</h3>
<p>Mieć pojęcie o programowaniu</p>
</article>
</section>
</main>
<footer class="footer">
<div class="footer__wrap">
<div class="footer__text">
Strona powstaje w trakcie szkolenia WTF: Co Ten Frontend?
</div>
<div class="footer__link">
<a class="footer__link--active" href="#top">Wróć na górę strony</a>
</div>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>