https://dalmo.cz/onas.html

1<!DOCTYPE html>
2<html lang="cs">
3
4<head>
5
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8    <meta name="description" content="Pension Dalmo">
9    <meta name="author" content="Tomáš Kadleček">
10
11    <title>Pension Dalmo</title>
12
13    <!-- Bootstrap core CSS -->
14    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
15
16    <!-- Custom styles for this template -->
17    <link href="css/modern-business.css" rel="stylesheet">
18
19    <link type="text/css" rel="stylesheet" href="css/style.css" />
20
21
22    <!-- Custom styles for this template -->
23    <link href="css/scrolling-nav.css" rel="stylesheet">
24
25    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
26</head>
27
28<body id="page-top">
29
30    <!-- Navigation -->
31    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
32        <div class="container">
33          <button id='second_button' class="btn btn-light" onclick="window.location.href='booking.html#booking';">Rezervace</button>
34            <a class="navbar-brand" href="index.html#page-top"> <img src="/img/dalmo_logo2.png" classs="logo_dalmo" id="test"></a>
35            
36            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
37                aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
38                <span class="navbar-toggler-icon"></span>
39            </button>
40
41
42            <div class="collapse navbar-collapse" id="navbarResponsive">
43              <ul class="navbar-nav ml-auto">
44                  <li class="nav-item">
45                      <a class="nav-link" href="index.html#about">O nás</a>
46                  </li>
47                  <li class="nav-item">
48                      <a class="nav-link" href="index.html#ubytovani">Ubytování</a>
49                  </li>
50                  <li class="nav-item">
51                      <a class="nav-link" href="index.html#special_services">Speciální nabídky</a>
52                  </li>                   
53                  <li class="nav-item">
54                      <a class="nav-link" href="index.html#areal">

54Sportovní areál</a>
55                  </li>
56                  <li class="nav-item">
57                      <a class="nav-link" href="index.html#contact">Kontakt</a>
58                  </li>
59                  <li class="nav-item">
60                    <button class="btn btn-light" type="submit" onclick="window.location.href='booking.html#rezervace';">Rezervace</button>
61                  </li>
62              </ul>
63          </div>
64
65        </div>
66    </nav>
67
68    <header>
69      <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
70        <div class="carousel-inner">
71          <!-- Slide One - Set the background image for this slide in the line below -->
72          <div class="carousel-item-main active back_image" style="height: 400px;">
73            <div class="carousel-caption">
74            </div>
75          </div>
76        </div>
77      </div>
78            
79    </header>
80
81
82
83    <section id="onas" class="bg-light">
84      <!--
85    
86        <h1 style="font-size:large;" class="mt-4 mb-3">Reference
87            <small>Hodnocení našich hostů</small>
88          </h1>
89    
90          
91          <div class="row">
92            <div class="container">
93              <div class="carousel slide multi-item-carousel" id="theCarousel">
94                <div class="carousel-inner row w-100 mx-auto">
95                  <div class="carousel-item active col-md-4">
96                    <div class="card h-100 zoom">
97                      <a href="room2.html#ubytovani">
98                        <div class="inner">
99                          <img class="card-img-top" src="/img/room_top/IMG_two.JPEG" alt="">
100                        </div>
101                      </a>
102                      <div class="card-body">
103                        <p class="card-text">Jezdíme do penzionu každé léto už 19 let. Milujeme okolní přírodu a klid.</p><p>manželé Bartákovi</p>
104                      </div>
105                    </div>
106                  </div>
107                  <div class="carousel-item col-md-4">
108                    <div class="card h-100 zoom">
109                      <a href="room3.html#ubytovani">
110                        <div class="inner">
111                          <img class="card-img-top" src="/img/room_top/IMG_three.JPEG" alt="">
112                        </div>
113                      </a>
114                      <div class="card-body">
115                        <p class="card-text">"Super pokoj s možností využití lednice, kuchyňky a dále v nadstavbě bazén, kulečník, minigolf
116                          a velmi vstřicná a pohodová pani domáci. Ráno snídaně též super."<p>Martin P.</p>
117                        </p>
118                      </div>
119                    </div>
120                  </div>
121                  <div class="carousel-item col-md-4">
122                    <div class="card h-100 zoom">
123                      <a href="room4.html#ubytovani">
124                        <div class="inner">
125                          <img class="card-img-top" src="/img/room_top/IMG_four.JPEG" alt="">
126                        </div>
127                      </a>
128                      <div class="card-body">
129                        <p class="card-text">"Neobyčejně milý a ochotný personál. Skvělá snídaně. Učitě ještě přijedeme."<p>rodina Tomáškových</p></p>
130                      </div>
131                    </div>
132                  </div>
133          <a class="carousel-control-prev" href="#theCarousel" role="button" data-slide="prev">
134            <span class="carousel-control-prev-icon" aria-hidden="true">
135
136              <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor"
137                class="bi bi-arrow-left-circle-fill" viewBox="0 0 20 20">
138                <path fill-rule="evenodd"
139                  d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-4.5.5a.5.5 0 0 0 0-1H5.707l2.147-2.146a.5.5 0 1 0-.708-.708l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708-.708L5.707 8.5H11.5z" />
140              </svg>
141            </span>
142            <span class="sr-only">Previous</span>
143          </a>
144          <a class="carousel-control-next" href="#theCarousel" role="button" data-sli

