-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
105 lines (93 loc) · 3.95 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
<!DOCTYPE html>
<html lang="pl-PL">
<head>
<title>Dawid Sroka - programowanie</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Programowanie">
<meta name="author" content="Dawid Sroka">
<meta name="keywords" content="Programowanie Backend Frontend">
<link rel="stylesheet" type="text/css" media="screen" href="content/style.min.css" />
</head>
<body>
<header id="top-header">
<div class="banner-container">
<div class="logo-container">
<a href="#"><img src="img/logo-small.png" alt="Logo" max-width="200" /></a>
</div>
<div class="banner">
<a href="#"><img src="img/logo-banner.png" alt="Logo" max-width="600" /></a>
</div>
</div>
<div class="nav-menu-container">
<nav id="main-nav">
<ul class="nav-menu-list">
<li class="nav-menu-list-item"><a href="#">Blog </a></li>
<li class="nav-menu-list-item"><a href="#">Kursy programowania</a></li>
<li class="nav-menu-list-item"><a href="#">Moje projekty</a></li>
<li class="nav-menu-list-item"><a href="#">O mnie</a></li>
<li class="nav-menu-list-item"><a href="#">Kontakt</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<div class="left-menu">
<ul class="left-menu-list">
<li class="left-menu-list-item"><a href="#">Blog </a></li>
<li class="left-menu-list-item"><a href="#">Kursy programowania</a></li>
<li class="left-menu-list-item"><a href="#">Moje projekty</a></li>
<li class="left-menu-list-item"><a href="#">O mnie</a></li>
<li class="left-menu-list-item"><a href="#">Kontakt</a></li>
</ul>
</div>
<div class="article-box">
<article class="standard-article">
<header>
<h1>Tytuł artykułu</h1>
<p>[Data publikacji]</p>
</header>
<p>
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada
elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo
volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit
amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing
wisi. Aliquam erat ac ipsum. Integer aliquam purus.
</p>
<figure class="article-picture">
<img src="img/example_img.jpg" alt="Wiatrak w Olandii">
<figcaption>Wiatrak w Olandii - Prusim k.Kwilcza </figcaption>
</figure>
<p>
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada
elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo
volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit
amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing
wisi. Aliquam erat ac ipsum. Integer aliquam purus.
</p>
<p>
<a href="img/example_img.jpg" download="wiatrak">Pobierz zdjęcie wiatraka</a>
</p>
<p>
<a href="img/example_img.jpg" target="_blank">Otwórz zdjęcie wiatraka w nowej karcie</a>
</p>
<footer class="article-footer">
<h4>Autor tesktu: Dawid Sroka</h4>
<p>Tagi: blues Chicago, blues Delty, boggie-woogie </p>
</footer>
</article>
</div>
<div class="right-menu">
<ul>
<li>Blog</li>
<li>Portfolio</li>
<li>O mnie</li>
<li>Kontakt</li>
</ul>
</div>
</div>
<footer id="main-footer">
<h5>Copyright © Dawid Sroka</h5>
</footer>
</body>
</html>