dobsin-web-concept/tipy.html at main · SPSMB/dobsin-web-concept · GitHub

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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tipy na výlet  | Dobšín - Kamenice</title>
    <meta name="description" content="Oficiální Webové Stránky vesnice Dobšín">

    <link rel="apple-touch-icon" sizes="180x180" href="./res/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./res/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./res/favicon/favicon-16x16.png">
    <link rel="manifest" href="./site.webmanifest">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="./res/css/style.css">
</head>
<body>

    <nav class="nav">
        <a href="./index.html" class="nav__logoBx">
            <img src="./res/img/dobsin-logo.png" alt="Znak Dobšína" class="nav__logo">
        </a>

        <div class="nav__links">
            <a href="./index.html" class="nav__link">Úvod</a>
            <a href="./informace.html" class="nav__link">Informace</a>
            <a href="./aktuality.html" class="nav__link">Aktuality</a>
            <a href="./tipy.html" class="nav__link navActiveLink">Tipy na výlet</a>
            <a href="./sdh-dobsin.html" class="nav__link">SDH Dobšín</a>
            <a href="./kontakty.html" class="nav__link">Kontakty</a>
        </div>

        <div class="nav__toggleBx desktopHidden">
            <span class="nav__toggle"></span>
            <span class="nav__toggle"></span>
            <span class="nav__toggle"></span>
        </div>
    </nav>

    <span class="nav__shadowElement desktopHidden"></span>


    <header class="halfHeader">
        <div class="header__img" style="background-image: url(./res/img/dobsin-places/kost.jpg); background-position: center 70px;">
            <div class="header__cover">
                <div class="header__pathBx">
                    <a href="./index.html" class="header__pathText pathLink">Úvod</a>
                    <p class="header__pathText">Tipy na výlet</p>
                </div>

                <h1 class="header__title">Tipy na výlet</h1>

                <a class="header__down" href="#main"></a>
            </div>
        </div>
    </header>


    <main class="mainInfo sectionContainer" id="main">
        <div class="mainInfo__container">
            <div class="mainInfo__bx">
                <div class="mainInfo__textBx">
                    <h2 class="mainInfo__title">Hrad Kost</h2>
                    <p class="mainInfo__text">Kost je gotický hrad ze 13. století, kdy si pravděpodobně rod Vartemberků vybudoval kamennou tvrz s obrannou věží. Své jméno si hrad získal tím, že odolával nepřátelům, kteří si na něm vylámali zuby a tak se o něm říkalo, že je tvrdý jako kost. Aktuálně je prohlídka hradu rozdělena do čtyř okruhů. Hrad je také <span class="mainInfo__lineBreak"></span> Kost se nachází v Českém ráji nedaleko města Sobotky a asi osmnáct kilometrů od Jičína.</p>
                </div>
                <div class="mainInfo__imgBx">
                    <img src="./res/img/places/hrad-kost.jpg" alt="Obrázek hradu Kost" draggable="false" class="mainInfo__img" loading="lazy">
                </div>
            </div>
            <div class="mainInfo__bx">
                <div class="mainInfo__textBx">
                    <h2 class="mainInfo__title">Trosky</h2>
                    <p class="mainInfo__text">Trosky jsou zřícenina hradu na vrcholu stejnojmenného vrchu. Hrad je ve vlastnictví státu a je přístupný veřejnosti. Od roku 2002 je zařazen mezi národní kulturní památky. Trosky jsou symbolem Českého ráje a jedním z nejnavštěvovanějších hradů v Česku. Nadmořská výška kuželu Baba dosahuje 502 metrů a výška kuželu Panna je 511 metrů.<span class="mainInfo__lineBreak"></span>Zřícenina hradu je přístupná v návštěvních hodinách od dubna do října. K vrchu vede odbočka ze silnice z Troskovic k silnici I/35, která končí na parkovišti pod hradem.</p>
                </div>
                <div class="mainInfo__imgBx">
                    <img src="./res/img/places/trosky.webp" alt="Obrázek Trosek" draggable="false" class="mainInfo__img" loading="lazy">
                </div>
            </div>
            <div class="mainInfo__bx">
                <div class="mainInfo__textBx">
                    <h2 class="mainInfo__title">Zámek Hrubá Skála</h2>
                    <p class="mainInfo__text">Hrubá Skála je hrad přestavěný na zámek u stejnojmenné vesnice v okrese Semily v Libereckém kraji. Vznikl přestavbou hradu Skála postaveného ve 14. století pány z Valdštejna. Nachází se v krajině mezi hradem Trosky a hradem Valdštejn. V současné době je romantický zámek Hrubá Skála stylovým hotelem s restaurací. Ideální místo pro strávení luxusní dovolené v Českém ráji.<span class="mainInfo__lineBreak"></span>Zámek stojí na pískovcové skále a leží asi šest kilometrů jihovýchodně od Turnova nad obcí Hrubá Skála. Je k němu možné jet autem ze silnice Turnov - Jičín. Pro veřejnost jsou přístupné k prohlídce nádvoří a hradní vyhlídková věž, zbytek zámku slouží jako hotel.</p>
                </div>
                <div class="mainInfo__imgBx">
                    <img src="./res/img/places/zamek-hruba-skala.jpg" alt="Obrázek zámku Hrubá Skála" draggable="false" class="mainInfo__img" loading="lazy">
                </div>
            </div>
            <div class="mainInfo__bx">
                <div class="mainInfo__textBx">
                    <h2 class="mainInfo__title">Prachovské Skály</h2>
                    <p class="mainInfo__text">Prachovské skály jsou pískovcová skalní oblast, přírodní rezervace a součást Chráněné krajinné oblasti Český ráj. Skalní masiv vznikl v období druhohor jako usazeniny mělkého křídového moře.<span class="mainInfo__lineBreak"></span>Oblast se nachází 7 km od Jičína. Pro návštěvníky v časové tísni je vyznačen malý okruh, který je možné zdolat za méně než hodinu. Pokud chcete vidět podstatnou část skalního města, vyhraďte si na prohlídku alespoň dvě hodiny a projděte si velký okruh.</p>
                </div>
                <div class="mainInfo__imgBx">
                    <img src="./res/img/places/prachovske-skaly.jpg" alt="Obrázek Prachovských skal" draggable="false" class="mainInfo__img" loading="lazy">
                </div>
            </div>
            <div class="mainInfo__bx">
                <div class="mainInfo__textBx">
                    <h2 class="mainInfo__title">Valdštejn</h2>
                    <p class="mainInfo__text">Valdštejn je zřícenina hradu v okrese Semily blízko Turnova, v oblasti Českého ráje. Rodový hrad pánů z Valdštejna pochází z druhé poloviny 13. století. Je jedním z nejstarších hradů v oblasti.V kapličce se nachází nejspíše jediný obraz s Karlem Hynkem Máchou v podobě světce.<span class="mainInfo__lineBreak">K hradu Valdštejn se dostanete pěšky zelenou a červenou turistickou trasou. Počítejte s tím, že nejbližší parkovací možnosti jsou odtud přibližně jeden kilometr vzdálené, jiná možnost než pěší chůze není.</span></p>
                </div>
                <div class="mainInfo__imgBx">
                    <img src="./res/img/places/valdstejn.jpg" alt="Obrázek hradu Valdštejn" draggable="false" class="mainInfo__img" loading="lazy">
                </div>
            </div>
            <div class="mainInfo__bx">
                <div class="mainInfo__textBx">
                    <h2 class="mainInfo__title">Drábské Světničky</h2>
                    <p class="mainInfo__text">Drábské světničky jsou pozůstatky původně dřevěného hradu na pískovcových blocích. Skalní pevnost byla vybudována na severozápadním okraji plošiny zvané Hrada v nadmořské výšce okolo 370 m n. m. Hrad je od roku 1958 chráněn jako součást rozsáhlé nemovité kulturní památky. Vlastníkem pozemku s areálem hradu je Česká republika, správu a péči o památku zajišťují Lesy České republiky.<span class="mainInfo__lineBreak"></span>Drábské světničky se nacházejí v okrese Mladá Boleslav, 4 km východně od Mnichova Hradiště. Ke hradu vedou 3 turistické trasy. První je cesta z parkoviště ve vsi Dneboh. Druhá je cesta od parkoviště Na Krásné vyhlídce. Třetí je cesta od placeného parkoviště u hradu Valečov.</p>
                </div>
                <div class="mainInfo__imgBx">
                    <img src="./res/img/places/drabske-svetnicky.jpg" alt="Obrázek hradu Kost" draggable="false" class="mainInfo__img" loading="lazy">
                </div>
            </div>
        </div>
    </main>


    <footer class="footer">
        <div class="footer__container">
            <div class="footer__bx footerDouble">
                <h3 class="footer__title">Rychlé Odkazy</h3>
                <div class="footer__doubleBx">
                    <div class="footer__linkBx">
                        <a href="./manage-pages/povinne-informace.html" class="footer__link">Povinné Informace</a>
                        <a href="./manage-pages/poplatky.html" class="footer__link">Poplatky</a>
                        <a href="./manage-pages/fotogalerie.html" class="footer__link">Fotogalerie</a>
                        <a href="./manage-pages/odkazy.html" class="footer__link">Odkazy</a>
                    </div>

                    <div class="footer__linkBx">
                        <a href="./manage-pages/uzemni-plan.html" class="footer__link">Územní Plán</a>
                        <a href="./manage-pages/rozhlas.html" class="footer__link">Hlášení Rozhlasu</a>
                        <a href="https://www.czechpoint.cz/public/" class="footer__link">Czech POINT</a>
                        <a href="./manage-pages/sal.html" class="footer__link">Multifunkční Sál</a>
                    </div>
                </div>
            </div>

            <div class="footer__bx">
                <h3 class="footer__title">Aktuality</h3>
                <div class="footer__linkBx">
                    <a href="./aktuality.html?filter=informace" class="footer__link">Informace</a>
                    <a href="./aktuality.html?filter=dokumenty" class="footer__link">Dokumenty</a>
                    <a href="./aktuality.html?filter=rozpocet" class="footer__link">Rozpočet</a>
                    <a href="./aktuality.html?filter=zapisy" class="footer__link">Zápisy Zasedání</a>
                </div>
            </div>

            <div class="footer__bx">
                <h3 class="footer__title">Kontakty</h3>
                <div class="footer__linkBx">
                    <p class="footer__text">Obecní úřad Dobšín</p>
                    <p class="footer__text">Dobšín 51</p>
                    <p class="footer__text">294 04 Dolní Bousov</p>
                    <p class="footer__text">Tel: 326 396 470</p>
                </div>
            </div>


            <div class="footer__bx">
                <div class="footer__linkBx">
                    <p class="footer__text">Úřední hodiny - Pátek 17:00 - 19:00</p>
                    <p class="footer__text">Email: <a href="mailto:ou.dobsin@seznam.cz" class="footer__link footerLinkRight">ou.dobsin@seznam.cz</a></p>
                    <p class="footer__text">Datová schránka: 8a8avvk</p>
                </div>
            </div>
        </div>
        <div class="footer__createdBy">
            Vytvořili
            <div class="created__bx">
                <a href="https://github.com/ttoomas" class="footer__link footerCreatedLink footerLinkRight">Tomáš Folprecht</a>
                <span class="created__and">&</span>
                <a href="https://github.com/pavel-skala" class="footer__link footerCreatedLink footerLinkRight">Pavel Skála</a>
                <span class="created__and">&</span>
                <a href="https://github.com/lukas02727" class="footer__link footerCreatedLink footerLinkRight">Lukáš Hodovník</a>
            </div>
        </div>
    </footer>


    <!-- JS -->
    <script src="./res/js/main.js"></script>

</body>
</html>