144de="next">
145            <span class="carousel-control-next-icon" aria-hidden="true">
146              <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor"
147                class="bi bi-arrow-right-circle-fill" viewBox="0 0 20 20">
148                <path fill-rule="evenodd"
149                  d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-11.5.5a.5.5 0 0 1 0-1h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5z" />
150              </svg>
151            </span>
152            <span class="sr-only">Next</span>
153          </a>
154            </div>
155          </div>
156        </div>
157      </div>
158      </div>-->
159
160        <div class="container" style="padding-top: 1em;">
161
162
163
164
165
166            <!-- Page Heading/Breadcrumbs -->
167            <h1 class="mt-4 mb-3">O nás
168                <small>Příběh penzionu</small>
169              </h1>
170        
171              <!--informační navigační lišta
172              <ol class="breadcrumb">
173                <li class="breadcrumb-item">
174                  <a href="#page-top" class="js-scroll-trigger">Domů</a>
175                </li>
176                <li class="breadcrumb-item active">O nás</li>
177              </ol>
178            -->
179              <!-- Intro Content -->
180              <div class="row">
181                <div class="col-lg-6">
182                  <img class="img-fluid rounded mb-4" src="img/nas_team.jpeg" alt="">
183                </div>
184                <div class="col-lg-6">
185                  <h2>Náš příběh</h2>
186                  <p>Vybudovat rodinný penzion bylo rozhodnutí, které se postupně zrodilo v mysli našich rodičů a prarodičů.
187                    Původní účel areálu byl statek. Chovali se zde nejrůznější zvířata a ke statku patřilo několik budov a polí.
188                    Přestavba na rodinný penzion byla dlouhá, ale krásná cesta.
189                  </p>
190                  <p> Na počátku bylo nejtěžší vymyslet název. Byla spousta možných variant, ale nakonec zvítězila pouze jedna.
191                    Naši prarodiče mají tři sestry: Darinu, Moniku a Alenu. A tak se rozhodli pojmenovat penzion po svých
192                    dcerách. Jak už jste si asi domysleli, tak název DALMO znamená: DA jako Darina, AL jako Alena a MO jako
193                    Monika.
194                  </p>
195                  <p>Penzion a pozemky, na kterých stojí mají hlubokou historii a celý areál patří do městské památkové zóny
196                    Sedlec-Prčice. Najdete zde tu pravou
197                    rodinnou atmosféru, pohodový odpočinek, nebo aktivně strávenou dovolenou.
198                  </p>
199
200                  <p>
201                    Vítáme Vás na stránkách pensionu Dalmo a těšíme na Vaši návštěvu.
202                  </p>
203        
204                </div>
205              </div>
206
207
208        </div>
209    </section>
210
211
212    <!-- Footer -->
213
214  <footer class="mainfooter" role="contentinfo">
215    <div class="footer-middle">
216      <div class="container">
217        <div class="row">
218          <div class="col-md-3 col-sm-6">
219            <!--Column1-->
220            <div class="footer-pad">
221              <h4>Hlavní stránka</h4>
222              <ul class="list-unstyled">
223                <li><a class='js-scroll-trigger' href="index.html#page-top"></a></li>
224                <li><a class='js-scroll-trigger' href="index.html#about">O nás</a></li>
225                <li><a class='js-scroll-trigger' href="index.html#special_services">Speciální nabídka</a></li>
226                <li><a class='js-scroll-trigger' href="index.html#ubytovani">Ubytování</a></li>
227                <li><a class='js-scroll-trigger' href="index.html#services">

