-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patho nas.html
112 lines (88 loc) · 4.46 KB
/
o nas.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>lipowska - historia</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<link rel="stylesheet" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="menu">
<div id='logo-wrapper'><a href="index.html"><img id='logo' src="logo.png"></a></div>
<div id='nav-wrapper'>
<ul>
<li><a href="o%20nas.html">O NAS</a></li><li><a href="historia.html">HISTORIA</a></li><li><a href="oferta.html">OFERTA</a></li><li><a href="blog.html">BLOG</a></li><li><a href="kontakt.html">KONTAKT</a></li>
</ul>
</div>
<div id='widget-wrapper'><a class="rezerwacje-button">rezerwacje</a><button type="button" class="pogoda_button">Pogoda<div class="arrow-down"></div></button></div><div id="pogoda"><script async src="http://www.yr.no/place/Poland/Silesia/Hala_Lipowska/external_box_small.js"></script><noscript><a href="http://www.yr.no/place/Poland/Silesia/Hala_Lipowska/">yr.no: Prognoza dla Hali Lipowskiej</a></noscript></div>
</div>
<!-- SLIDER -->
<div id="image_wrapper">
<div class="head-img">
<div class="active" style="background-image: url('images/onas_1.jpg');"></div>
</div>
<div id="headline"><h1>O schronisku</h1></div></div>
<div class="content"><div class="wrapper">
<article>
<div class="clearfix">
<div class="spaceafter column1-2 text"> <section class="spaceafter">
<!-- <h2>Przykładowy nagłówek</h2>-->
<p>Prowadzenie schroniska na Hali Lipowskiej jest u nas już rodzinną tradycją kultywowaną już przez trzecie pokolenie rodziny. To miejsce stało się dla nas domem, a każdy turysta jest naszym gościem.
Pani Maria Gowin, dla przyjaciół i stałych bywalców znana jako „Helenka” lub „Miki” prowadzi schronisko nieprzerwanie od 1969. Do roku 1999 w pracy pomagał jej mąż Zbigniew, legenda Beskidów, wieloletni ratownik GOPR, człowiek gór. Po jego śmierci kierowniczce przyszły z pomocą córki z własnymi rodzinami, dziś pomagają jej już dorosłe wnuki.</p><br>
<div class= "column1-1 clearfix spaceafter"><hr>
<p class="lead">U nas zjesz jak u babci i spędzisz czas w prawdziwie domowej atmosferze.</p>
<hr>
</div>
<p>
Ponad 45 lat spędzonych w górach to najdłuższy staż wśród wszystkich gospodarzy schronisk górskich w Polsce.
Przez te wszystkie lata nasza rodzina nabrała doświadczenia, które jest nieocenione w tej wbrew pozorom niełatwej pracy. Na każdego odwiedzającego nas gościa zawsze czeka szczery uśmiech, serdeczne przyjęcie, gorąca herbata i, zdaniem wielu, najlepsza kuchnia w Beskidach, a już na pewno powyżej 1000 m n.p.m.
U nas zjesz jak u babci i spędzisz czas w prawdziwie domowej atmosferze.
Nasze schronisko zdobyło pierwsze miejsce w II Rankingu schronisk górskich „N.P.M.” -magazyn turystyki górskiej.
</p>
</section> </div>
<div class="column1-4"><div class="sidebar-info spaceafter">
<h2>schronisko na <br> Hali Lipowskiej</h3><hr>
<p>Rodzinna tradycja od 1969 roku</p><hr>
<p>Najdłuższy staż wśród wszystkich gospodarzy schronisk górskich w Polsce.</p><hr>
<p>Jedyna w swoim rodzaju domowa kuchnia</p>
</div></div>
<div class= "column1-2 clearfix spaceafter">
<div class="column1-1 nopadl"><img class="text-img" src="images/onas_6.jpg"></div>
<div class="column1-2 nopadl"><img class="text-img" src="images/onas_7.jpg"></div>
<div class="column1-2"><img class="text-img" src="images/onas_4.jpg"></div>
</div>
</div>
</article>
<a href="#0" class="cd-top">Top</a>
</div></div>
<footer></footer>
<script src="js/main.js"></script>
<!--JAVASCRIPT -->
<!--BUTTON POGODA-->
<script>
$(document).ready(function(){
$("#pogoda").hide();
$(".pogoda_button").click(function(){
$("#pogoda").toggle(500);
});
});
</script>
<!--Menu zmiana koloru-->
<script>
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 5) {
$("#menu").addClass("scrolling");
} else {
$("#menu").removeClass("scrolling");
}
});
</script>
</body>
</html>