-
Notifications
You must be signed in to change notification settings - Fork 0
/
article.html
155 lines (145 loc) · 9.43 KB
/
article.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Šestajovice Studentský projekt</title>
<link rel="icon" href="image/Logo_Sestajovice.ico">
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='style/style.css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
</head>
<body>
<header class="main-hd">
<div class="kontejner xxx">
<!--<h1 class="logo">Šestajovice</h1>-->
<a href="index.html"><img class="logo" src="image/Logo_Sestajovice.jfif" alt="LogoSestajovice"></a>
<h1 class="logoText">Šestajovice</h1>
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<nav class="Nav-items">
<ul class="nav-list">
<li class="nav-item"><a class="nav-link" href="index.html">Úvod</a></li>
<li class="nav-item"><a class="nav-link" href="News.html">Aktuality</a></li>
<li class="nav-item"><a class="nav-link" href="Employes.html">Zaměstnanci</a></li>
<li class="nav-item"><a class="nav-link" href="Contacts.html">Kontakty</a></li>
<li class="nav-item"><a class="nav-link" href="Search.html"><img class="lupa" src="image/search.png" alt="Lupa"></a></li>
</ul>
</nav>
</div>
<nav>
<div class="navbar">
<div class="kontejner nav-container">
<input class="checkbox" type="checkbox" />
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<div class="logox">
</div>
<div class="menu-items">
<ul class="menu-items__list">
<li><a href="index.html">Úvod</a></li>
<li><a href="News.html">Aktuality</a></li>
<li><a href="Employes.html">Zaměstnanci</a></li>
<li><a href="Contacts.html">Kontakty</a></li>
<li><a href="Search.html"><img class="lupaResponsive" src="image/search.png" alt="Lupa"></a></li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<main class="main-mn">
<ul class="drobecek">
<li><a href="index.html">Úvod</a></li>
<li>Aktuality</li>
</ul>
<!-- Informace -->
<article class="obsah kontejner">
<article class="clanek">
<header class="clanek center">
<h2>Návrh střednědobého výhledu obce na rok 2023</h2>
</header>
<div class="main-clanek">
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat dolor ut turpis dignissim, quis maximus tellus sagittis. Etiam leo neque, finibus vel metus sit amet, maximus pellentesque sem. Maecenas id massa porttitor enim condimentum pellentesque. Sed tincidunt ut justo a maximus. Mauris at aliquam ipsum, sit amet convallis lacus. Curabitur non ipsum in odio semper vehicula. Pellentesque cursus blandit sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aliquam nec odio id est fermentum dignissim eget id tellus.
</p>
<p class="text">
Curabitur volutpat vestibulum tortor. Cras tincidunt consectetur justo tempor consequat. Sed porta, orci quis varius ullamcorper, nunc nisi fringilla magna, vitae ultrices lorem mi quis neque. Integer molestie, tellus aliquet venenatis sodales, purus ex sollicitudin massa, id fringilla nisl nulla nec est. Maecenas gravida nisi eget justo mollis, id accumsan nulla tincidunt. Nunc vel lorem dignissim risus tincidunt vehicula non sit amet ex. Vivamus ac leo volutpat, fringilla augue quis, cursus mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque nec ultricies risus.
</p>
<p class="text">
Aliquam erat volutpat. Nunc velit neque, condimentum at viverra et, sagittis sed purus. Sed congue efficitur ex, vitae vehicula nisl aliquet quis. Proin nec tincidunt magna. Mauris eget suscipit tortor. Vestibulum mattis erat sit amet tempus placerat. In et mattis diam. Integer condimentum odio ut nulla egestas accumsan. Proin varius sapien at metus iaculis, sit amet pretium justo dictum. Duis condimentum egestas risus. Phasellus cursus tellus quis augue auctor tempor rhoncus sed libero. Donec viverra augue in ante fringilla porta eget at diam. Curabitur vehicula interdum eros, id auctor erat suscipit ut. Nullam accumsan nisl quam, nec volutpat erat viverra eget. Donec tincidunt sapien velit, at pretium velit fermentum eget. Mauris sit amet semper sapien.
</p>
<p class="text">
Aliquam erat volutpat. Nunc velit neque, condimentum at viverra et, sagittis sed purus. Sed congue efficitur ex, vitae vehicula nisl aliquet quis. Proin nec tincidunt magna. Mauris eget suscipit tortor. Vestibulum mattis erat sit amet tempus placerat. In et mattis diam. Integer condimentum odio ut nulla egestas accumsan. Proin varius sapien at metus iaculis, sit amet pretium justo dictum. Duis condimentum egestas risus. Phasellus cursus tellus quis augue auctor tempor rhoncus sed libero. Donec viverra augue in ante fringilla porta eget at diam. Curabitur vehicula interdum eros, id auctor erat suscipit ut. Nullam accumsan nisl quam, nec volutpat erat viverra eget. Donec tincidunt sapien velit, at pretium velit fermentum eget. Mauris sit amet semper sapien.
</p>
<p class="text">
Aliquam erat volutpat. Nunc velit neque, condimentum at viverra et, sagittis sed purus. Sed congue efficitur ex, vitae vehicula nisl aliquet quis. Proin nec tincidunt magna. Mauris eget suscipit tortor. Vestibulum mattis erat sit amet tempus placerat. In et mattis diam. Integer condimentum odio ut nulla egestas accumsan. Proin varius sapien at metus iaculis, sit amet pretium justo dictum. Duis condimentum egestas risus. Phasellus cursus tellus quis augue auctor tempor rhoncus sed libero. Donec viverra augue in ante fringilla porta eget at diam. Curabitur vehicula interdum eros, id auctor erat suscipit ut. Nullam accumsan nisl quam, nec volutpat erat viverra eget. Donec tincidunt sapien velit, at pretium velit fermentum eget. Mauris sit amet semper sapien.
</p>
</div>
<footer>
<p class="datum">
30.11.2022
</p>
</footer>
</article>
</article>
<!-- Mapa -->
<article class="mapa">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10233.966461697404!2d14.668893554297735!3d50.11452202088612!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470bf306abbd5843%3A0xd2ee64000579ec92!2s250%2092%20%C5%A0estajovice!5e0!3m2!1sen!2scz!4v1669920428458!5m2!1sen!2scz" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</article>
<div class="kontejner"></div>
</main>
<footer class="ft">
<!-- Footer main -->
<section class="ft-main">
<div class="ft-main-item">
<h2 class="ft-title">Kontakty</h2>
<ul>
<li><a href="https://www.google.com/maps/place/Obecn%C3%AD+%C3%BA%C5%99ad+%C5%A0estajovice/@50.1077531,14.6804375,15z/data=!4m5!3m4!1s0x0:0xf59f9fedf01c6037!8m2!3d50.1100087!4d14.6785529">Obecní úřad Šestajovice</a></li>
<li><a >Husova 60</a></li>
<li><a >250 92 Šestajovice</a></li>
<li><a >Telefon: 281 961 479</a></li>
<li><a href="mailto:[email protected]">E-mail: [email protected]</a></li>
</ul>
</div>
<div class="ft-main-item">
<h2 class="ft-title">Úřední hodiny</h2>
<ul>
<li><a>Po 8.00-12.00 13.00-17.00</a></li>
<li><a>Út 8.00-12.00 13.00-16.00</a></li>
<li><a>St 8.00-12.00 13.00-17.00</a></li>
<li><a>Čt 8.00-12.00 </a></li>
</ul>
</div>
<div class="ft-main-item">
<h2 class="ft-title">Rychlé odkazy</h2>
<ul>
<li><a href="https://www.policie.cz/">Policie</a></li>
<li><a href="https://www.hzscr.cz/">Hasiči</a></li>
<li><a href="https://zachrannasluzba.cz/">Záchranka</a></li>
</ul>
</div>
</section>
<!-- Footer social -->
<section class="ft-social">
<ul class="ft-social-list">
<li><a href="https://www.facebook.com/groups/sestajovice"><i class="fab fa-facebook"></i></a></li>
<li><a href="https://www.instagram.com/explore/tags/sestajovice/"><i class="fab fa-instagram"></i></a></li>
</ul>
</section>
<!-- Footer legal -->
<section class="ft-legal">
<ul class="ft-legal-list">
<li><a href="https://kit.pef.czu.cz/">Katedra informačních technologií PEF ČZU</a></li>
<li>© Studentský projekt 2022 - MH, DF, BV</li>
</ul>
</section>
</footer>
</body>
</html>