227Sportovní areál</a></li>
228                <li><a class='js-scroll-trigger' href="index.html#contact">Kontakt</a></li>
229              </ul>
230            </div>
231          </div>
232          <div class="col-md-3 col-sm-6">
233            <!--Column1-->
234            <div class="footer-pad">
235              <h4>Typy pokojů</h4>
236              <ul class="list-unstyled">
237                <li><a href="room2.html#ubytovani">Dvoulůžkové pokoje</a></li>
238                <li><a href="room3.html#ubytovani">Třílůžkové pokoje</a></li>
239                <li><a href="room4.html#ubytovani">Čtyřlůžkové pokoje</a></li>
240                <li><a href="room5.html#ubytovani">Pětilůžkové pokoje</a></li>
241                
242                <li><a href="roomApartman.html#ubytovani">Apartmány</a></li>
243              </ul>
244            </div>
245          </div>
246          <div class="col-md-3 col-sm-6">
247            <!--Column1-->
248            <div class="footer-pad">
249              <h4>Speciální nabídka</h4>
250              <ul class="list-unstyled">
251                <li><a href="offerfamily.html#rodiny">Rodiny s dětmi</a></li>
252                <li><a href="offferbicycle.html#cyklisti">Cyklisti</a></li>
253                <li><a href="offercompany.html#firmy">Firemní akce</a></li>
254                <li> <button class="btn btn-light" type="submit">Rezervace</button></li>
255
256                <li>
257                  <a href="#"></a>
258                </li>
259              </ul>
260            </div>
261          </div>
262          <div class="col-md-3">
263            <h4>Sleduj nás</h4>
264            <ul class="social-network social-circle">
265              <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
266              <li><a href="#" class="icoInstagram" title="Instagram"><i class="fa fa-instagram"></i></a></li>
267            </ul>
268          </div>
269        </div>
270        <div class="row">
271          <div class="col-md-12 copy">
272            <p class="text-center">&copy; Copyright 2020 - Pension Dalmo. Všechna práva vyhrazena.</p>
273          </div>
274        </div>
275      </div>
276    </div>
277  </footer>
278    <!-- Bootstrap core JavaScript -->
279    

279<script src="vendor/jquery/jquery.min.js"></script>

279
280    

280<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

280
281
282    <!-- Plugin JavaScript -->
283    

283<script src="vendor/jquery-easing/jquery.easing.min.js"></script>

283
284
285    <!-- Custom JavaScript for this theme -->
286    

286<script src="js/scrolling-nav.js"></script>

286
287
288    

288<script>
289        var jump = function (e) {
290            if (e) {
291                e.preventDefault();
292                var target = $(this).attr("href");
293            } else {
294                var target = location.hash;
295            }
296            console.log(target);
297
298            $('html, body').animate({
299
300                scrollTop: $(target).offset().top - 40
301            }, 1000, "easeInOutExpo");
302            return false;
303
304        }
305
306        $('html, body').hide();
307
308        $(document).ready(function () {
309            console.log('function');
310            $('a.test[href*="#"]:not([href="#"])').bind("click", jump);
311            console.log(location.hash);
312            if (location.hash) {
313                setTimeout(function () {
314                    $('html, body').scrollTop(0).show();
315                    jump();
316                }, 0);
317            } else {
318                $('html, body').show();
319            }
320        });
321
322        $(function () {
323            var selectedClass = "";
324            $(".filter").click(function () {
325                selectedClass = $(this).attr("data-rel");
326                $("#gallery").fadeTo(100, 0.1);
327                $("#gallery div").not("." + selectedClass).fadeOut().removeClass('animation');
328                setTimeout(function () {
329                    $("." + selectedClass).fadeIn().addClass('animation');
330                    $("#gallery").fadeTo(300, 1);
331                }, 300);
332            });
333        });
334
335        $(document).ready(function(){
336        $("img").click(function(){
337           var img=$(this).attr('src');
338             $("#show-img").attr('src',img);
339             $("#imgmodal").modal('show');
340        });
341    });
342    </script>

342
343
344</body>
345
346</html>