-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_en.html
429 lines (368 loc) · 19.4 KB
/
index_en.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
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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Huiba Hitte</title>
<meta name="description" content="Huiba Hitte, Ski hut at Kronplatz. We process regional products with short transportation routes into delicious dishes.">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:image" content="https://huibahitte.com/img/hitte_sunrise.jpg">
<meta property="og:title" content="Huiba Hitte">
<meta property="og:description" content="We process regional products with short transportation routes into delicious dishes on our hut at Kronplatz." />
<meta property="og:url" content="https://huibahitte.com">
<!--Favicon-->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#3e352e">
<meta name="msapplication-TileColor" content="#3e352e">
<meta name="theme-color" content="#3e352e">
<!-- External CSS -->
<link rel="stylesheet" href="vendor/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="vendor/select2/select2.min.css">
<link rel="stylesheet" href="vendor/owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/css/tempusdominus-bootstrap-4.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/brands.css">
<!-- Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Josefin+Sans:300,400,700">
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- CSS -->
<link rel="stylesheet" href="css/style.min.css">
<!-- Modernizr JS for IE8 support of HTML5 elements and media queries -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
</head>
<body data-spy="scroll" data-target="#navbar" class="static-layout">
<div id="canvas-overlay"></div>
<div class="boxed-page">
<nav id="navbar-header" class="navbar navbar-expand">
<div class="container">
<div class="justify-content-between" id="navbarSupportedContent">
<ul class="navbar-nav d-flex justify-content-between">
<div class="d-flex flex-lg-row flex-sm-row">
<li class="nav-item">
<a class="nav-link" href="index.html">DE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index_it.html">IT</a>
</li>
<li class="nav-item active">
<a class="nav-link">EN</a>
</li>
</div>
</ul>
</div>
</div>
</nav>
<div class="hero">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-lg-6 hero-left">
<div class="d-flex align-items-center justify-content-center">
<a class="navbar-brand navbar-brand-center d-flex align-items-center justify-content-center">
<img src="img/huibahittelogo_dark.png" alt="" style="height: fit-content">
</a>
</div>
<div class="d-flex align-items-center justify-content-center">
<h1 class="display-4 mb-5 section-padding">
<a href="index.html">Hoila</a><br>
<a href="index_it.html">Benvenuti</a><br>
<a href="#welcome">Welcome</a><br>
</h1>
<div class="mb-2">
<!-- <a class="btn btn-primary btn-shadow btn-lg" href="#welcome" role="button">Mochts enk fein</a> -->
</div>
</div>
</div>
<div class="col-lg-6 hero-right only-desktop">
<div class="owl-carousel owl-theme hero-carousel rounded">
<div class="item">
<img class="img-fluid rounded" src="img/hitte_sunrise.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Welcome Section -->
<section id="welcome" class="bg-white section-padding">
<div class="container">
<div class="section-content">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-5 img-bg d-flex shadow align-items-center justify-content-center justify-content-md-end img-2 rounded" style="background-image: url(img/family.jpg);">
</div>
<div class="col-sm-12 col-md-6 only-mobile img-bg d-flex shadow align-items-center justify-content-center justify-content-md-end img-2 rounded" style="background-image: url(img/hitte_sunrise.jpg);">
</div>
<div class="col-sm-12 col-lg-7 pl-md-0 pl-lg-4 padding-top">
<div class="heading-section pl-lg-5 ml-md-0">
<span class="subheading">
Nice to have you here. Feel at home. Enjoy
</span>
<h2>
Make yourselves comfortable
</h2>
</div>
<div class="pl-lg-5 ml-md-0">
<p>We, the team, welcome you whole heartedly to the Huiba Hitte. To ensure the best culinary experience we use regional products with short transport routes and some goods we produce at our home farm, the Huiba Hof in Mitterolang.</p>
<h3 class="mt-5">Own farm products</h3>
<div class="row">
<div class="col-4">
<div class="thumb-menu">
<img class="img-fluid img-cover shadow rounded" src="img/steak.jpg" />
<h6>Meat from the farm</h6>
</div>
</div>
<div class="col-4">
<div class="thumb-menu">
<img class="img-fluid img-cover shadow rounded" src="img/kartoffel_ernte_2.jpg" />
<h6>Potato harvest</h6>
</div>
</div>
<div class="col-4">
<div class="thumb-menu">
<img class="img-fluid img-cover shadow rounded" src="img/kartoffel.jpg"/>
<h6>Delivery to the hut</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of Welcome Section -->
<!-- kitchen Section -->
<section id="kitchen" class="">
<div class="container">
<div class="section-content">
<div class="heading-section text-center">
<span class="subheading">
Culinary delights
</span>
<h1 class="heading">
Our cuisine
</h1>
<p>
Come in and take a seat on our cozy terrace and in our dining rooms. Let yourself be served and pampered with hearty dishes and drinks. Under the motto “simple and good”, our kitchen team creates refined meals from high-quality and regional products. We are particularly pleased to be able to use our own farm products such as our beef and potatoes.
<br><br>
We hope you enjoy it!
</p>
</div>
<div class="owl-carousel owl-theme hero-carousel">
<div class="item">
<img class="img-fluid shadow rounded" src="img/speckbrettl.jpg" alt="">
</div>
<div class="item">
<img class="img-fluid shadow rounded" src="img/wedges.jpg" alt="">
</div>
<div class="item">
<img class="img-fluid shadow rounded" src="img/schmorrn.jpg" alt="">
</div>
<div class="item">
<img class="img-fluid shadow rounded" src="img/kneidl.jpg" alt="">
</div>
<div class="item">
<img class="img-fluid shadow rounded" src="img/teigtaschn.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<div class="img-bg w-100">
<img src="img/wine-food-fade.jpg" alt="" class="img-bg w-100">
</div>
<!-- End kitchen Section -->
<!-- story Section -->
<section id="story" class="bg-white section-padding">
<div class="container">
<div class="section-content">
<div class="heading-section text-center">
<span class="subheading">
The history
</span>
<h1 class="heading">
Our "Albl"
</h1>
</div>
<div class="row mt-5">
<div class="col-lg-5 col-md-6 align-self-center py-5">
<h2 class="story-title">Ski hut in<br>winter</h2>
<div class="story-text">
<!-- <h3><span>Skihütte</span><br>im Winter</h3> -->
<p class="pt-3">The „Huiba“ hut is located at 1800 m on the side of Valdaora of the Plan de Corones with six hectares of meadows. It has been owned by the Pörnbacher - Huber family from Olang for 70 years. In the first 50 years, the then so called Ruipa "Albl" was leased and in 1998 it was rebuilt under the name "Huber Alm".</p>
</div>
</div>
<div class="col-lg-5 offset-lg-2 col-md-6 align-self-center mt-4 mt-md-0">
<img src="img/hitte_old.jpg" alt="" class="img-fluid shadow rounded w-100">
</div>
</div>
<div class="row mt-5">
<div class="col-lg-5 col-md-6 align-self-center order-2 order-md-1 mt-4 mt-md-0">
<img src="img/hitte-sommer.jpg" alt="" class="img-fluid shadow rounded w-100">
</div>
<div class="col-lg-5 offset-lg-2 col-md-6 align-self-center order-1 order-md-2 py-5">
<h2 class="story-title">Pasture in<br>summer</h2>
<div class="story-text">
<!-- <h3><span>Weide</span><br>im Sommer</h3> -->
<p class="pt-3">Some of our cows and young cattle graze on the ski slopes during the summer months. In winter, the alp was leased and used as a ski hut. In 2022 we took over the hut ourselves as a family and run it under our farm name "Huiba".</p>
<p>We are particularly pleased that we use products such as our own beef and potatoes here
</p>
</div>
</div>
</div>
<div class="owl-carousel owl-theme hero-carousel padding-top">
<div class="item">
<img class="img-fluid shadow rounded" src="img/hitte_innen.jpg" alt="">
</div>
<div class="item">
<img class="img-fluid shadow rounded" src="img/stube.jpg" alt="">
</div>
<div class="item">
<img class="img-fluid shadow rounded" src="img/hitte_voll.jpg" alt="">
</div>
<div class="item">
<img class="img-fluid shadow rounded" src="img/hitte_ausn.jpg" alt="">
</div>
<div class="item">
<img class="img-fluid shadow rounded" src="img/terrasse_2.jpg" alt="">
</div>
<div class="item">
<img class="img-fluid shadow rounded" src="img/hitte.jpg" alt="">
</div>
</div>
</div>
</section>
<!-- End story Section -->
<!-- <div class="img-bg w-100">
<img src="img/apfelstrudel-fade.png" alt="" class="img-bg w-100">
</div>
-->
<!-- pistenplan Section -->
<section id="pistenplan" class="only-desktop">
<div class="w-100">
<img src="img/pistenplan_fade.jpg" alt="" class="w-100">
</div>
</section>
<div class="w-100 only-mobile">
<img src="img/pistenplan_fade.jpg" alt="" class="w-100">
</div>
<!-- FOOTER -->
<footer class="mastfoot pb-5 bg-white section-padding pb-0">
<div class="inner container">
<div class="row">
<!-- desktop -->
<div class="col-lg-4 col-sm-12 only-desktop">
<div class="footer-widget pr-lg-5 pr-0">
<p>Prackenweg 32<br>I-39030 Olang<br>Southtyrol Italy</p>
<p>Phone: <a href="tel:+39 0474 430 621">+39 0474 430 621</a></p>
<p>Mobile: <a href="tel:+39 331 184 8018">+39 331 184 8018</a></p>
<p>Mail: <a href="mailto:huibahitte@gmail.com">huibahitte@gmail.com</a></p>
<p>VAT: IT 01480450210</p>
</div>
</div>
<!-- mobile -->
<div class="middle col-sm-12 only-mobile">
<div class="footer-widget middle">
<p>Prackenweg 32<br>I-39030 Olang<br>Southtyrol Italy</p>
<p>Phone: <a href="tel:+39 0474 430 621">+39 0474 430 621</a></p>
<p>Mobile: <a href="tel:+39 331 184 8018">+39 331 184 8018</a></p>
<p>Mail: <a href="mailto:huibahitte@gmail.com">huibahitte@gmail.com</a></p>
<p>VAT: IT 01480450210</p>
</div>
</div>
<!-- desktop -->
<div class="col-lg-5 only-desktop">
<div class="footer-widget px-lg-5 px-0 col-sm-12">
<h4>Opening hours</h4>
<p><strong>Season from 01.12.2024 al 30.03.2025</strong></p>
<ul class="list-unstyled open-hours">
<li class="d-flex justify-content-between"><span>Monday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Tuesday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Wednesday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Thursday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Friday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Saturday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Sunday</span><span> 9:00 - 16:00</span></li>
</ul>
</div>
</div>
<!-- mobile -->
<div class="col-sm-12 middle only-mobile padding-top">
<div class="footer-widget middle">
<h4>Opening hours</h4>
<p><strong>Season from 30.11.2024 al 30.03.2025</strong></p>
<div class="container mx-auto w-75 middle">
<ul class="list-unstyled open-hours">
<li class="d-flex justify-content-between"><span>Monday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Tuesday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Wednesday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Thursday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Friday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Saturday</span><span>9:00 - 16:00</span></li>
<li class="d-flex justify-content-between"><span>Sunday</span><span> 9:00 - 16:00</span></li>
</ul>
</div>
</div>
</div>
<!-- desktop align end -->
<div class="col-lg-3 end only-desktop">
<div class="footer-widget end">
<nav class="nav nav-mastfoot end justify-content-end">
<a class="nav-link" target="_blank" href="https://facebook.com/huibahitte">
<i class="fab icon-size-2 fa-facebook-f"></i>
</a>
<a class="nav-link" target="_blank" href="https://instagram.com/huiba_hitte">
<i class="fab icon-size-2 fa-instagram"></i>
</a>
</nav>
<div class="w-100 ">
<img src="img/huibahittelogonurH.png" class="img-fluid footer-logo mb-3" style="padding-top:20px; width: 80px;height: 180px;">
</div>
</div>
</div>
<!-- mobile align center -->
<div class="col-lg-3 middle only-mobile padding-top">
<div class="footer-widget middle">
<nav class="nav nav-mastfoot end justify-content-center">
<a class="nav-link" target="_blank" href="https://facebook.com/huibahitte">
<i class="fab icon-size-2 fa-facebook-f"></i>
</a>
<a class="nav-link" target="_blank" href="https://instagram.com/huiba_hitte">
<i class="fab icon-size-2 fa-instagram"></i>
</a>
</nav>
<div class="w-100 ">
<img src="img/huibahittelogonurH.png" class="img-fluid footer-logo mb-3" style="padding-top:20px; width: 80px;height: 180px;">
</div>
</div>
</div>
</div>
</div>
<section>
<div class="col-md-12 d-flex align-items-center justify-content-center" style="padding-top: 48px;">
<a href="impressum_en.html">Imprint</a>
</div>
<div class="col-md-12 d-flex align-items-center" style="padding-top:48px">
<p class="mx-auto text-center mb-0">Copyright 2024. All Right Reserved. Design by Huiba Family<!-- <a href="https://bringmos.com" target="_blank">Huiba Family</a> --></p>
</div>
</section>
</footer>
</div>
</div>
<!-- External JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="vendor/bootstrap/popper.min.js"></script>
<script src="vendor/bootstrap/bootstrap.min.js"></script>
<script src="vendor/select2/select2.min.js "></script>
<script src="vendor/owlcarousel/owl.carousel.min.js"></script>
<script src="https://cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js"></script>
<script src="vendor/stellar/jquery.stellar.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Main JS -->
<script src="js/app.min.js "></script>
</body>
</html>