https://poesiomat.cz/hrady

1<!doctype html>
2<html lang="cz">
3<head>
4    <title>Poesiomat</title>
5    <!-- Required meta tags -->
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&amp;subset=latin-ext" rel="stylesheet">
9
10    <meta name="description" content="Poesiomat">
11    <meta name="keywords" content="Poesiomat">
12    <meta name="robots" content="index, follow">
13
14    
15    <link rel="stylesheet" href="/assets/styles/style.css?v=3">
16    <link rel="stylesheet" href="/assets/styles/fonts.css">
17    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css">
18    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
19    <meta name="viewport" content="width=device-width, initial-scale=1.0">
20
21    <meta name="msapplication-TileColor" content="#da532c">
22    <meta name="theme-color" content="#ffffff">
23
24
25</head>
26<body>
27<header>
28    <div class="desktop">
29        <div class="logo">
30            <a href="/">
31                Poesiomat
32            </a>
33        </div>
34        <div class="navigation">
35            <div class="item"><a href="/">Města</a></div>
36            <div class="item" style="font-size: 23px;">/</div>
37            <div class="item"><a href="/hrady">Hrady</a></div>
38            <div class="item" style="font-size: 23px;">/</div>
39            <div class="item"><a href="/v-krajine">Krajina</a></div>
40            <div class="item" style="font-size: 23px;">/</div>
41            <div class="item"><a href="/co-je-poesiomat">Co je Poesiomat</a></div>
42            <div class="item" style="font-size: 23px;">/</div>
43            <div class="item"><a href="/kontakt">Kontakt</a></div>
44        </div>
45        <div class="language"><a href="/hrady?do=SwitchLang">eng</a></div>
46    </div>
47
48    <div class="mobile">
49        <div class="logo">
50            <a href="/">
51                Poesiomat
52            </a>
53        </div>
54
55        <div class="hamburger hamburgerAction" onclick="toggleHamburger(this)">
56            <div class="bar1"></div>
57            <div class="bar2"></div>
58            <div class="bar3"></div>
59        </div>
60        <div id="dropdownMenu" class="dropdownMenu-content" data-rel-state="closed">
61            <a href="/">Města</a>
62            <a href="/hrady">Hrady</a>
63            <a href="/v-krajine">Krajina</a>
64            <a href="/co-je-poesiomat">Co je Poesiomat</a>
65            <a href="/kontakt">Kontakt</a>
66            <hr>
67            <a class="language-button" href="/hrady?do=SwitchLang">eng</a>
68        </div>
69    </div>
70</header>
71
72
73    <div class="content-container">
74    <div id="projects">
75        <div class="">
76
77            <div class=" thumbnail">
78                <a href="/hrady/75-o-projektu">
79                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1706785727233902.jpg" alt="Hlavní fotografie projektu O projektu" title="Hlavní fotografie projektu O projektu">
80                    <div class="title">
81                        O projektu
82                    </div>
83                </a>
84                <div class="tags">
85                </div>
86            </div>
87            <div class=" thumbnail">
88                <a href="/hrady/68-kuneticka-hora">
89                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1706714399541360.jpg" alt="Hlavní fotografie projektu Kunětická hora" title="Hlavní fotografie projektu Kunětická hora">
90                    <div class="title">
91                        Kunětická hora
92                    </div>
93                </a>
94                <div class="tags">
95                </div>
96            </div>
97            <div class=" thumbnail">
98                <a href="/hrady/86-frydlant">
99                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1715769692558892.jpg" alt="Hlavní fotografie projektu Frýdlant" title="Hlavní fotografie projektu Frýdlant">
100                    <div class="title">
101                        Frýdlant
102                    </div>
103                </a>
104                <div class="tags">
105                </div>
106            </div>
107            <div class=" thumbnail">
108                <a href="/hrady/67-kratochvile">
109                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_170671430048165.jpg" alt="Hlavní fotografie projektu Kratochvíle" title="Hlavní fotografie projektu Kratochvíle">
110                    <div class="title">
111                        Kratochvíle
112                    </div>
113                </a>
114                <div class="tags">
115                </div>
116            </div>
117            <div class=" thumbnail">
118                <a href="/hrady/74-jezeri">
119                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1706785592573922.jpg" alt="Hlavní fotografie projektu Jezeří" title="Hlavní fotografie projektu Jezeří">
120                    <div class="title">
121                        Jezeří
122                    </div>
123                </a>
124                <div class="tags">
125                </div>
126            </div>
127            <div class=" thumbnail">
128                <a href="/hrady/84-lipnice-nad-sazavou">
129                            <img class="img-responsive" src="/assets/images/projects/thumbnails/thumb_1715769313846106.jpg" alt="Hlavní fotografie projektu Lipnice nad SÃ

129¡zavou" title="Hlavní fotografie projektu Lipnice nad Sázavou">
130                    <div class="title">
131                        Lipnice nad Sázavou
132                    </div>
133                </a>
134                <div class="tags">
135                </div>
136            </div>
137
138        </div>
139
140    </div>
141
142    </div>
143
144<footer>
145    <div class="navigation">
146        <div class="item item-link"><a href="/">Města</a></div>
147        <div class="item">/</div>
148        <div class="item item-link"><a href="/v-krajine">Krajina</a></div>
149        <div class="item">/</div>
150        <div class="item item-link"><a href="/co-je-poesiomat">Co je Poesiomat</a></div>
151        <div class="item">/</div>
152        <div class="item item-link"><a href="/kontakt">Kontakt</a></div>
153    </div>
154    <div class="copyright">
155        copyright © 2026 Poesiomat / created by <a href="http://procorp.cz/" target="_blank">Procorp</a>
156    </div>
157</footer>

157
158    <script src='https://www.google.com/recaptcha/api.js'></script>

159</body>
160

161<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

161

162<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

162

163<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

163

164<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>

164

165<script src="https://nette.github.io/resources/js/3/netteForms.min.js"></script>

165

166<script src="/assets/js/nette.ajax.js"></script>

166

167<script>$.nette.init();</script>

167

168<script>
169    function toggleHamburger(x) {
170        x.classList.toggle("change");
171    }
172
173    $(document).ready(function() {
174
175        var blocked = 0;
176        /*$('body').on('click','.project-image', function() {
177            $(".show-photo").css("display","none");
178            var image = $(".image");
179            var actualImage = parseInt(image.attr("data-image-actual"));
180            var maxImage = parseInt(image.attr("data-image-max"));
181            var nextImage = actualImage + 1;
182
183            if(nextImage < maxImage) {
184                image.attr("data-image-actual",nextImage);
185                $('.show-photo[data-image-index="'+nextImage+'"]').css("display","block");
186                $(".actual-count").text(nextImage+1);
187            }else {
188                image.attr("data-image-actual",0);
189                $('.show-photo[data-image-index="0"]').css("display","block");
190                $(".actual-count").text(1);
191            }
192        });*/
193        $('body').on('click', '.arrow-next', function() {
194
195            if(blocked === 0) {
196                blocked = 1;
197                var image = $(".image");
198                var actualImage = parseInt(image.attr("data-image-actual"));
199                var maxImage = parseInt(image.attr("data-image-max"));
200                var nextImage = actualImage + 1;
201
202                if (nextImage < maxImage) {
203                    $('.show-photo[data-image-index="' + actualImage + '"]').fadeOut('fast', function () {
204                        $('.show-photo[data-image-index="' + nextImage + '"]').fadeIn('slow', function() { blocked = 0;});
205                    });
206                    image.attr("data-image-actual", nextImage);
207                    $(".actual-count").text(nextImage + 1);
208                } else {
209                    $('.show-photo[data-image-index="' + actualImage + '"]').fadeOut('fast', function () {
210                        $('.show-photo[data-image-index="0"]').fadeIn('slow', function() { blocked = 0;});
211                    });
212                    image.attr("data-image-actual", 0);
213                    $(".actual-count").text(1);
214                }
215            }
216        });
217        $('body').on('click', '.arrow-before', function() {
218
219            if(blocked === 0) {
220                blocked = 1;
221                var image = $(".image");
222                var actualImage = parseInt(image.attr("data-image-actual"));
223                var maxImage = parseInt(image.attr("data-image-max"));
224                var nextImage = actualImage - 1;
225
226                if (nextImage < 0) {
227                    $('.show-photo[data-image-index="' + actualImage + '"]').fadeOut('fast', function () {
228                        $('.show-photo[data-image-index="' + (maxImage - 1) + '"]').fadeIn('slow', function() { blocked = 0;});
229                    });
230                    image.attr("data-image-actual", maxImage - 1);
231                    $(".actual-count").text(maxImage);
232                } else {
233                    $('.show-photo[data-image-index="' + actualImage + '"]').fadeOut('fast', function () {
234                        $('.show-photo[data-image-index="' + nextImage + '"]').fadeIn('slow', function() { blocked = 0;});
235                    });
236                    image.attr("data-image-actual", nextImage);
237                    $(".actual-count").text(nextImage + 1);
238                }
239            }
240        });
241        $(".hamburgerAction").click(function (e) {
242            var dropdownMenu  = $("#dropdownMenu");
243            var state = dropdownMenu.attr("data-rel-state");
244            if(state === "closed") { alert
245                dropdownMenu.show();
246                dropdownMenu.attr("data-rel-state","open");
247            }else{
248                dropdownMenu.hide();
249                dropdownMenu.attr("data-rel-state","closed");
250            }
251        })
252        $( ".image-overlay" ).hover(
253            function() {
254                var source = $(this).attr("data-rel-arrow");
255               // $("."+source).css({ visibility:"visible", opacity: 0.0}).animate({ opacity: 1.0},200);
256            }, function() {
257                var source = $(this).attr("data-rel-arrow");
258                /*$("."+source).animate({ opacity: 0.0}, 200, function(){
259                    $("."+source).find(".arrow").css("visibility","hidden");
260                });*/
261            }
262        );
263    });
264</script>

264
265
266
267</html>