Initial commit: Hotel am See website with bilingual i18n (DE/EN)
- Static HTML hotel website with Bootstrap 5 - i18next-based client-side internationalization - Language switcher (DE/EN) in navbar - German and English translation JSON files - Translated: navigation, content, forms, FAQ, legal pages (AGB) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
commit
2b462bc0e6
161 changed files with 107418 additions and 0 deletions
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
.env
|
||||
*.log
|
||||
node_modules/
|
||||
.DS_Store
|
||||
prepros-6.config
|
||||
333
about.html
Normal file
333
about.html
Normal file
|
|
@ -0,0 +1,333 @@
|
|||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Work+Sans:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="fonts/icomoon/style.css">
|
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
|
||||
|
||||
<link rel="stylesheet" href="css/tiny-slider.css">
|
||||
<link rel="stylesheet" href="css/aos.css">
|
||||
<link rel="stylesheet" href="css/flatpickr.min.css">
|
||||
<link rel="stylesheet" href="css/glightbox.min.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
<title>Hotel am See —Ihre Unterkunft in Obermaubach</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="site-mobile-menu site-navbar-target">
|
||||
<div class="site-mobile-menu-header">
|
||||
<div class="site-mobile-menu-close">
|
||||
<span class="icofont-close js-menu-toggle"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="site-mobile-menu-body"></div>
|
||||
</div>
|
||||
|
||||
<nav class="site-nav">
|
||||
<div class="container">
|
||||
<div class="menu-bg-wrap">
|
||||
<div class="site-navigation">
|
||||
<div class="row g-0 align-items-center">
|
||||
<div class="col-2">
|
||||
<a href="index.html" class="logo m-0 float-start text-white" data-i18n="common.logo">Hotel am See</a>
|
||||
</div>
|
||||
<div class="col-8 text-center">
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block text-start site-menu mx-auto">
|
||||
<li><a href="index.html" data-i18n="common.nav.home">Home</a></li>
|
||||
<li><a href="rooms.html" data-i18n="common.nav.rooms">Unsere Zimmer</a></li>
|
||||
<li><a href="services.html" data-i18n="common.nav.services">Services</a></li>
|
||||
<li class="active"><a href="about.html" data-i18n="common.nav.about">Über uns</a></li>
|
||||
<li><a href="contact.html" data-i18n="common.nav.contact">Kontakt</a></li>
|
||||
<li><a href="impressum.html" data-i18n="common.nav.impressum">Impressum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-2 text-end">
|
||||
<a href="#" class="burger ms-auto float-end site-menu-toggle js-menu-toggle d-inline-block d-lg-none light">
|
||||
<span></span>
|
||||
</a>
|
||||
|
||||
<div class="lang-switcher float-end" role="navigation" aria-label="Sprachwahl / Language selection">
|
||||
<a href="#" class="lang-option active" data-lang="de" aria-label="Deutsch" aria-current="true">DE</a>
|
||||
<span class="lang-divider" aria-hidden="true">|</span>
|
||||
<a href="#" class="lang-option" data-lang="en" aria-label="English">EN</a>
|
||||
</div>
|
||||
|
||||
<a href="#" class="call-us d-flex align-items-center">
|
||||
<span class="icon-phone"></span>
|
||||
<span data-i18n="[html]common.phone">+49 2422 / 504 48 66<br>+49 176 / 847 34 595</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="hero overlay" style="background-image: url('images/img_3.jpg')">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-lg-8 text-center">
|
||||
<h1 class="heading text-white" data-aos="fade-up" data-i18n="about.hero_heading">About us</h1>
|
||||
<p class="text-white-50 w-75 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="about.hero_subtitle">Als familiär geführtes Hotel in der Voreifel legen wir großen Wert auf eine persönliche Atmosphäre und unvergessliche
|
||||
Erlebnisse für unsere Gäste</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section sec-about">
|
||||
<div class="container">
|
||||
<div class="row g-5 justify-content-between">
|
||||
<div class="col-lg-6 has-bg" data-aos="fade-right">
|
||||
<img src="images/about_1.jpg" alt="Image" class="img-fluid img-box-shadow rounded">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="section sec-features bg-light">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-4" data-aos="fade-up">
|
||||
<h2 class="heading" data-i18n="about.who_heading">Wer sind wir!</h2>
|
||||
</div>
|
||||
<div class="col-lg-6 text-start" data-aos="fade-up" data-aos-delay="100">
|
||||
<p data-i18n="[html]about.who_text">Wir sind ein familiengeführtes Hotel in der wunderschönen Voreifel. Unser Hotel zeichnet sich durch eine familiäre
|
||||
Atmosphäre aus, die unseren Gästen ein Gefühl von Zuhause vermittelt.<br><br>
|
||||
|
||||
Wir legen großen Wert darauf, dass sich unsere Gäste bei uns wohlfühlen. Wir sind stets bemüht, auf die Wünsche unserer Gäste einzugehen und einen persönlichen Service
|
||||
zu bieten, der weit über das Standardmaß hinausgeht.<br><br>
|
||||
|
||||
Als familiär geführtes Hotel ist es uns besonders wichtig, dass unsere Gäste sich bei uns wie zuhause fühlen und
|
||||
unvergessliche Erinnerungen mit nach Hause nehmen. Wir laden Sie herzlich ein, uns und unser Hotel kennenzulernen und
|
||||
freuen uns darauf, Sie bald bei uns begrüßen zu dürfen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="features-slider-wrap" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="features-slider" id="features-slider">
|
||||
|
||||
<div class="item">
|
||||
|
||||
<div class="feature bg-color-1">
|
||||
<!--<img src="images/person_1.jpg" alt="Image" class="img-fluid w-50 rounded-circle mb-4">-->
|
||||
|
||||
<h3 class="mb-0" data-i18n="about.team_name">Marc Nuyken</h3>
|
||||
<span class="text-black-50 mb-3 d-block" data-i18n="about.team_role">Hotelier</span>
|
||||
<p class="text-black-50" data-i18n="about.team_quote">"Als Familienbetrieb ist es uns eine Herzensangelegenheit, unseren Gästen einen unvergesslichen Aufenthalt zu bereiten -
|
||||
wir freuen uns darauf, Sie bei uns willkommen zu heißen.</p>
|
||||
|
||||
<!--<a href="#" class="more d-block">Learn More</a>-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section ">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="100">
|
||||
<div id="features-slider-nav">
|
||||
<button class="btn btn-primary prev" data-controls="prev" data-i18n="common.prev">Zurück</button>
|
||||
<button class="btn btn-primary next" data-controls="next" data-i18n="common.next">Weiter</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section sec-instagram">
|
||||
<div class="container mb-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-3" data-aos="fade-up">
|
||||
<h2 class="heading" data-i18n="about.impressions_heading">Impressionen</h2>
|
||||
</div>
|
||||
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="100">
|
||||
<!--<p>
|
||||
A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="instagram-slider-wrap" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="instagram-slider" id="instagram-slider">
|
||||
|
||||
<div class="item">
|
||||
<a class="instagram-item">
|
||||
<span class="icon-instagram"></span>
|
||||
<img src="images/img_1.jpg" alt="Image" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a class="instagram-item">
|
||||
<span class="icon-instagram"></span>
|
||||
<img src="images/img_2.jpg" alt="Image" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a class="instagram-item">
|
||||
<span class="icon-instagram"></span>
|
||||
<img src="images/img_3.jpg" alt="Image" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a class="instagram-item">
|
||||
<span class="icon-instagram"></span>
|
||||
<img src="images/img_4.jpg" alt="Image" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a class="instagram-item">
|
||||
<span class="icon-instagram"></span>
|
||||
<img src="images/img_2.jpg" alt="Image" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a class="instagram-item">
|
||||
<span class="icon-instagram"></span>
|
||||
<img src="images/img_3.jpg" alt="Image" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<a class="instagram-item">
|
||||
<span class="icon-instagram"></span>
|
||||
<img src="images/img_4.jpg" alt="Image" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="site-footer bg-light">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3></h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<!--<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Places</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Destination</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Privacy</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3></h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<!--<li><a href="#">Travel</a></li>
|
||||
<li><a href="#">Popular places</a></li>
|
||||
<li><a href="#">Destination</a></li>
|
||||
<li><a href="#">Tour</a></li>
|
||||
<li><a href="#">Family Vacation</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3></h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<!--<li><a href="#">Tour</a></li>
|
||||
<li><a href="#">Swimming</a></li>
|
||||
<li><a href="#">Kayak</a></li>
|
||||
<li><a href="#">Surfing</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3 data-i18n="common.footer.contact_heading">Kontakt</h3>
|
||||
<address data-i18n="[html]common.footer.address">Seestraße 2D,<br> 52372 Kreuzau-Obermaubach</address>
|
||||
<ul class="list-unstyled links mb-4">
|
||||
<li><a href="tel://+4924225044866">+49(2422) 504 48 66</a></li>
|
||||
<li><a href="tel://+4916084734595">+49(160) 84734 595</a></li>
|
||||
<li><a href="mailto:info@hotel-obermaubach.de">info@hotel-obermaubach.de</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 data-i18n="common.footer.connect_heading">Connect</h3>
|
||||
<ul class="list-unstyled social">
|
||||
<li><a href="#"><span class="icon-instagram"></span></a></li>
|
||||
<!--<li><a href="#"><span class="icon-twitter"></span></a></li>
|
||||
<li><a href="#"><span class="icon-facebook"></span></a></li>
|
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li>
|
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li>
|
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li>-->
|
||||
</ul>
|
||||
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
</div> <!-- /.row -->
|
||||
|
||||
<div class="row mt-5">
|
||||
<div class="col-12 text-center">
|
||||
<p data-i18n="[html]common.footer.copyright">Copyright ©
|
||||
<script>document.write(new Date().getFullYear());</script> All rights reserved | <i class="icon-heart text-danger"
|
||||
aria-hidden="true"></i>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- /.container -->
|
||||
</div> <!-- /.site-footer -->
|
||||
|
||||
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="overlayer"></div>
|
||||
<div class="loader">
|
||||
<div class="spinner-border text-primary" role="status">
|
||||
<span class="visually-hidden" data-i18n="common.loading">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/tiny-slider.js"></script>
|
||||
|
||||
<script src="js/flatpickr.min.js"></script>
|
||||
<script src="js/glightbox.min.js"></script>
|
||||
|
||||
<script src="https://unpkg.com/i18next@23.16.8/i18next.min.js"></script>
|
||||
<script src="https://unpkg.com/i18next-http-backend@3.0.2/i18nextHttpBackend.min.js"></script>
|
||||
<script src="js/i18n.js"></script>
|
||||
|
||||
<script src="js/aos.js"></script>
|
||||
<script src="js/navbar.js"></script>
|
||||
<script src="js/counter.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
319
agb.html
Normal file
319
agb.html
Normal file
|
|
@ -0,0 +1,319 @@
|
|||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Work+Sans:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="fonts/icomoon/style.css">
|
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
|
||||
|
||||
<link rel="stylesheet" href="css/tiny-slider.css">
|
||||
<link rel="stylesheet" href="css/aos.css">
|
||||
<link rel="stylesheet" href="css/flatpickr.min.css">
|
||||
<link rel="stylesheet" href="css/glightbox.min.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
<title>Hotel am See —Ihre Unterkunft in Obermaubach</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="site-mobile-menu site-navbar-target">
|
||||
<div class="site-mobile-menu-header">
|
||||
<div class="site-mobile-menu-close">
|
||||
<span class="icofont-close js-menu-toggle"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="site-mobile-menu-body"></div>
|
||||
</div>
|
||||
|
||||
<nav class="site-nav">
|
||||
<div class="container">
|
||||
<div class="menu-bg-wrap">
|
||||
<div class="site-navigation">
|
||||
<div class="row g-0 align-items-center">
|
||||
<div class="col-2">
|
||||
<a href="index.html" class="logo m-0 float-start text-white" data-i18n="common.logo">Hotel am See</a>
|
||||
</div>
|
||||
<div class="col-8 text-center">
|
||||
</div>
|
||||
<div class="col-2 text-end">
|
||||
<div class="lang-switcher float-end" role="navigation" aria-label="Sprachwahl / Language selection">
|
||||
<a href="#" class="lang-option active" data-lang="de" aria-label="Deutsch" aria-current="true">DE</a>
|
||||
<span class="lang-divider" aria-hidden="true">|</span>
|
||||
<a href="#" class="lang-option" data-lang="en" aria-label="English">EN</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="hero" background-color: white;>
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-lg-8 text-left">
|
||||
<h1 class="heading mb-5 text-white" data-aos="fade-up" data-i18n="agb.hero_heading">AGBs</h1>
|
||||
<p class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="agb.subtitle">Allgemeine Geschäftsbedingungen<br></p>
|
||||
<p class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="[html]agb.intro">AGBs für den Hotelaufnahmevertrag im Hotel am See - Obermaubach</p>
|
||||
<p class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="agb.section1_title">Geltungsbereich</p>
|
||||
<div class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="[html]agb.section1_content">
|
||||
<ol>
|
||||
<li>
|
||||
Diese Geschäftsbedingungen gelten für Verträge über die mietweise Überlassung von Hotelzimmern zur Beherbergung, sowie
|
||||
alle für den Kunden erbrachten weiteren Leistungen und Lieferungen des Hotels.
|
||||
</li>
|
||||
<li>
|
||||
Die Unter- oder Weitervermietung der überlassenen Zimmer sowie deren Nutzung zu anderen als Beherbergungszwecken
|
||||
bedürfen der vorherigen schriftlichen Zustimmung des Hotels, wobei § 540 Abs. 1 Satz 2 BGB abbedungen wird, soweit der
|
||||
Kunde nicht Verbraucher ist.
|
||||
</li>
|
||||
<li>
|
||||
Geschäftsbedingungen des Kunden finden nur Anwendung, wenn dies vorher ausdrücklich schriftlich vereinbart wurde.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<p class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="agb.section2_title">Vertragsabschluss, Vertragspartner, Verjährung</p>
|
||||
<div class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="[html]agb.section2_content">
|
||||
<ol>
|
||||
<li>
|
||||
Der Vertrag kommt durch die Annahme des Antrags des Kunden durch das Hotel zustande. Dem Hotel steht es frei, die
|
||||
Zimmerbuchung schriftlich zu bestätigen.
|
||||
</li>
|
||||
<li>
|
||||
Vertragspartner sind das Hotel und der Kunde. Hat ein Dritter für den Kunden bestellt, haftet er dem Hotel gegenüber
|
||||
zusammen mit dem Kunden als Gesamtschuldner für alle Verpflichtungen aus dem Hotelaufnahmevertrag, sofern dem Hotel eine
|
||||
entsprechende Erklärung des Dritten vorliegt.
|
||||
</li>
|
||||
<li>
|
||||
Alle Ansprüche gegen das Hotel verjähren grundsätzlich in einem Jahr ab dem Beginn der kenntnisabhängigen regelmäßigen
|
||||
Verjährungsfrist des § 199 Abs. 1 BGB. Schadensersatzansprüche verjähren kenntnisunabhängig in fünf Jahren. Die
|
||||
Verjährungsverkürzungen gelten nicht bei Ansprüchen, die auf einer vorsätzlichen oder grob fahrlässigen
|
||||
Pflichtverletzung des Hotels beruhen.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<p class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="agb.section3_title">Leistungen, Preise, Zahlung, Aufrechnung</p>
|
||||
<div class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="[html]agb.section3_content">
|
||||
<ol>
|
||||
<li>
|
||||
Das Hotel ist verpflichtet, die vom Kunden gebuchten Zimmer bereitzuhalten und die vereinbarten Leistungen zu erbringen
|
||||
oder gleichwertigen Ersatz zur Verfügung zu stellen.
|
||||
</li>
|
||||
<li>
|
||||
Der Kunde ist verpflichtet, die für die Zimmerüberlassung und die von ihm in Anspruch genommenen weiteren Leistungen
|
||||
geltenden bzw. vereinbarten Preise des Hotels zu zahlen. Dies gilt auch für vom Kunden veranlasste Leistungen und
|
||||
Auslagen des Hotels an Dritte.
|
||||
</li>
|
||||
<li>
|
||||
Die vereinbarten Preise schließen die jeweilige gesetzliche Mehrwertsteuer ein.
|
||||
</li>
|
||||
<li>
|
||||
Die Preise können vom Hotel ferner geändert werden, wenn der Kunde nachträglich Änderungen der Anzahl der gebuchten
|
||||
Zimmer und / oder Gäste, der Leistung des Hotels oder der Aufenthaltsdauer der Gäste wünscht und das Hotel dem zustimmt.
|
||||
Rechnungen des Hotels ohne Fälligkeitsdatum sind binnen 7 Tagen ab Rechnungsdatum ohne Abzug zahlbar. Das Hotel ist
|
||||
berechtigt, aufgelaufene Forderungen jederzeit fällig zu stellen und unverzügliche Zahlung zu verlangen. Bei
|
||||
Zahlungsverzug ist das Hotel berechtigt, die jeweils geltenden gesetzlichen Verzugszinsen in Höhe von derzeit 8% bzw.
|
||||
bei Rechtsgeschäften, an denen ein Verbraucher beteiligt ist, in Höhe von 5% über dem Basiszinssatz zu verlangen. Dem
|
||||
Hotel bleibt der Nachweis eines höheren Schadens vorbehalten.
|
||||
</li>
|
||||
<li>
|
||||
Das Hotel ist berechtigt, bei Vertragsschluss oder danach, unter Berücksichtigung der rechtlichen Bestimmungen für
|
||||
Pauschalreisen, eine angemessene Vorauszahlung oder Sicherheitsleistung zu verlangen. Die Höhe der Vorauszahlung und die
|
||||
Zahlungstermine können im Vertrag schriftlich vereinbart werden.
|
||||
Der Kunde kann nur mit einer unstreitigen und rechtskräftigen Forderung gegen über einer Forderung des Hotels aufrechnen
|
||||
oder mindern.
|
||||
</li>
|
||||
<li>
|
||||
Das Hotel behält sich vor, Vorauthentisierung von Kreditkarten vor der Anreise vorzunehmen.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<p class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="agb.section4_title">Rücktritt des Kunden (i. e. Abbestellung, Stornierung) und Nichtinanspruchnahme der Leistungen des Hotels</p>
|
||||
<div class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="[html]agb.section4_content">
|
||||
<ol>
|
||||
<li>
|
||||
Reservierungen können jederzeit bis zu sechs Monate vor Anreisedatum von jeder der beiden Vertragsparteien kostenfrei
|
||||
ohne Angabe von Gründen storniert werden. Für die Stornierung ist die einfache Schriftform erforderlich.
|
||||
</li>
|
||||
<li>
|
||||
Sofern zwischen dem Hotel und dem Kunden ein Termin zum kostenfreien Rücktritt vom Vertrag schriftlich vereinbart wurde,
|
||||
kann der Kunde bis dahin vom Vertrag zurücktreten, ohne Zahlungs- oder Schadensersatzansprüche des Hotels auszulösen.
|
||||
</li>
|
||||
<li>
|
||||
Das Rücktrittsrecht des Kunden erlischt, wenn er nicht bis zum vereinbarten Termin sein Recht zum Rücktritt schriftlich
|
||||
gegenüber dem Hotel ausübt, sofern nicht ein Fall des Rücktritts des Kunden gemäß Nummer 1 Satz 3 vorliegt.
|
||||
</li>
|
||||
<li>
|
||||
Dem Hotel steht es frei, die vertraglich vereinbarte Vergütung zu verlangen und den Abzug für ersparte Aufwendungen zu
|
||||
pauschalieren. Der Kunde ist in diesem Fall verpflichtet den vertraglich vereinbarten Preises für Übernachtung mit oder
|
||||
ohne Frühstück zu zahlen. Dem Kunden steht der Nachweis frei, dass der oben genannte Anspruch nicht oder nicht in der
|
||||
geforderten Höhe entstanden ist.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<p class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="agb.section5_title">Rücktritt des Hotels</p>
|
||||
<div class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="[html]agb.section5_content">
|
||||
<ol>
|
||||
<li>
|
||||
Reservierungen können jederzeit bis zu sechs Monate vor Anreisedatum von jeder der beiden Vertragsparteien kostenfrei
|
||||
ohne Angabe von Gründen storniert werden. Für die Stornierung ist die einfache Schriftform erforderlich.
|
||||
</li>
|
||||
<li>
|
||||
Wird eine vereinbarte oder oben gemäß Klausel III Nr. 6 verlangte Vorauszahlung auch nach Verstreichen einer vom Hotel
|
||||
gesetzten angemessenen Nachfrist nicht geleistet, so ist das Hotel ebenfalls zum Rücktritt vom Vertrag berechtigt.
|
||||
Ferner ist das Hotel berechtigt, aus sachlich gerechtfertigtem Grund vom Vertrag außerordentlich zurückzutreten,
|
||||
beispielsweise falls höhere Gewalt oder andere vom Hotel nicht zu vertretende Umstände die Erfüllung des Vertrages
|
||||
unmöglich machen; Zimmer unter irreführender oder falscher Angabe wesentlicher Tatsachen, z.B. in der Person des Kunden
|
||||
oder des Zwecks, gebucht werden; das Hotel begründeten Anlass zu der Annahme hat, dass die Inanspruchnahme der
|
||||
Hotelleistung den reibungslosen Geschäftsbetrieb, die Sicherheit oder das Ansehen des Hotels in der Öffentlichkeit
|
||||
gefährden kann, ohne dass dies dem Herrschafts- bzw. Organisationsbereich des Hotels zuzurechnen ist; ein Verstoß gegen
|
||||
oben Klausel I Nr. 2 vorliegt.
|
||||
Bei Rücktritt des Hotels entsteht kein Anspruch des Kunden auf Schadensersatz
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<p class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="agb.section6_title">Zimmerbereitstellung, -übergabe und -rückgabe</p>
|
||||
<div class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="[html]agb.section6_content">
|
||||
<ol>
|
||||
<li>
|
||||
Der Kunde erwirbt keinen Anspruch auf die Bereitstellung bestimmter Zimmer.
|
||||
Gebuchte Zimmer stehen dem Kunden ab 14.00 Uhr des vereinbarten Anreisetages zur Verfügung. Der Kunde hat keinen
|
||||
Anspruch auf frühere Bereitstellung.
|
||||
</li>
|
||||
<li>
|
||||
Am vereinbarten Abreisetag sind die Zimmer dem Hotel spätestens um 11.00 Uhr geräumt zur Verfügung zu stellen. Danach
|
||||
kann das Hotel aufgrund der verspäteten Räumung des Zimmers für dessen vertragsüberschreitende Nutzung 100% des vollen
|
||||
Logispreises in Rechnung stellen. Vertragliche Ansprüche des Kunden werden hierdurch nicht begründet. Ihm steht es frei,
|
||||
nachzuweisen, dass dem Hotel kein oder ein wesentlich niedrigerer Anspruch auf Nutzungsentgelt entstanden ist.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<p class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="agb.section7_title">Haftung des Hotels</p>
|
||||
<div class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="[html]agb.section7_content">
|
||||
<ol>
|
||||
<li>
|
||||
Das Hotel haftet mit der Sorgfalt eines ordentlichen Kaufmanns für seine Verpflichtungen aus dem Vertrag. Ansprüche des
|
||||
Kunden auf Schadensersatz sind ausgeschlossen. Hiervon ausgenommen sind Schäden aus der Verletzung des Lebens, des
|
||||
Körpers oder der Gesundheit, wenn das Hotel die Pflichtverletzung zu vertreten hat, sonstige Schäden, die auf einer
|
||||
vorsätzlichen oder grob fahrlässigen Pflichtverletzung des Hotels beruhen und Schäden, die auf einer vorsätzlichen oder
|
||||
fahrlässigen Verletzung von vertragstypischen Pflichten des Hotels beruhen. Einer Pflichtverletzung des Hotels steht die
|
||||
eines gesetzlichen Vertreters oder Erfüllungsgehilfen gleich. Sollten Störungen oder Mängel an den Leistungen des Hotels
|
||||
auftreten, wird das Hotel bei Kenntnis oder auf unverzügliche Rüge des Kunden bemüht sein, für Abhilfe zu sorgen. Der
|
||||
Kunde ist verpflichtet, das ihm Zumutbare beizutragen, um die Störung zu beheben und einen möglichen Schaden gering zu
|
||||
halten.
|
||||
</li>
|
||||
<li>
|
||||
Für eingebrachte Sachen haftet das Hotel dem Kunden nach den gesetzlichen Bestimmungen. Die Haftungsansprüche erlöschen,
|
||||
wenn nicht der Kunde nach Erlangen der Kenntnis von Verlust, Zerstörung oder Beschädigung unverzüglich dem Hotel Anzeige
|
||||
macht (§ 703 BGB). Für eine weitergehende Haftung des Hotels gelten vorstehende Nummer 1 Sätze 2 bis 4 entsprechend.
|
||||
Soweit dem Kunden ein Stellplatz in der Hotelgarage oder auf einem Hotelparkplatz, auch gegen Entgelt, zur Verfügung
|
||||
gestellt wird, kommt dadurch kein Verwahrungsvertrag zustande. Bei Abhandenkommen oder Beschädigung auf dem
|
||||
Hotelgrundstück abgestellter oder rangierter Kraftfahrzeuge und deren Inhalte haftet das Hotel nicht, außer bei Vorsatz
|
||||
oder grober Fahrlässigkeit. Vorstehende Nummer 1 Sätze 2 bis 4 gelten entsprechend.
|
||||
</li>
|
||||
<li>
|
||||
Weckaufträge werden vom Hotel mit größter Sorgfalt ausgeführt. Nachrichten, Post und Warensendungen für die Gäste werden
|
||||
mit Sorgfalt behandelt. Das Hotel übernimmt die Zustellung, Aufbewahrung und – auf Wunsch – gegen Entgelt die
|
||||
Nachsendung derselben. Vorstehende Nummer 1 Sätze 2 bis 4 gelten entsprechend.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<p class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="agb.section8_title">Schlussbestimmungen</p>
|
||||
<div class="text-white w-10 mx-auto" data-aos="fade-up" data-aos-delay="100" data-i18n="[html]agb.section8_content">
|
||||
<ol>
|
||||
<li>
|
||||
Änderungen oder Ergänzungen des Vertrags, der Antragsannahme oder dieser Geschäftsbedingungen für die Hotelaufnahme
|
||||
sollen schriftlich erfolgen. Einseitige Änderungen oder Ergänzungen durch den Kunden sind unwirksam.
|
||||
Erfüllungs- und Zahlungsort ist der Sitz des Hotels.
|
||||
Ausschließlicher Gerichtsstand – auch für Scheck- und Wechselstreitigkeiten – ist im kaufmännischen Verkehr der Sitz des
|
||||
Hotels. Sofern ein Vertragspartner die Voraussetzung des § 38 Abs. 2 ZPO erfüllt und keinen allgemeinen Gerichtsstand im
|
||||
Inland hat, gilt als Gerichtsstand der Sitz des Hotels.
|
||||
</li>
|
||||
<li>
|
||||
Es gilt deutsches Recht. Die Anwendung des UN-Kaufrechts und des Kollisionsrechts ist ausgeschlossen.
|
||||
Sollten einzelne Bestimmungen dieser Allgemeinen Geschäftsbedingungen für die Hotelaufnahme unwirksam oder nichtig sein
|
||||
oder werden, so wird dadurch die Wirksamkeit der übrigen Bestimmungen nicht berührt. Im übrigen gelten die gesetzlichen
|
||||
Vorschriften.
|
||||
</li>
|
||||
Im Einklang mit deutschen Bankbestimmungen ist die Barzahlung mit € 500 Banknoten nicht möglich. Wir akzeptieren Zahlung
|
||||
per VISA, MASTERCARD, AMERICAN EXPRESS oder Maestro-Karte.
|
||||
</ol>
|
||||
Version 01. Mai 2023
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="site-footer bg-light">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
|
||||
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3></h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<!--<li><a href="#">Travel</a></li>
|
||||
<li><a href="#">Popular places</a></li>
|
||||
<li><a href="#">Destination</a></li>
|
||||
<li><a href="#">Tour</a></li>
|
||||
<li><a href="#">Family Vacation</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
|
||||
</div> <!-- /.container -->
|
||||
</div> <!-- /.site-footer -->
|
||||
|
||||
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="overlayer"></div>
|
||||
<div class="loader">
|
||||
<div class="spinner-border text-primary" role="status">
|
||||
<span class="visually-hidden" data-i18n="common.loading">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/tiny-slider.js"></script>
|
||||
|
||||
<script src="js/flatpickr.min.js"></script>
|
||||
<script src="js/glightbox.min.js"></script>
|
||||
|
||||
<script src="https://unpkg.com/i18next@23.16.8/i18next.min.js"></script>
|
||||
<script src="https://unpkg.com/i18next-http-backend@3.0.2/i18nextHttpBackend.min.js"></script>
|
||||
<script src="js/i18n.js"></script>
|
||||
|
||||
<script src="js/aos.js"></script>
|
||||
<script src="js/navbar.js"></script>
|
||||
<script src="js/counter.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
272
contact.html
Normal file
272
contact.html
Normal file
|
|
@ -0,0 +1,272 @@
|
|||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Work+Sans:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="fonts/icomoon/style.css">
|
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
|
||||
|
||||
<link rel="stylesheet" href="css/tiny-slider.css">
|
||||
<link rel="stylesheet" href="css/aos.css">
|
||||
<link rel="stylesheet" href="css/flatpickr.min.css">
|
||||
<link rel="stylesheet" href="css/glightbox.min.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
<title>Hotel am See —Ihre Unterkunft in Obermaubach</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="site-mobile-menu site-navbar-target">
|
||||
<div class="site-mobile-menu-header">
|
||||
<div class="site-mobile-menu-close">
|
||||
<span class="icofont-close js-menu-toggle"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="site-mobile-menu-body"></div>
|
||||
</div>
|
||||
|
||||
<nav class="site-nav">
|
||||
<div class="container">
|
||||
<div class="menu-bg-wrap">
|
||||
<div class="site-navigation">
|
||||
<div class="row g-0 align-items-center">
|
||||
<div class="col-2">
|
||||
<a href="index.html" class="logo m-0 float-start text-white" data-i18n="common.logo">Hotel am See</a>
|
||||
</div>
|
||||
<div class="col-8 text-center">
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block text-start site-menu mx-auto">
|
||||
<li><a href="index.html" data-i18n="common.nav.home">Home</a></li>
|
||||
<li><a href="rooms.html" data-i18n="common.nav.rooms">Unsere Zimmer</a></li>
|
||||
<li><a href="services.html" data-i18n="common.nav.services">Services</a></li>
|
||||
<li><a href="about.html" data-i18n="common.nav.about">Über uns</a></li>
|
||||
<li class="active"><a href="contact.html" data-i18n="common.nav.contact">Kontakt</a></li>
|
||||
<li><a href="impressum.html" data-i18n="common.nav.impressum">Impressum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-2 text-end">
|
||||
<a href="#" class="burger ms-auto float-end site-menu-toggle js-menu-toggle d-inline-block d-lg-none light">
|
||||
<span></span>
|
||||
</a>
|
||||
|
||||
<div class="lang-switcher float-end" role="navigation" aria-label="Sprachwahl / Language selection">
|
||||
<a href="#" class="lang-option active" data-lang="de" aria-label="Deutsch" aria-current="true">DE</a>
|
||||
<span class="lang-divider" aria-hidden="true">|</span>
|
||||
<a href="#" class="lang-option" data-lang="en" aria-label="English">EN</a>
|
||||
</div>
|
||||
|
||||
<a href="#" class="call-us d-flex align-items-center">
|
||||
<span class="icon-phone"></span>
|
||||
<span data-i18n="[html]common.phone">+49 2422 / 504 48 66<br>+49 176 / 847 34 595</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="hero overlay" style="background-image: url('images/img_4.jpg')">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-lg-8 text-center">
|
||||
<h1 class="heading text-white" data-aos="fade-up" data-i18n="contact.hero_heading">Kontakt</h1>
|
||||
<p class="text-white-50 w-75 mx-auto" data-aos="fade-up" data-aos-delay="100"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="section">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-6" data-aos="fade-up">
|
||||
<h2 class="heading" data-i18n="contact.messages_heading">Nachrichten</h2>
|
||||
<p class="text-black-50" data-i18n="contact.messages_text">Wir sind gerne für Sie da. Haben Sie Fragen, Reservierungen, Anregungen lassen Sie gerne uns eine Nachricht zu kommen</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form action="https://formspree.io/f/mayzegkr"
|
||||
class="row justify-content-between"
|
||||
method="POST">
|
||||
|
||||
<div class="col-md-6 col-lg-6" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="row">
|
||||
|
||||
<div class="mb-3 col-lg-6">
|
||||
<label for="name" class="ps-3 fw-bold mb-2" data-i18n="contact.label_name">Name</label>
|
||||
<input type="text" class="form-control" name="name" id="name">
|
||||
</div>
|
||||
<div class="mb-3 col-lg-6">
|
||||
<label for="email" class="ps-3 fw-bold mb-2" data-i18n="contact.label_email">Email</label>
|
||||
<input type="email" class="form-control" name="email" id="email">
|
||||
</div>
|
||||
|
||||
<div class="mb-3 col-lg-12">
|
||||
<label for="message" class="ps-3 fw-bold mb-2" data-i18n="contact.label_message">Message</label>
|
||||
<textarea name="message" id="message" class="form-control" cols="30" rows="10"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<input type="submit" class="btn btn-primary text-white py-3" value="Send Message" data-i18n="[value]contact.submit">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-5" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="row">
|
||||
<div class="col-6 col-lg-6 mb-4">
|
||||
<h3 class="h6 fw-bold text-secondary" data-i18n="contact.info_address_heading">Address</h3>
|
||||
<p data-i18n="[html]contact.info_address">Seestraße 2 D,<br>52372 Kreuzau - Obermaubach</p>
|
||||
</div>
|
||||
<div class="col-6 col-lg-6 mb-4">
|
||||
<h3 class="h6 fw-bold text-secondary" data-i18n="contact.info_phone_heading">Telefon</h3>
|
||||
<ul class="list-unstyled links mb-4">
|
||||
<li><a href="tel://+4924225044866">+49(2422) 504 48 66</a></li>
|
||||
<li><a href="tel://+4916084734595">+49(160) 84734 595</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-lg-6 mb-4">
|
||||
<h3 class="h6 fw-bold text-secondary" data-i18n="contact.info_follow_heading">Follow</h3>
|
||||
<ul class="list-unstyled social-custom">
|
||||
<li><a href="#"><span class="icon-instagram"></span></a></li>
|
||||
<!--<li><a href="#"><span class="icon-twitter"></span></a></li>
|
||||
<li><a href="#"><span class="icon-facebook"></span></a></li>
|
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li>
|
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li>
|
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6 col-lg-6 mb-4">
|
||||
<h3 class="h6 fw-bold text-secondary" data-i18n="contact.info_email_heading">Email</h3>
|
||||
<p>
|
||||
<a href="#">info@hotel-obermaubach.de</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="site-footer bg-light">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3></h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<!--<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Places</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Destination</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Privacy</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3></h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<!--<li><a href="#">Travel</a></li>
|
||||
<li><a href="#">Popular places</a></li>
|
||||
<li><a href="#">Destination</a></li>
|
||||
<li><a href="#">Tour</a></li>
|
||||
<li><a href="#">Family Vacation</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3></h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<!--<li><a href="#">Tour</a></li>
|
||||
<li><a href="#">Swimming</a></li>
|
||||
<li><a href="#">Kayak</a></li>
|
||||
<li><a href="#">Surfing</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3 data-i18n="common.footer.contact_heading">Kontakt</h3>
|
||||
<address data-i18n="[html]common.footer.address">Seestraße 2D,<br> 52372 Kreuzau-Obermaubach</address>
|
||||
<ul class="list-unstyled links mb-4">
|
||||
<li><a href="tel://+4924225044866">+49(2422) 504 48 66</a></li>
|
||||
<li><a href="tel://+4916084734595">+49(160) 84734 595</a></li>
|
||||
<li><a href="mailto:info@hotel-obermaubach.de">info@hotel-obermaubach.de</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 data-i18n="common.footer.connect_heading">Connect</h3>
|
||||
<ul class="list-unstyled social">
|
||||
<li><a href="#"><span class="icon-instagram"></span></a></li>
|
||||
<!--<li><a href="#"><span class="icon-twitter"></span></a></li>
|
||||
<li><a href="#"><span class="icon-facebook"></span></a></li>
|
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li>
|
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li>
|
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li>-->
|
||||
</ul>
|
||||
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
</div> <!-- /.row -->
|
||||
|
||||
<div class="row mt-5">
|
||||
<div class="col-12 text-center">
|
||||
<p data-i18n="[html]common.footer.copyright">Copyright ©
|
||||
<script>document.write(new Date().getFullYear());</script> All rights reserved | <i class="icon-heart text-danger"
|
||||
aria-hidden="true"></i>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- /.container -->
|
||||
</div> <!-- /.site-footer -->
|
||||
|
||||
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="overlayer"></div>
|
||||
<div class="loader">
|
||||
<div class="spinner-border text-primary" role="status">
|
||||
<span class="visually-hidden" data-i18n="common.loading">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/tiny-slider.js"></script>
|
||||
|
||||
<script src="js/flatpickr.min.js"></script>
|
||||
<script src="js/glightbox.min.js"></script>
|
||||
|
||||
<script src="https://unpkg.com/i18next@23.16.8/i18next.min.js"></script>
|
||||
<script src="https://unpkg.com/i18next-http-backend@3.0.2/i18nextHttpBackend.min.js"></script>
|
||||
<script src="js/i18n.js"></script>
|
||||
|
||||
<script src="js/aos.js"></script>
|
||||
<script src="js/navbar.js"></script>
|
||||
<script src="js/counter.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
1
css/aos.css
Normal file
1
css/aos.css
Normal file
File diff suppressed because one or more lines are too long
3620
css/bootstrap-grid.css
vendored
Normal file
3620
css/bootstrap-grid.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
334
css/bootstrap-reboot.css
vendored
Normal file
334
css/bootstrap-reboot.css
vendored
Normal file
|
|
@ -0,0 +1,334 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v5.0.0-alpha2 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2020 The Bootstrap Authors
|
||||
* Copyright 2011-2020 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
||||
|
||||
[tabindex="-1"]:focus:not(:focus-visible) {
|
||||
outline: 0 !important; }
|
||||
|
||||
hr {
|
||||
margin: 1rem 0;
|
||||
color: inherit;
|
||||
background-color: currentColor;
|
||||
border: 0;
|
||||
opacity: 0.25; }
|
||||
|
||||
hr:not([size]) {
|
||||
height: 1px; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2; }
|
||||
|
||||
h1 {
|
||||
font-size: calc(1.375rem + 1.5vw); }
|
||||
@media (min-width: 1200px) {
|
||||
h1 {
|
||||
font-size: 2.5rem; } }
|
||||
|
||||
h2 {
|
||||
font-size: calc(1.325rem + 0.9vw); }
|
||||
@media (min-width: 1200px) {
|
||||
h2 {
|
||||
font-size: 2rem; } }
|
||||
|
||||
h3 {
|
||||
font-size: calc(1.3rem + 0.6vw); }
|
||||
@media (min-width: 1200px) {
|
||||
h3 {
|
||||
font-size: 1.75rem; } }
|
||||
|
||||
h4 {
|
||||
font-size: calc(1.275rem + 0.3vw); }
|
||||
@media (min-width: 1200px) {
|
||||
h4 {
|
||||
font-size: 1.5rem; } }
|
||||
|
||||
h5 {
|
||||
font-size: 1.25rem; }
|
||||
|
||||
h6 {
|
||||
font-size: 1rem; }
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem; }
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
text-decoration-skip-ink: none; }
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit; }
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 2rem; }
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem; }
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0; }
|
||||
|
||||
dt {
|
||||
font-weight: 700; }
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0; }
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem; }
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder; }
|
||||
|
||||
small {
|
||||
font-size: 0.875em; }
|
||||
|
||||
mark {
|
||||
padding: 0.2em;
|
||||
background-color: #fcf8e3; }
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 0.75em;
|
||||
line-height: 0;
|
||||
vertical-align: baseline; }
|
||||
|
||||
sub {
|
||||
bottom: -.25em; }
|
||||
|
||||
sup {
|
||||
top: -.5em; }
|
||||
|
||||
a {
|
||||
color: #16697a;
|
||||
text-decoration: underline; }
|
||||
a:hover {
|
||||
color: #0a3139; }
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none; }
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-size: 1em; }
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
font-size: 0.875em;
|
||||
-ms-overflow-style: scrollbar; }
|
||||
pre code {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
word-break: normal; }
|
||||
|
||||
code {
|
||||
font-size: 0.875em;
|
||||
color: #d63384;
|
||||
word-wrap: break-word; }
|
||||
a > code {
|
||||
color: inherit; }
|
||||
|
||||
kbd {
|
||||
padding: 0.2rem 0.4rem;
|
||||
font-size: 0.875em;
|
||||
color: #fff;
|
||||
background-color: #212529;
|
||||
border-radius: 0.2rem; }
|
||||
kbd kbd {
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
font-weight: 700; }
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem; }
|
||||
|
||||
img,
|
||||
svg {
|
||||
vertical-align: middle; }
|
||||
|
||||
table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse; }
|
||||
|
||||
caption {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: #6c757d;
|
||||
text-align: left; }
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
text-align: -webkit-match-parent; }
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
tfoot,
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
border-color: inherit;
|
||||
border-style: solid;
|
||||
border-width: 0; }
|
||||
|
||||
label {
|
||||
display: inline-block; }
|
||||
|
||||
button {
|
||||
border-radius: 0; }
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color; }
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit; }
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible; }
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none; }
|
||||
|
||||
[role="button"] {
|
||||
cursor: pointer; }
|
||||
|
||||
select {
|
||||
word-wrap: normal; }
|
||||
|
||||
[list]::-webkit-calendar-picker-indicator {
|
||||
display: none; }
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; }
|
||||
button:not(:disabled),
|
||||
[type="button"]:not(:disabled),
|
||||
[type="reset"]:not(:disabled),
|
||||
[type="submit"]:not(:disabled) {
|
||||
cursor: pointer; }
|
||||
|
||||
::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none; }
|
||||
|
||||
textarea {
|
||||
resize: vertical; }
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0; }
|
||||
|
||||
legend {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
line-height: inherit;
|
||||
white-space: normal; }
|
||||
@media (min-width: 1200px) {
|
||||
legend {
|
||||
font-size: 1.5rem; } }
|
||||
legend + * {
|
||||
clear: left; }
|
||||
|
||||
::-webkit-datetime-edit-fields-wrapper,
|
||||
::-webkit-datetime-edit-text,
|
||||
::-webkit-datetime-edit-minute,
|
||||
::-webkit-datetime-edit-hour-field,
|
||||
::-webkit-datetime-edit-day-field,
|
||||
::-webkit-datetime-edit-month-field,
|
||||
::-webkit-datetime-edit-year-field {
|
||||
padding: 0; }
|
||||
|
||||
::-webkit-inner-spin-button {
|
||||
height: auto; }
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: textfield; }
|
||||
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none; }
|
||||
|
||||
::-webkit-color-swatch-wrapper {
|
||||
padding: 0; }
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button; }
|
||||
|
||||
output {
|
||||
display: inline-block; }
|
||||
|
||||
iframe {
|
||||
border: 0; }
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer; }
|
||||
|
||||
progress {
|
||||
vertical-align: baseline; }
|
||||
|
||||
[hidden] {
|
||||
display: none !important; }
|
||||
3032
css/bootstrap-utilities.css
vendored
Normal file
3032
css/bootstrap-utilities.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
6
css/bootstrap.css
vendored
Normal file
6
css/bootstrap.css
vendored
Normal file
File diff suppressed because one or more lines are too long
345
css/css/bootstrap-reboot.css
vendored
Normal file
345
css/css/bootstrap-reboot.css
vendored
Normal file
|
|
@ -0,0 +1,345 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v5.0.0-beta1 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2020 The Bootstrap Authors
|
||||
* Copyright 2011-2020 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
:root {
|
||||
scroll-behavior: smooth; } }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
||||
|
||||
[tabindex="-1"]:focus:not(:focus-visible) {
|
||||
outline: 0 !important; }
|
||||
|
||||
hr {
|
||||
margin: 1rem 0;
|
||||
color: inherit;
|
||||
background-color: currentColor;
|
||||
border: 0;
|
||||
opacity: 0.25; }
|
||||
|
||||
hr:not([size]) {
|
||||
height: 1px; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2; }
|
||||
|
||||
h1 {
|
||||
font-size: calc(1.375rem + 1.5vw); }
|
||||
@media (min-width: 1200px) {
|
||||
h1 {
|
||||
font-size: 2.5rem; } }
|
||||
|
||||
h2 {
|
||||
font-size: calc(1.325rem + 0.9vw); }
|
||||
@media (min-width: 1200px) {
|
||||
h2 {
|
||||
font-size: 2rem; } }
|
||||
|
||||
h3 {
|
||||
font-size: calc(1.3rem + 0.6vw); }
|
||||
@media (min-width: 1200px) {
|
||||
h3 {
|
||||
font-size: 1.75rem; } }
|
||||
|
||||
h4 {
|
||||
font-size: calc(1.275rem + 0.3vw); }
|
||||
@media (min-width: 1200px) {
|
||||
h4 {
|
||||
font-size: 1.5rem; } }
|
||||
|
||||
h5 {
|
||||
font-size: 1.25rem; }
|
||||
|
||||
h6 {
|
||||
font-size: 1rem; }
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem; }
|
||||
|
||||
abbr[title],
|
||||
abbr[data-bs-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
text-decoration-skip-ink: none; }
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit; }
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 2rem; }
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem; }
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0; }
|
||||
|
||||
dt {
|
||||
font-weight: 700; }
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0; }
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem; }
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder; }
|
||||
|
||||
small {
|
||||
font-size: 0.875em; }
|
||||
|
||||
mark {
|
||||
padding: 0.2em;
|
||||
background-color: #fcf8e3; }
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 0.75em;
|
||||
line-height: 0;
|
||||
vertical-align: baseline; }
|
||||
|
||||
sub {
|
||||
bottom: -.25em; }
|
||||
|
||||
sup {
|
||||
top: -.5em; }
|
||||
|
||||
a {
|
||||
color: #0d6efd;
|
||||
text-decoration: underline; }
|
||||
a:hover {
|
||||
color: #0a58ca; }
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none; }
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-size: 1em;
|
||||
direction: ltr /* rtl:ignore */;
|
||||
unicode-bidi: bidi-override; }
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
font-size: 0.875em; }
|
||||
pre code {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
word-break: normal; }
|
||||
|
||||
code {
|
||||
font-size: 0.875em;
|
||||
color: #d63384;
|
||||
word-wrap: break-word; }
|
||||
a > code {
|
||||
color: inherit; }
|
||||
|
||||
kbd {
|
||||
padding: 0.2rem 0.4rem;
|
||||
font-size: 0.875em;
|
||||
color: #fff;
|
||||
background-color: #212529;
|
||||
border-radius: 0.2rem; }
|
||||
kbd kbd {
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
font-weight: 700; }
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem; }
|
||||
|
||||
img,
|
||||
svg {
|
||||
vertical-align: middle; }
|
||||
|
||||
table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse; }
|
||||
|
||||
caption {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: #6c757d;
|
||||
text-align: left; }
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
text-align: -webkit-match-parent; }
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
tfoot,
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
border-color: inherit;
|
||||
border-style: solid;
|
||||
border-width: 0; }
|
||||
|
||||
label {
|
||||
display: inline-block; }
|
||||
|
||||
button {
|
||||
border-radius: 0; }
|
||||
|
||||
button:focus {
|
||||
outline: dotted 1px;
|
||||
outline: -webkit-focus-ring-color auto 5px; }
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit; }
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none; }
|
||||
|
||||
[role="button"] {
|
||||
cursor: pointer; }
|
||||
|
||||
select {
|
||||
word-wrap: normal; }
|
||||
|
||||
[list]::-webkit-calendar-picker-indicator {
|
||||
display: none; }
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; }
|
||||
button:not(:disabled),
|
||||
[type="button"]:not(:disabled),
|
||||
[type="reset"]:not(:disabled),
|
||||
[type="submit"]:not(:disabled) {
|
||||
cursor: pointer; }
|
||||
|
||||
::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none; }
|
||||
|
||||
textarea {
|
||||
resize: vertical; }
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0; }
|
||||
|
||||
legend {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
line-height: inherit; }
|
||||
@media (min-width: 1200px) {
|
||||
legend {
|
||||
font-size: 1.5rem; } }
|
||||
legend + * {
|
||||
clear: left; }
|
||||
|
||||
::-webkit-datetime-edit-fields-wrapper,
|
||||
::-webkit-datetime-edit-text,
|
||||
::-webkit-datetime-edit-minute,
|
||||
::-webkit-datetime-edit-hour-field,
|
||||
::-webkit-datetime-edit-day-field,
|
||||
::-webkit-datetime-edit-month-field,
|
||||
::-webkit-datetime-edit-year-field {
|
||||
padding: 0; }
|
||||
|
||||
::-webkit-inner-spin-button {
|
||||
height: auto; }
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: textfield; }
|
||||
|
||||
/* rtl:raw:
|
||||
[type="tel"],
|
||||
[type="url"],
|
||||
[type="email"],
|
||||
[type="number"] {
|
||||
direction: ltr;
|
||||
}
|
||||
*/
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none; }
|
||||
|
||||
::-webkit-color-swatch-wrapper {
|
||||
padding: 0; }
|
||||
|
||||
::file-selector-button {
|
||||
font: inherit; }
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button; }
|
||||
|
||||
output {
|
||||
display: inline-block; }
|
||||
|
||||
iframe {
|
||||
border: 0; }
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer; }
|
||||
|
||||
progress {
|
||||
vertical-align: baseline; }
|
||||
|
||||
[hidden] {
|
||||
display: none !important; }
|
||||
13
css/flatpickr.min.css
vendored
Normal file
13
css/flatpickr.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
css/glightbox.min.css
vendored
Normal file
1
css/glightbox.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
9628
css/style.css
Normal file
9628
css/style.css
Normal file
File diff suppressed because it is too large
Load diff
1
css/tiny-slider.css
Normal file
1
css/tiny-slider.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}
|
||||
1
fonts/flaticon/backup.txt
Normal file
1
fonts/flaticon/backup.txt
Normal file
|
|
@ -0,0 +1 @@
|
|||
eyIxIjp7IklEIjoxLCJuYW1lIjoiTXkgaWNvbnMgY29sbGVjdGlvbiIsImJvb2ttYXJrX2lkIjoidDR0ODMxcGswbDAwMDAwMCIsImNyZWF0ZWQiOm51bGwsInVwZGF0ZWQiOjE2MDg4MTQxMTcsImFjdGl2ZSI6MSwic291cmNlIjoibG9jYWwiLCJvcmRlciI6MCwiY29sb3IiOiIwMDAwMDAiLCJzdGF0dXMiOjF9LCJ0NHQ4MzFwazBsMDAwMDAwIjpbeyJpZCI6NzAxMzQ1LCJ0ZWFtIjowLCJuYW1lIjoibWFwIiwiY29sb3IiOiIjMDAwMDAwIiwicHJlbWl1bSI6MCwic29ydCI6Mn0seyJpZCI6NzAxMzYwLCJ0ZWFtIjowLCJuYW1lIjoic3VpdGNhc2UiLCJjb2xvciI6IiMwMDAwMDAiLCJwcmVtaXVtIjowLCJzb3J0IjozfSx7ImlkIjo3MDEzMzYsInRlYW0iOjAsIm5hbWUiOiJpc2xhbmQiLCJjb2xvciI6IiMwMDAwMDAiLCJwcmVtaXVtIjowLCJzb3J0Ijo0fSx7ImlkIjo3MDEzMzQsInRlYW0iOjAsIm5hbWUiOiJhcm91bmQiLCJjb2xvciI6IiMwMDAwMDAiLCJwcmVtaXVtIjowLCJzb3J0Ijo1fSx7ImlkIjo3MDEzMzMsInRlYW0iOjAsIm5hbWUiOiJwbGFuZSIsImNvbG9yIjoiIzAwMDAwMCIsInByZW1pdW0iOjAsInNvcnQiOjZ9LHsiaWQiOjcwMTM2NywidGVhbSI6MCwibmFtZSI6InRyZWtraW5nIiwiY29sb3IiOiIjMDAwMDAwIiwicHJlbWl1bSI6MCwic29ydCI6MX1dfQ==
|
||||
BIN
fonts/flaticon/font/Flaticon.eot
Normal file
BIN
fonts/flaticon/font/Flaticon.eot
Normal file
Binary file not shown.
192
fonts/flaticon/font/Flaticon.svg
Normal file
192
fonts/flaticon/font/Flaticon.svg
Normal file
|
|
@ -0,0 +1,192 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<!--
|
||||
2020-12-24: Created with FontForge (http://fontforge.org)
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
|
||||
<metadata>
|
||||
Created by FontForge 20170731 at Thu Dec 24 12:48:43 2020
|
||||
By root
|
||||
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="Flaticon" horiz-adv-x="512" >
|
||||
<font-face
|
||||
font-family="Flaticon"
|
||||
font-weight="400"
|
||||
font-stretch="normal"
|
||||
units-per-em="512"
|
||||
panose-1="2 0 5 3 0 0 0 0 0 0"
|
||||
ascent="448"
|
||||
descent="-64"
|
||||
bbox="0 -64.001 512.001 448"
|
||||
underline-thickness="25.6"
|
||||
underline-position="-51.2"
|
||||
unicode-range="U+0020-F105"
|
||||
/>
|
||||
<missing-glyph />
|
||||
<glyph glyph-name="space" unicode=" " horiz-adv-x="200"
|
||||
/>
|
||||
<glyph glyph-name="005-around" unicode=""
|
||||
d="M496.235 271.413c20.0859 -64.1816 13.9873 -132.346 -17.1943 -191.931c-31.1816 -59.584 -83.6953 -103.466 -147.877 -123.552c-24.624 -7.72656 -49.8096 -11.4287 -74.7148 -11.4287c-83.7461 -0.00878906 -164.533 41.9033 -211.733 114.689l14.3125 9.28027
|
||||
c57.1016 -88.0371 166.888 -127.62 267.044 -96.2754c59.8398 18.7295 108.796 59.6357 137.854 115.193c29.0674 55.5498 34.7559 119.092 16.0352 178.923c-18.7295 59.832 -59.6357 108.788 -115.193 137.863c-55.5332 29.0596 -119.083 34.7559 -178.923 16.0352
|
||||
c-123.525 -38.6709 -192.561 -170.615 -153.897 -294.124l-16.2822 -5.10059c-41.4688 132.49 32.5811 274.021 165.08 315.498c132.516 41.46 274.012 -32.5811 315.489 -165.071zM206.52 328.592l-80.4111 24.1289l-4.67383 -4.67383l65.4092 -29.0752l-6.92578 -15.5918
|
||||
l-76.7617 34.1162c-2.56738 1.14355 -4.40918 3.47168 -4.92188 6.23535c-0.511719 2.76367 0.367188 5.60352 2.35449 7.59082l17.0576 17.0576c2.22656 2.22656 5.49316 3.04492 8.47852 2.1416l85.291 -25.5869zM285.746 379.399
|
||||
c0.0175781 -18.9258 -6.88281 -36.1709 -19.4199 -49.2979l-73.4775 -72.7529l7.35156 -29.4004c0.725586 -2.90918 -0.12793 -5.97852 -2.24219 -8.10254l-17.0586 -17.0586c-1.62109 -1.60254 -3.7959 -2.48926 -6.03906 -2.48926
|
||||
c-0.349609 0 -0.699219 0.0166016 -1.04102 0.0595703c-2.60938 0.324219 -4.9209 1.8252 -6.26855 4.07715l-24.4951 40.8203l-40.8203 24.4941c-2.25195 1.34863 -3.75293 3.66797 -4.07617 6.26953c-0.324219 2.60156 0.580078 5.21191 2.43848 7.07031l17.0586 17.0586
|
||||
c2.12305 2.12402 5.19434 2.96777 8.10254 2.24316l29.4336 -7.36133l72.3262 72.3174c13.2705 13.2725 30.918 20.5811 49.6816 20.5811h0.0175781c4.71582 0 8.52832 -3.82031 8.52832 -8.52832zM177.385 266.065l76.7627 75.9932
|
||||
c7.36914 7.71875 12.1709 17.4922 13.8604 28.0342c-10.7129 -1.85059 -20.5889 -6.94238 -28.4365 -14.7979l-75.7373 -75.7373c-2.12402 -2.12402 -5.19531 -2.96875 -8.10352 -2.24316l-29.4336 7.36133l-5.91895 -5.91992l33.2793 -19.9668
|
||||
c1.20215 -0.71582 2.2002 -1.72168 2.92578 -2.9248l19.9668 -33.2803l5.91895 5.91992l-7.36133 29.4336c-0.724609 2.9248 0.136719 6.0127 2.27734 8.12793zM268.321 227.198c0.938477 -3.18945 -0.0429688 -6.62695 -2.5332 -8.82227l-18.082 -15.9482
|
||||
c-1.56934 -1.39062 -3.58105 -2.13184 -5.6377 -2.13184c-0.623047 0 -1.24512 0.0683594 -1.86816 0.204102c-2.66895 0.597656 -4.88672 2.43945 -5.96973 4.94727l-33.0928 76.7617l15.668 6.75488l28.4355 -65.9639l5.17773 4.57227l-24.043 81.1797l16.3584 4.8457z
|
||||
M166.604 -22.2852l7.30078 -15.4121c-36.9473 -17.5107 -69.4609 -26.3037 -95.9854 -26.3037c-22.7549 0 -41.1006 6.47363 -54.0908 19.4551c-46.5088 46.501 -6.7041 163.493 96.7871 284.503l12.9639 -11.0879c-94.3574 -110.331 -136.354 -222.685 -97.6836 -261.355
|
||||
c22.3125 -22.3027 69.9639 -18.584 130.708 10.2012zM455.321 153.149c1.4834 -2.77148 1.3125 -6.14062 -0.427734 -8.75098l-32.6836 -49.0244v-31.5322c0 -2.26855 -0.895508 -4.43457 -2.49902 -6.03027l-34.1152 -34.1152
|
||||
c-1.6123 -1.6123 -3.7793 -2.50879 -6.03906 -2.50879h-42.6455c-4.7168 0 -8.52832 3.8125 -8.52832 8.5293v93.8203h-25.5879c-4.71582 0 -8.52832 3.81152 -8.52832 8.52832v68.2334c0 4.70801 3.81152 8.52832 8.52832 8.52832h85.291
|
||||
c3.2334 0 6.18457 -1.8252 7.63477 -4.7168l23.2324 -46.458h28.8447c3.14844 0 6.03906 -1.73047 7.52344 -4.50293zM406.577 102.683l25.2803 37.9111h-18.1846c-3.23145 0 -6.18262 1.82617 -7.63281 4.7168l-23.2324 46.458h-71.4912v-51.1738h25.5869
|
||||
c4.7168 0 8.5293 -3.8125 8.5293 -8.5293v-93.8193h0.00878906h30.585l29.1182 29.1172v30.585c0 1.68164 0.50293 3.33496 1.43262 4.73438zM461.266 225.886h29.1709v-17.0586h-34.1162c-3.05273 0 -5.88477 1.63867 -7.40332 4.29883l-31.6602 55.4053h-41.665
|
||||
l-14.5244 -21.792c-1.58594 -2.37109 -4.24707 -3.79492 -7.0957 -3.79492h-34.1162c-4.71582 0 -8.5293 3.82129 -8.5293 8.5293v59.7021c0 4.70801 3.8125 8.5293 8.5293 8.5293h47.6426l31.6172 31.6172c1.60254 1.60254 3.76074 2.49902 6.03027 2.49902h42.6445
|
||||
v-17.0576h-39.1143l-31.6162 -31.6172c-1.60352 -1.60352 -3.76172 -2.49902 -6.03027 -2.49902h-42.6445v-42.6455h21.0234l14.5254 21.792c1.58594 2.37109 4.24707 3.79492 7.0957 3.79492h51.1738c3.05273 0 5.88477 -1.6377 7.40332 -4.29883zM251.621 140.595
|
||||
c4.70801 0 8.5293 -3.81348 8.53027 -8.53027v-42.6445c0 -2.59277 -1.17676 -5.04102 -3.19824 -6.66113l-39.4463 -31.5488v-21.4932c0 -2.67773 -1.26367 -5.21094 -3.41211 -6.82324l-34.1162 -25.5869c-1.50879 -1.13477 -3.30859 -1.70605 -5.11719 -1.70605
|
||||
c-1.29688 0 -2.60938 0.298828 -3.8125 0.896484c-2.89258 1.44922 -4.7168 4.39941 -4.7168 7.63281v85.291h-34.1162c-4.70801 0 -8.5293 3.81152 -8.5293 8.52832v59.7031c0 4.71582 3.82129 8.5293 8.5293 8.5293h42.6445c2.26074 0 4.43555 -0.895508 6.03027 -2.49902
|
||||
l23.0879 -23.0879h47.6426zM243.093 93.5137v30.0215h-42.6455c-2.25977 0 -4.43457 0.896484 -6.0293 2.49902l-23.0879 23.0889h-30.585v-42.6455h34.1152c4.70801 0 8.5293 -3.81152 8.5293 -8.5293v-76.7617l17.0576 12.7939v21.3232
|
||||
c0 2.59277 1.17773 5.04004 3.19824 6.66113zM79.8213 264.394c2.0127 -3.36035 1.4834 -7.65039 -1.28027 -10.4219l-23.0879 -23.0879v-30.585c0 -4.70801 -3.82129 -8.5293 -8.5293 -8.5293h-34.1162v17.0576h25.5889v25.5869
|
||||
c0 2.26074 0.895508 4.43555 2.49902 6.03027l20.8789 20.8789l-19.6768 32.7939h-3.70215v17.0576h8.5293c2.99316 0 5.77441 -1.56934 7.30957 -4.13672zM268.688 439.111h17.0576v-17.0586c0 -3.91504 -2.66992 -7.3252 -6.46484 -8.27246l-32.6914 -8.1709
|
||||
l-24.3594 -16.2393c-1.42383 -0.947266 -3.07031 -1.43262 -4.72461 -1.43262c-1.30566 0 -2.61035 0.298828 -3.81348 0.895508l-51.1738 25.5869l7.63281 15.2578l46.748 -23.3779l21.4678 14.3125c0.810547 0.537109 1.71387 0.9375 2.66113 1.17676l27.6602 6.91699
|
||||
v10.4053z" />
|
||||
<glyph glyph-name="002-map" unicode=""
|
||||
d="M508.602 446.276c2.14258 -1.61328 3.39746 -4.12988 3.39746 -6.80957v-460.798c0 -3.80664 -2.52637 -7.15918 -6.19531 -8.20898l-119.466 -34.1328c-0.758789 -0.212891 -1.54395 -0.324219 -2.33789 -0.324219c-0.743164 0 -1.47754 0.102539 -2.20215 0.290039
|
||||
l-125.797 33.5449l-125.798 -33.5449c-1.48535 -0.401367 -3.05469 -0.392578 -4.54785 0.0341797l-119.467 34.1328c-3.66016 1.0498 -6.18652 4.40234 -6.18652 8.20898v460.797c0 2.68066 1.25391 5.19727 3.39648 6.81055c2.1416 1.6123 4.91406 2.125 7.4834 1.39062
|
||||
l117.195 -33.4844l125.721 33.5254c1.44141 0.383789 2.95117 0.383789 4.40234 0l76.7998 -20.4795l-4.40332 -16.4951l-74.5977 19.8994l-125.797 -33.5439c-1.48535 -0.391602 -3.05469 -0.391602 -4.54785 0.0429688l-108.586 31.0195v-443.048l111.009 -31.7178
|
||||
l125.722 33.5273c1.44141 0.383789 2.95215 0.383789 4.40234 0l125.722 -33.5283l111.009 31.7178v443.049l-78.7285 -22.4941l-4.68457 16.4102l89.5996 25.5996c2.56934 0.734375 5.3418 0.22168 7.4834 -1.39062zM107.862 192.002
|
||||
c29.875 0 54.1865 -24.3115 54.1865 -54.1875c0 -10.7422 -3.1582 -21.1455 -9.11328 -30.0791l-37.9736 -57.0029c-1.57812 -2.37207 -4.24023 -3.79688 -7.09961 -3.79688c-2.84961 0 -5.52051 1.4248 -7.09961 3.79688l-37.9727 57.0029
|
||||
c-8.03027 12.0312 -10.8975 26.4863 -8.06445 40.6865c2.83301 14.1904 11.0254 26.4355 23.0566 34.4658c8.93457 5.96484 19.3369 9.11426 30.0801 9.11426zM138.736 117.199c4.08691 6.13477 6.24609 13.2607 6.24512 20.6152
|
||||
c0 20.4717 -16.6494 37.1201 -37.1201 37.1201c-7.35547 0 -14.4805 -2.15918 -20.6074 -6.24609c-8.24316 -5.50391 -13.8584 -13.8838 -15.7949 -23.6113c-1.94531 -9.72852 0.0253906 -19.626 5.5293 -27.8779l30.874 -46.3447zM90.7959 140.802
|
||||
c0 9.42578 7.64062 17.0674 17.0664 17.0674s17.0674 -7.6416 17.0674 -17.0674s-7.6416 -17.0664 -17.0674 -17.0664s-17.0664 7.64062 -17.0664 17.0664zM375.466 448c29.876 0 54.1865 -24.3105 54.1943 -54.1875c0 -10.7432 -3.14844 -21.1465 -9.11328 -30.0801
|
||||
l-37.9727 -56.9932c-1.58789 -2.38184 -4.25879 -3.80664 -7.1084 -3.80664s-5.5127 1.4248 -7.09961 3.80664l-37.9736 57.002c-16.5791 24.8506 -9.84668 58.5557 15.002 75.1445c8.92578 5.95703 19.3193 9.11426 30.0713 9.11426zM406.34 373.205
|
||||
c4.08691 6.13672 6.24609 13.2617 6.24512 20.6162c0 20.4551 -16.6494 37.1113 -37.1201 37.1113c-7.36426 0 -14.4814 -2.1582 -20.5986 -6.2373c-17.0244 -11.3672 -21.6318 -34.458 -10.2744 -51.4814l30.874 -46.3535zM358.398 396.801
|
||||
c0 9.42578 7.6416 17.0664 17.0674 17.0664s17.0664 -7.64062 17.0664 -17.0664c0 -9.42676 -7.64062 -17.0674 -17.0664 -17.0674s-17.0674 7.64062 -17.0674 17.0674zM435.199 234.668c23.5264 0 42.666 -19.1406 42.667 -42.665
|
||||
c0 -23.5273 -19.1406 -42.667 -42.667 -42.667h-179.198c-14.1143 0 -25.6006 -11.4863 -25.6006 -25.5996c0 -14.1143 11.4863 -25.6006 25.6006 -25.6006h85.332c23.5264 0 42.667 -19.1406 42.667 -42.666c0 -23.5273 -19.1416 -42.667 -42.667 -42.667h-238.932v17.0654
|
||||
h238.932c14.1143 0 25.5996 11.4863 25.5996 25.6006c0 14.1133 -11.4854 25.5996 -25.5996 25.5996h-85.332c-23.5273 0 -42.667 19.1406 -42.667 42.667s19.1406 42.666 42.667 42.666h179.198c14.1143 0 25.5996 11.4863 25.5996 25.6006
|
||||
c0 14.1133 -11.4854 25.5996 -25.5996 25.5996h-25.5996c-23.5273 0 -42.667 19.1406 -42.667 42.667v25.5996h17.0674v-25.5996c0 -14.1143 11.4854 -25.6006 25.5996 -25.6006h25.5996zM458.298 300.434c1.60547 -1.5957 2.50098 -3.77148 2.5 -6.03223v-25.6006
|
||||
c0 -4.70996 -3.81348 -8.53223 -8.53223 -8.53223h-34.1328c-4.71875 0 -8.5332 3.82227 -8.5332 8.53223v25.6006c0 2.26074 0.895508 4.43652 2.5 6.03223l17.0664 17.0674c3.33691 3.33594 8.72949 3.33594 12.0664 0zM443.732 277.334h-0.000976562v13.5342
|
||||
l-8.5332 8.53223l-8.5332 -8.53223v-13.5342h17.0674zM315.289 322.697c0.878906 -2.60254 0.435547 -5.46191 -1.16992 -7.68848c-1.60449 -2.22656 -4.18164 -3.54102 -6.9209 -3.54102h-34.1328c-2.73926 0 -5.31641 1.31445 -6.92871 3.5498
|
||||
c-1.60449 2.22852 -2.03906 5.08594 -1.16895 7.68945l17.0664 51.1992c1.16895 3.48145 4.41992 5.82812 8.09766 5.82812c3.67871 0 6.93848 -2.34668 8.09082 -5.83691zM284.911 328.534h10.4531l-5.23145 15.6836zM281.601 294.401v25.5996h17.0664v-25.5996h-17.0664z
|
||||
M460.355 41.0996c0.878906 -2.60352 0.43457 -5.46973 -1.16992 -7.68945c-1.60547 -2.22656 -4.18262 -3.54102 -6.9209 -3.54102h-34.1328c-2.73926 0 -5.31641 1.31445 -6.92969 3.54102c-1.60352 2.22852 -2.03809 5.0957 -1.16895 7.68945l17.0674 51.1992
|
||||
c1.16895 3.49023 4.41992 5.83691 8.09766 5.83691s6.93848 -2.34668 8.08984 -5.83691zM429.977 46.9355h10.4531l-5.23145 15.6836zM426.665 12.8027v25.5996h17.0674v-25.5996h-17.0674zM143.361 299.521l25.5986 -34.1328l-13.6533 -10.2393l-18.7725 25.0273
|
||||
l-18.7725 -25.0273l-13.6533 10.2393l25.5996 34.1328c3.2168 4.30176 10.4365 4.30176 13.6533 0zM100.694 316.588l25.5986 -34.1328l-13.6523 -10.2402l-18.3643 24.4824l-27.4424 -41.165l-14.1992 9.46387l34.1328 51.1992
|
||||
c1.53613 2.30469 4.0957 3.7207 6.86133 3.79785c2.72168 0.101562 5.40137 -1.19531 7.06543 -3.40527zM279.1 232.167c1.60449 -1.59473 2.50098 -3.77051 2.49902 -6.03223v-25.6006c0 -4.70996 -3.81445 -8.53223 -8.5332 -8.53223h-34.1328
|
||||
c-4.70996 0 -8.5332 3.82227 -8.5332 8.53223v25.6006c0 2.26074 0.896484 4.43652 2.5 6.03223l17.0674 17.0674c3.33594 3.33691 8.72852 3.33691 12.0654 0zM264.533 209.068h-0.000976562v13.5342l-8.5332 8.5332l-8.53223 -8.5332v-13.5342h17.0664zM247.031 322.697
|
||||
c0.871094 -2.60254 0.428711 -5.46191 -1.17676 -7.68848c-1.60449 -2.22656 -4.18164 -3.54102 -6.9209 -3.54102h-34.1328c-2.74023 0 -5.31738 1.31445 -6.9209 3.5498c-1.60547 2.22852 -2.04004 5.08594 -1.17773 7.68945l17.0664 51.1992
|
||||
c1.16895 3.48145 4.41992 5.82812 8.09863 5.82812c3.67773 0 6.93652 -2.34668 8.09766 -5.83691zM216.636 328.534h10.4619l-5.23047 15.6836zM213.334 294.401v25.5996h17.0664v-25.5996h-17.0664z" />
|
||||
<glyph glyph-name="001-trekking" unicode=""
|
||||
d="M166.526 200.533h17.0654v-17.0674c-0.00878906 -18.8242 -15.3164 -34.1328 -34.1416 -34.1328h-25.6006c-18.8232 0 -34.1328 15.3076 -34.1328 34.1328v128c0 18.8242 15.3086 34.1328 34.1328 34.1328h25.6006h0.00878906
|
||||
c14.4385 0 27.375 -9.13867 32.1787 -22.7578c0.162109 -0.460938 0.282227 -0.930664 0.367188 -1.41699l1.45117 -8.5332l-16.8281 -2.8584l-1.31348 7.74023c-2.56055 6.46875 -8.84961 10.7607 -15.8555 10.7607h-25.5996
|
||||
c-9.41309 0 -17.0674 -7.65527 -17.0674 -17.0674v-128c0 -9.41309 7.65527 -17.0664 17.0674 -17.0664h25.5996c9.41309 0 17.0674 7.6543 17.0674 17.0664v17.0674zM136.651 422.4c25.8818 0 46.9326 -21.0527 46.9326 -46.9336s-21.0518 -46.9326 -46.9326 -46.9326
|
||||
c-25.8818 0 -46.9336 21.0518 -46.9336 46.9326s21.0508 46.9336 46.9336 46.9336zM136.651 345.6c16.4688 0 29.8662 13.3975 29.8662 29.8672s-13.3975 29.8672 -29.8662 29.8672c-16.4707 0 -29.8672 -13.3984 -29.8672 -29.8672
|
||||
c0 -16.4697 13.3975 -29.8672 29.8672 -29.8672zM98.251 268.8c4.70996 0 8.5332 -3.82324 8.5332 -8.5332v-68.2666c0 -4.71875 -3.82324 -8.5332 -8.5332 -8.5332h-18.7734c-13.1748 0 -23.8926 10.7178 -23.8926 23.8936v37.5469
|
||||
c0 13.1748 10.7178 23.8926 23.8926 23.8926h18.7734zM89.7178 200.533v51.2012h-10.2402c-3.76367 0 -6.82617 -3.06445 -6.82617 -6.82715v-37.5469c0 -3.76465 3.06348 -6.82715 6.82617 -6.82715h10.2402zM243.318 345.6c23.5254 0 42.666 -19.1396 42.666 -42.667
|
||||
v-153.6c0 -4.71875 -3.81445 -8.5332 -8.5332 -8.5332h-102.4c-4.70996 0 -8.5332 3.81445 -8.5332 8.5332v68.2666h17.0674v-59.7334h85.333v145.066c0 14.1143 -11.4863 25.6006 -25.5996 25.6006h-34.1338v17.0664h34.1338zM276.052 416.111
|
||||
c0.963867 -3.54102 1.44238 -7.19434 1.4082 -10.8545v-34.0566c-0.0078125 -23.5273 -19.1494 -42.667 -42.6748 -42.667c-23.5273 0 -42.667 19.1406 -42.667 42.667v34.1328c-0.0341797 3.60059 0.443359 7.26172 1.41699 10.7949l16.4609 -4.51367
|
||||
c-0.545898 -2.01465 -0.819336 -4.09668 -0.801758 -6.2041v-34.21c0 -14.1143 11.4854 -25.6006 25.5996 -25.6006s25.5996 11.4863 25.5996 25.6006v34.1328c0.0175781 2.16699 -0.255859 4.25781 -0.810547 6.28906zM285.984 448
|
||||
c4.71875 0 8.5332 -3.82324 8.53223 -8.5332c0 -18.8242 -15.3076 -34.1328 -34.1328 -34.1328h-22.0664l-31.6338 -31.6328c-1.62988 -1.62988 -3.81348 -2.5 -6.03223 -2.5c-1.10156 0 -2.20996 0.212891 -3.26855 0.647461
|
||||
c-3.18262 1.32324 -5.26465 4.43848 -5.26465 7.88574v34.1328c0 18.8242 15.3076 34.1328 34.1328 34.1328h59.7334zM260.384 422.4c6.30762 0 11.8281 3.43848 14.7725 8.5332h-48.9053c-9.41309 0 -17.0674 -7.6543 -17.0674 -17.0664v-13.5342l19.5674 19.5674
|
||||
c1.60449 1.60352 3.77246 2.5 6.0332 2.5h25.5996zM361.88 -0.444336c2.1084 -4.21484 0.401367 -9.34375 -3.81348 -11.4482l-34.1338 -17.0674c-1.21973 -0.615234 -2.5166 -0.905273 -3.80566 -0.905273c-2.99512 0 -5.87109 1.57812 -7.44141 4.34277l-72.1914 128
|
||||
c-1.4082 2.62891 -3.94336 4.16406 -6.7334 4.19043c-4.10352 0 -7.50879 -3.40527 -7.50879 -7.59473v-37.8887c-0.09375 -17.2207 -10.3936 -32.5811 -26.2402 -39.1934l-81.3906 -34.125c-4.16406 -1.72461 -8.92578 0.0341797 -10.9307 4.05273l-17.0674 34.1328
|
||||
c-1.04102 2.08203 -1.18652 4.50586 -0.401367 6.69922s2.44043 3.96777 4.56543 4.91504l71.7305 31.8721v79.7949h17.0674v-85.333c0 -3.37891 -1.98828 -6.4248 -5.06934 -7.79883l-68.6416 -30.5068l9.50586 -19.0039l74.0439 31.0439
|
||||
c9.52344 3.97656 15.7012 13.1924 15.7607 23.501v37.8369c0 13.6016 11.0596 24.6611 24.6611 24.6611c9.11328 -0.09375 17.3652 -5.09473 21.6064 -13.0479l68.1045 -120.746l19.2432 9.61621l-72.9854 145.963l15.2656 7.6377zM136.165 -26.9912
|
||||
c3.55762 -7.1416 3.55762 -15.6592 0.00683594 -22.793c-4.33398 -8.7627 -13.124 -14.2158 -22.9033 -14.2158h-4.43652c-9.7793 0 -18.5508 5.44434 -22.9102 14.1992l-29.4395 58.7773c-1.01562 2.02246 -1.18652 4.37891 -0.469727 6.52832
|
||||
c0.717773 2.14258 2.25293 3.91699 4.27539 4.93164l34.1328 17.0674c2.02246 1.01562 4.36914 1.19531 6.51953 0.460938c2.14941 -0.716797 3.9248 -2.26172 4.93164 -4.28418zM120.907 -42.1973c1.18555 2.37988 1.18555 5.21387 0.000976562 7.5957l-26.4697 53.0254
|
||||
l-18.8594 -9.4375l25.6172 -51.1494c0 -0.0166016 0.0078125 -0.0253906 0.0078125 -0.0341797c1.45117 -2.91797 4.37793 -4.73535 7.62891 -4.73535h4.43652c3.25977 0 6.18652 1.81738 7.6377 4.73535zM404.538 -0.426758
|
||||
c6.78418 -13.6367 1.24609 -30.2422 -12.3213 -37.0596c-0.0078125 0 -0.0166016 -0.00878906 -0.0166016 -0.00878906l-51.2002 -25.5996c-1.21973 -0.615234 -2.5166 -0.905273 -3.80566 -0.905273c-3.13281 0 -6.14453 1.72363 -7.64648 4.71875l-17.0664 34.1328
|
||||
c-2.1084 4.2168 -0.401367 9.34473 3.81348 11.4521l51.2002 25.6006c13.6113 6.79199 30.2158 1.24609 37.043 -12.3311zM384.561 -22.2285c5.18066 2.61816 7.29688 8.96777 4.71191 14.1641c-2.59473 5.16211 -8.96094 7.28711 -14.1572 4.69336l-43.5459 -21.7773
|
||||
l9.42871 -18.8662zM136.651 388.267c7.05664 0 12.7998 -5.74219 12.7998 -12.7998c0 -7.05664 -5.74316 -12.7998 -12.7998 -12.7998c-7.05762 0 -12.8008 5.74316 -12.8008 12.7998c0 7.05762 5.74316 12.7998 12.8008 12.7998zM136.651 371.2
|
||||
c2.35449 0 4.2666 1.91113 4.2666 4.2666c0 2.35645 -1.91211 4.26758 -4.2666 4.26758c-2.35645 0 -4.26758 -1.91211 -4.26758 -4.26758s1.91211 -4.2666 4.26758 -4.2666zM401.449 288.776c8.79785 -11.75 7.61133 -28.4336 -2.75488 -38.8096l-42.1553 -42.1553
|
||||
c-9.89941 -10.0342 -23.7148 -15.8115 -37.8799 -15.8115h-0.136719c-17.9209 0 -34.5264 8.91699 -44.4326 23.877l-3.71191 5.46973l14.1309 9.57422l3.75488 -5.54688c6.80176 -10.2402 18.0918 -16.3066 30.2852 -16.3066h0.102539
|
||||
c9.6416 0 19.0205 3.9248 25.7783 10.7686l42.1973 42.1973c4.41211 4.41113 4.90723 11.502 1.16895 16.5029c-0.359375 0.486328 -0.777344 0.956055 -1.21191 1.39062c-2.35547 2.34668 -5.50391 3.63477 -8.83203 3.63477h-0.0429688
|
||||
c-3.36328 -0.0078125 -6.50293 -1.33008 -8.8584 -3.70215l-42.6914 -42.6846c-1.69043 -1.69824 -4.03613 -2.58594 -6.41699 -2.49219c-2.39844 0.110352 -4.63379 1.2207 -6.17773 3.06348l-42.667 51.2002l13.1152 10.9229l36.6855 -44.0234l36.0615 36.0625
|
||||
c5.54688 5.58887 12.9795 8.69434 20.8809 8.7207h0.111328c7.87598 0 15.2754 -3.04688 20.8643 -8.60156c1.01465 -1.01562 1.96289 -2.09961 2.83301 -3.25098zM259.07 214.374c1.5957 -7.79102 0.0507812 -15.7441 -4.33496 -22.3828
|
||||
c-0.307617 -0.469727 -0.648438 -0.948242 -1.01562 -1.43457c-5.81055 -7.80762 -14.7617 -11.9639 -23.8584 -11.9639c-5.70117 0 -11.4609 1.62988 -16.5381 5.03516l-71.6973 50.7314c-11.085 7.38965 -17.792 19.9678 -17.7754 33.5273
|
||||
c-0.0244141 13.5166 6.69043 26.1035 17.9639 33.6211l62.8477 39.2188c12.9541 8.6709 30.7197 5.62305 40.1914 -7.08301c4.76172 -6.18555 6.86133 -13.9766 5.8457 -21.8447c-1.02441 -7.86719 -5.04297 -14.8652 -11.332 -19.7031
|
||||
c-0.521484 -0.400391 -1.0332 -0.767578 -1.5625 -1.11816c-0.09375 -0.0595703 -0.1875 -0.12793 -0.290039 -0.178711l-38.5107 -23.5088l47.582 -34.2188c6.35742 -4.19922 10.8877 -10.9062 12.4844 -18.6973zM240.067 200.772
|
||||
c2.31152 3.45508 2.96875 6.84375 2.29492 10.1719c-0.683594 3.32812 -2.62012 6.19434 -5.45312 8.06348l-58.3086 41.9238c-2.32031 1.67188 -3.65137 4.39453 -3.5498 7.25293c0.110352 2.8584 1.63867 5.4707 4.08691 6.96387l49.8438 30.4893
|
||||
c2.65332 2.03906 4.36035 5.01855 4.7959 8.35449c0.435547 3.3457 -0.459961 6.66504 -2.51758 9.33594c-2.53418 3.4043 -6.39062 5.20508 -10.291 5.20508c-2.43164 0 -4.88086 -0.700195 -7.04004 -2.14258l-62.8643 -39.2275
|
||||
c-6.28906 -4.20703 -10.1631 -11.46 -10.1465 -19.2852c-0.0166016 -7.85938 3.86621 -15.1123 10.3682 -19.4561l71.7061 -50.7393c5.44336 -3.64355 13.0303 -2.33789 17.0752 3.08984zM216.657 247.585l-14.9404 8.25098l26.293 47.6143l14.9404 -8.25zM182.663 171.111
|
||||
l-15.2637 7.63184l17.0645 34.1299l15.2646 -7.63184zM98.251 183.466v17.0674h76.7998v-17.0674h-76.7998zM439.806 -57.415l-85.333 366.948l16.6152 3.86328l85.332 -366.948zM132.384 328.533v17.0664h93.8672v-17.0664h-93.8672z" />
|
||||
<glyph glyph-name="004-island" unicode=""
|
||||
d="M153.327 287.556c0.810547 -3.03711 -0.119141 -6.27246 -2.41406 -8.4209c-1.62109 -1.51953 -3.71191 -2.31348 -5.8457 -2.31348c-0.913086 0 -1.84375 0.145508 -2.73047 0.452148l-102.4 34.6445c-3.04688 1.0332 -5.25684 3.6875 -5.70898 6.87793
|
||||
c-0.460938 3.18262 0.913086 6.35742 3.55859 8.2002c20.8633 14.6094 47.3164 18.2178 70.7402 9.66797c22.3496 -8.16602 38.6738 -26.0596 44.8008 -49.1084zM64.9053 321.484l64.5459 -21.8447c-6.33203 9.55664 -15.5654 16.8779 -26.7949 20.9824
|
||||
c-12.1855 4.44629 -25.4375 4.65137 -37.751 0.862305zM149.504 292.642c2.61133 -1.58691 4.17285 -4.4541 4.0957 -7.50977c-0.0761719 -3.05371 -1.7832 -5.83594 -4.4707 -7.28613l-93.8672 -50.6885c-1.27148 -0.682617 -2.6709 -1.02344 -4.06152 -1.02344
|
||||
c-1.51074 0 -3.02148 0.400391 -4.36914 1.20312c-2.58496 1.54395 -4.16406 4.3252 -4.16406 7.3291c0 22.792 13.9014 44.7666 36.2744 57.3447c22.9375 12.9014 49.9805 13.1406 70.5625 0.630859zM63.0186 250.734l61.7549 33.3477
|
||||
c-2.96094 0.555664 -5.98145 0.828125 -9.04492 0.828125c-9.43652 0 -19.1992 -2.60156 -28.4238 -7.78223c-11.4092 -6.41699 -19.917 -15.8545 -24.2861 -26.3936zM148.488 277.537c-6.02441 -2.63672 -11.3916 -5.5625 -16.1025 -8.76367l14.208 -4.70215
|
||||
l-27.5625 -83.2852c-1.04102 -3.13965 -3.79883 -5.39258 -7.08301 -5.79395c-0.341797 -0.0429688 -0.674805 -0.0595703 -1.01562 -0.0595703c-2.91797 0 -5.66602 1.50195 -7.23535 4.01074c-0.836914 1.33984 -20.4033 33.2197 -10.1631 66.3379
|
||||
c6.36523 20.5908 22.5537 36.7021 48.1104 47.8887zM110.038 207.923l19.4561 58.7764c-9.89941 -7.42383 -16.4697 -16.2393 -19.6182 -26.3418c-3.56738 -11.4336 -2.32129 -23.0566 0.162109 -32.4346zM194.27 393.761
|
||||
c2.04785 -2.43164 2.56934 -5.80176 1.36621 -8.74707l-42.1553 -102.399c-1.32324 -3.2002 -4.44531 -5.28223 -7.90137 -5.28223h-0.0175781c-3.46484 0.00976562 -6.5791 2.11621 -7.88477 5.3252c-12.1514 29.9346 -12.7998 55.6211 -1.91992 76.3477
|
||||
c15.5303 29.6025 48.7246 37.2734 50.1328 37.5889c3.08105 0.708008 6.33203 -0.392578 8.37988 -2.83301zM146.723 311.065l25.2842 61.4053c-7.59473 -4.49609 -15.9229 -11.375 -21.2139 -21.5205c-5.77734 -11.085 -7.125 -24.4482 -4.07031 -39.8848zM243.021 336.017
|
||||
c2.8418 -1.54395 4.55664 -4.56543 4.44629 -7.79102c-0.119141 -3.22656 -2.03906 -6.11914 -4.9834 -7.46777l-93.3545 -42.666c-1.13477 -0.503906 -2.34766 -0.759766 -3.5498 -0.759766c-1.83496 0 -3.65332 0.588867 -5.16309 1.74121
|
||||
c-2.5 1.90332 -3.75488 5.02637 -3.26074 8.13184c3.64453 22.9121 17.1875 41.668 37.1289 51.4727c21.043 10.334 46.7373 9.33691 68.7363 -2.66113zM159.54 301.627l56.96 26.0352c-3.69531 0.708008 -7.41602 1.05859 -11.1025 1.05859
|
||||
c-8.23438 0 -16.2988 -1.77539 -23.5859 -5.35938c-9.78809 -4.8125 -17.3818 -12.2881 -22.2715 -21.7344zM255.743 253.832c0.768555 -3.00391 -0.152344 -6.17773 -2.40527 -8.31152c-1.61328 -1.50977 -3.72168 -2.32129 -5.87109 -2.32129
|
||||
c-0.862305 0 -1.72461 0.12793 -2.56934 0.393555l-81.0664 25.5996l5.14551 16.2725l63.4365 -20.0352c-6.12695 9.6416 -15.2148 17.0488 -26.3418 21.1709c-18.2275 6.75781 -39.0059 3.87402 -55.5947 -7.74023l-9.7793 13.9863
|
||||
c21.1719 14.8223 47.8291 18.4746 71.3135 9.75391c21.9639 -8.14941 37.9043 -25.9238 43.7324 -48.7686zM143.642 282.061c2.15039 -3.22656 52.71 -80.6143 44.0752 -201.607l-17.0244 1.21973c8.2002 114.866 -40.7637 190.19 -41.2588 190.933zM168.96 290.986
|
||||
c2.15918 -2.88379 52.9062 -72.0303 52.9062 -201.387h-17.0664c0 123.725 -48.998 190.489 -49.4932 191.146zM422.263 395.715c2.78223 -1.53613 4.47168 -4.4873 4.40527 -7.66309c-0.0683594 -3.1748 -1.91211 -6.04199 -4.76172 -7.44922l-97.4512 -48.043
|
||||
c-1.19434 -0.580078 -2.48242 -0.870117 -3.77148 -0.870117c-1.77539 0 -3.54199 0.553711 -5.03516 1.6377c-2.56934 1.87695 -3.87402 5.01758 -3.40527 8.1582c6.11035 40.7129 44.1094 68.9326 84.915 62.7627c8.83984 -1.32227 17.2881 -4.19824 25.1045 -8.5332z
|
||||
M334.83 356.71l61.6025 30.3701c-0.597656 0.111328 -1.20312 0.205078 -1.80957 0.298828c-2.88379 0.435547 -5.75098 0.640625 -8.57617 0.640625c-21.7676 0 -41.4883 -12.3994 -51.2168 -31.3096zM426.606 303.948
|
||||
c0.349609 -2.96973 -0.870117 -5.90527 -3.22656 -7.74902c-1.51855 -1.18652 -3.37109 -1.80078 -5.24805 -1.80078c-1.02344 0 -2.05566 0.178711 -3.0459 0.5625l-97.4502 37.291c-2.85938 1.09375 -4.91602 3.63672 -5.38574 6.66504
|
||||
c-0.46875 3.02148 0.726562 6.06836 3.11523 7.97949c19.0469 15.1631 45.79 18.457 69.7686 8.62695c23.2451 -9.54004 38.7412 -28.8174 41.4727 -51.5752zM341.026 341.571l63.752 -24.3975c-5.28223 9.75293 -14.3789 17.7412 -26.1289 22.5625
|
||||
c-12.4922 5.12012 -25.8564 5.63184 -37.623 1.83496zM376.482 306.704c14.2158 -31.6406 -1.14453 -65.6465 -1.7998 -67.0811c-1.35645 -2.94336 -4.27539 -4.86328 -7.52637 -4.95801h-0.22168c-3.15723 0 -6.06738 1.74902 -7.55273 4.54883l-39.4238 74.666
|
||||
l15.1045 7.9707l29.4658 -55.8086c1.51855 9.89062 1.55273 22.2549 -3.66113 33.7754c-6.73242 14.874 -21.0859 25.7197 -42.6494 32.2393l4.93164 16.333c26.5635 -8.03027 44.5098 -22.0508 53.333 -41.6855zM320.657 414.642
|
||||
c13.2012 -19.6777 15.6328 -45.3535 7.2373 -76.3047c-0.904297 -3.35352 -3.74609 -5.81934 -7.20215 -6.2373c-0.341797 -0.0517578 -0.692383 -0.0683594 -1.0332 -0.0683594c-3.06348 0 -5.93066 1.65625 -7.4502 4.37793l-55.124 98.9004
|
||||
c-1.57129 2.80859 -1.42676 6.25586 0.375 8.92676c1.7998 2.6709 4.88086 4.10449 8.13184 3.69434c1.45898 -0.178711 35.9502 -4.78711 55.0654 -33.2891zM315.478 365.593c1.11816 15.6338 -1.86035 28.834 -8.90039 39.4072
|
||||
c-6.61328 9.91504 -15.9404 16.1621 -24.2344 20.0361zM327.867 342.928c0.878906 -3.02832 0.00878906 -6.28809 -2.25195 -8.48145c-1.62109 -1.57031 -3.77051 -2.41504 -5.95605 -2.41504c-0.871094 0 -1.74121 0.135742 -2.60254 0.401367l-97.7842 31.2314
|
||||
c-3.08105 0.982422 -5.33398 3.61914 -5.83691 6.81055c-0.495117 3.19922 0.853516 6.39941 3.49023 8.26855c20.3594 14.498 45.7041 18.543 67.7793 10.8369c21.001 -7.33008 36.7363 -24.3369 43.1621 -46.6523zM244.139 373.641l59.707 -19.0723
|
||||
c-6.02441 8.79785 -14.4727 15.2998 -24.7725 18.9004c-11.2627 3.93457 -23.3809 3.91699 -34.9346 0.171875zM266.035 335.224c-10.5303 -5.42871 -18.5762 -14.7461 -23.2363 -26.5469l57.4287 23.4834l6.46777 -15.8037l-73.0449 -29.8672
|
||||
c-1.06543 -0.417969 -2.15918 -0.623047 -3.25098 -0.623047c-1.85059 0 -3.69531 0.606445 -5.20508 1.77539c-2.40625 1.86035 -3.64355 4.85547 -3.25098 7.86816c3.22656 24.6777 16.4443 44.6807 36.2676 54.8945c19.7373 10.1719 43.6221 9.33496 65.4678 -2.30371
|
||||
l-8.01367 -15.0703c-16.8613 8.97656 -34.9609 9.7793 -49.6299 2.19336zM342.725 327.696c-28.4082 -63.5732 -40.7041 -133.879 -35.5498 -203.332l-17.0156 -1.2627c-5.36816 72.2598 7.42383 145.416 36.9834 211.558zM319.514 340.557
|
||||
c-35.4131 -66.4062 -51.4824 -141.185 -46.4561 -216.26l-17.041 -1.13477c-5.23145 78.25 11.5117 156.202 48.4268 225.424zM0 38.3994v17.0674h511.999v-17.0674h-511.999zM187.733 4.26562v17.0674h238.933v-17.0674h-238.933zM76.7998 4.26562v17.0674h93.8672
|
||||
v-17.0674h-93.8672zM281.6 81.0654v17.0674h17.0664v-17.0674h-17.0664zM324.267 72.5332v17.0664h17.0664v-17.0664h-17.0664zM238.934 72.5332v17.0664h17.0674v-17.0664h-17.0674zM247.467 -29.8672v17.0674h136.532v-17.0674h-136.532zM119.467 -29.8672v17.0674
|
||||
h110.933v-17.0674h-110.933zM204.8 -64v17.0674h93.8662v-17.0674h-93.8662zM255.999 132.258c81.4004 0 153.131 -31.7695 182.758 -80.9209l-14.626 -8.81543c-26.1963 43.4678 -93.7637 72.6777 -168.132 72.6777
|
||||
c-13.8311 -0.0166016 -27.7832 -1.02344 -41.4453 -2.99414l-2.43164 16.8955c14.4639 2.07324 29.2256 3.13965 43.877 3.15723zM176.861 121.531l4.68457 -16.418c-42.9141 -12.2441 -77.0645 -35.0625 -93.6875 -62.5918l-14.6084 8.81543
|
||||
c18.833 31.1807 56.5928 56.7637 103.611 70.1943z" />
|
||||
<glyph glyph-name="006-plane" unicode=""
|
||||
d="M289.439 424.861c11.4785 -23.6035 17.6699 -50.3877 17.7295 -77.0693v-266.838c0 -0.538086 -0.0507812 -1.08301 -0.162109 -1.61133l-23.0234 -119.383c-1.8584 -13.4727 -13.9082 -23.9609 -27.9609 -23.9609h-0.0429688
|
||||
c-14.0361 0 -26.0928 10.4805 -28.0293 24.4053l-22.9551 118.939c-0.103516 0.538086 -0.154297 1.07422 -0.154297 1.61133v266.82c-0.152344 27.6543 6.29297 55.4102 18.6328 80.1992c7.55469 15.2217 24.9326 23.168 41.4248 18.8623
|
||||
c11.2734 -3.50488 20.0732 -11.4785 24.541 -21.9756zM290.114 81.7822v265.993c-0.0605469 24.1152 -5.65332 48.332 -16.1934 70.0342c-2.66895 6.26758 -7.61523 10.7354 -13.7119 12.6377c-8.25488 2.15723 -17.4639 -2.0293 -21.4551 -10.0625
|
||||
c-11.1621 -22.4277 -16.9854 -47.5234 -16.8496 -72.5674v-266.043l22.8701 -118.581c0.827148 -5.96875 5.62012 -10.1396 11.2217 -10.1396c5.61133 0 10.4121 4.1709 11.1797 9.7041zM217.734 258.835c2.58398 -1.54395 4.16113 -4.32422 4.16211 -7.3252v-85.2725
|
||||
c0 -3.55566 -2.20801 -6.7373 -5.53418 -7.99023l-204.655 -76.7461c-0.97168 -0.365234 -1.9873 -0.536133 -2.99316 -0.536133c-1.71387 0 -3.41113 0.519531 -4.86035 1.51758c-2.30371 1.60254 -3.66797 4.21191 -3.66797 7.00879v51.1641
|
||||
c0 3.12891 1.71484 6.00293 4.46875 7.49512l204.654 110.855c2.62695 1.43262 5.8418 1.37207 8.42578 -0.170898zM204.841 172.146v65.0361l-187.601 -101.61v-33.7764zM507.354 148.15c2.74609 -1.49219 4.46094 -4.36621 4.46094 -7.49609v-51.1641
|
||||
c0 -2.79688 -1.37305 -5.41406 -3.67578 -7.00879c-1.43164 -1.00586 -3.12891 -1.51758 -4.84277 -1.51758c-1.00684 0 -2.02051 0.178711 -3.00195 0.536133l-204.655 76.7461c-3.32617 1.24512 -5.52539 4.43457 -5.52539 7.99023v85.2725
|
||||
c0 3.01074 1.58594 5.79004 4.16016 7.3252c2.58496 1.54395 5.78223 1.59473 8.42578 0.170898zM494.769 101.796v33.7773l-187.601 101.62v-65.0469zM136.622 251.501c14.1045 0 25.582 -11.4766 25.5801 -25.582v-8.52734h-17.0537v8.52734
|
||||
c0 4.69824 -3.8291 8.52734 -8.52734 8.52734s-8.52637 -3.82812 -8.52637 -8.52734v-25.582h-17.0547v25.582c0 14.1045 11.4785 25.582 25.582 25.582zM59.877 208.874c14.1035 0 25.582 -11.4785 25.5801 -25.583h-17.0547c0 4.69922 -3.8291 8.51953 -8.52637 8.51953
|
||||
c-4.69824 0 -8.52734 -3.82129 -8.52734 -8.51953v-25.582h-17.0547v25.582c0 14.1045 11.4785 25.583 25.583 25.583zM375.387 251.501c14.1045 0 25.582 -11.4766 25.5801 -25.582v-25.582h-17.0537v25.582c0 4.69824 -3.82031 8.52734 -8.52734 8.52734
|
||||
s-8.52734 -3.82812 -8.52734 -8.52734v-8.52734h-17.0537v8.52734c0 14.1045 11.4775 25.582 25.582 25.582zM452.133 208.874c14.1035 0 25.582 -11.4785 25.5801 -25.583v-25.582h-17.0547v25.582c0 4.69922 -3.81934 8.51953 -8.52637 8.51953
|
||||
s-8.52734 -3.82129 -8.52734 -8.51953h-17.0547c0 14.1045 11.4785 25.583 25.583 25.583zM237.534 -30.0107l2.80762 -16.8242l-102.328 -17.0537c-0.460938 -0.0683594 -0.930664 -0.111328 -1.39062 -0.111328c-2.00391 0 -3.95703 0.708008 -5.50879 2.02148
|
||||
c-1.91016 1.61035 -3.01855 3.99902 -3.01855 6.50586v34.1094c0 3.00195 1.56836 5.77246 4.13574 7.30762l85.2725 51.1641l8.77539 -14.625l-81.1377 -48.6816v-19.2129zM379.77 -14.0557c2.56738 -1.54395 4.13574 -4.31445 4.1377 -7.30664v-34.1094
|
||||
c0 -2.50684 -1.10059 -4.88672 -3.01953 -6.50586c-1.54297 -1.31348 -3.49609 -2.02148 -5.5 -2.02148c-0.46875 0 -0.928711 0.0419922 -1.39844 0.119141l-102.327 17.0537l2.79688 16.8242l92.4014 -15.3994v19.2031l-81.1377 48.6816l8.77441 14.625zM275.336 382.55
|
||||
l5.80762 -17.498l-16.1846 -5.36328l-5.7998 17.4805c-0.451172 1.33984 -1.71387 2.25098 -3.14648 2.25098c-1.40723 -0.00878906 -2.66895 -0.972656 -3.08691 -2.3877l-5.90918 -17.4131l-16.1514 5.49219l5.79883 17.0537
|
||||
c2.42188 8.33105 10.1992 14.2246 19.2461 14.3096c8.68164 -0.212891 16.6377 -5.57715 19.4258 -13.9248z" />
|
||||
<glyph glyph-name="003-suitcase" unicode=""
|
||||
d="M230.4 337.067c23.5254 0 42.667 -19.1416 42.667 -42.667v-8.5332h-17.0674v8.5332c0 14.1133 -11.4863 25.5996 -25.5996 25.5996h-187.733c-14.1143 0 -25.5996 -11.4863 -25.5996 -25.5996v-273.067c0 -14.1143 11.4854 -25.5996 25.5996 -25.5996h110.933v-17.0674
|
||||
h-110.933c-23.5273 0 -42.667 19.1406 -42.667 42.667v273.067c0 23.5254 19.1396 42.667 42.667 42.667h187.733zM187.733 448c14.1133 0 25.5996 -11.4863 25.5996 -25.5996c0 -14.1143 -11.4863 -25.6006 -25.5996 -25.6006h-102.4
|
||||
c-14.1143 0 -25.5996 11.4863 -25.5996 25.6006c0 14.1133 11.4854 25.5996 25.5996 25.5996h102.4zM187.733 413.867c4.70117 0 8.5332 3.83105 8.53223 8.5332c0 4.70117 -3.83105 8.53223 -8.53223 8.53223h-102.4c-4.70215 0 -8.5332 -3.83105 -8.5332 -8.53223
|
||||
c0 -4.70215 3.83105 -8.5332 8.5332 -8.5332h102.4zM93.8672 328.533v76.7998h17.0664v-76.7998h-17.0664zM162.133 328.533v76.7998h17.0674v-76.7998h-17.0674zM51.2002 38.4004v153.6h17.0664v-153.6h-17.0664zM153.6 217.6v68.2676h17.0674v-68.2676h-17.0674z
|
||||
M38.4004 -4.2666c16.4688 0 29.8662 -13.3965 29.8662 -29.8662s-13.3975 -29.8672 -29.8662 -29.8672c-16.4697 0 -29.8672 13.3965 -29.8672 29.8662s13.3975 29.8672 29.8672 29.8672zM38.4004 -46.9326c7.05664 0 12.7998 5.74219 12.7998 12.7998
|
||||
c0 7.05664 -5.74316 12.7998 -12.7998 12.7998c-7.05762 0 -12.8008 -5.74316 -12.8008 -12.7998c0 -7.05762 5.74316 -12.7998 12.8008 -12.7998zM102.4 38.4004v247.467h17.0664v-247.467h-17.0664zM93.2607 212.241
|
||||
c1.69824 -4.26758 -0.264648 -9.10547 -4.4541 -10.9658l-76.7998 -34.1338c-1.11816 -0.50293 -2.29492 -0.741211 -3.47266 -0.741211c-1.62207 0 -3.24316 0.46875 -4.65137 1.37402c-2.42383 1.57715 -3.88281 4.26562 -3.88281 7.1582v51.2002
|
||||
c0 3.41406 2.03125 6.50293 5.17188 7.8418l59.7334 25.6006c2.10645 0.921875 4.49707 0.930664 6.62988 0.0429688c2.125 -0.878906 3.80566 -2.57715 4.65918 -4.70996zM17.0674 188.066l57.293 25.4639l-10.7695 26.9141l-46.5234 -19.9346v-32.4434zM51.2002 243.2
|
||||
v42.667h17.0664v-42.667h-17.0664zM204.8 217.6v68.2676h17.0674v-68.2676h-17.0674zM234.667 -4.2666c16.4688 0 29.8672 -13.3965 29.8672 -29.8662s-13.3984 -29.8672 -29.8672 -29.8672c-16.4697 0 -29.8672 13.3965 -29.8672 29.8662s13.3984 29.8672 29.8672 29.8672z
|
||||
M234.667 -46.9326c7.05664 0 12.7998 5.74219 12.7998 12.7998c0 7.05664 -5.74316 12.7998 -12.7998 12.7998s-12.7998 -5.74316 -12.7998 -12.7998c0 -7.05762 5.74316 -12.7998 12.7998 -12.7998zM469.333 234.667c23.5273 0 42.667 -19.1406 42.668 -42.667v-170.667
|
||||
c0 -23.5273 -19.1406 -42.667 -42.667 -42.667h-298.667c-23.5273 0 -42.667 19.1406 -42.667 42.667v170.667c0 23.5264 19.1396 42.667 42.667 42.667h298.666zM494.933 21.333h0.000976562v170.667c0 14.1143 -11.4854 25.5996 -25.5996 25.5996h-298.667
|
||||
c-14.1143 0 -25.5996 -11.4854 -25.5996 -25.5996v-170.667c0 -14.1143 11.4854 -25.5996 25.5996 -25.5996h298.666c14.1143 0 25.5996 11.4854 25.5996 25.5996zM358.4 268.8c4.71875 0 8.53223 -3.82324 8.5332 -8.5332v-34.1328h-17.0664v25.6006h-59.7334v-25.6006
|
||||
h-17.0664v34.1328c0 4.70996 3.81348 8.5332 8.53223 8.5332h76.8008zM358.4 302.933c23.5254 0 42.667 -19.1396 42.667 -42.667v-34.1328h-17.0674v34.1328c0 14.1143 -11.4863 25.6006 -25.5996 25.6006h-76.8008c-14.1133 0 -25.5996 -11.4863 -25.5996 -25.6006
|
||||
v-34.1328h-17.0674v34.1328c0 23.5273 19.1416 42.667 42.667 42.667h76.8008zM356.804 137.225c1.86133 -2.60254 2.1084 -6.0166 0.647461 -8.86523c-1.45898 -2.84277 -4.38574 -4.625 -7.58594 -4.625h-85.333c-3.2002 0 -6.12695 1.78223 -7.5957 4.625
|
||||
c-1.45898 2.84961 -1.21094 6.2627 0.649414 8.86523l42.667 59.7334c3.2002 4.48926 10.6836 4.48926 13.8838 0zM281.114 140.8h52.1641l-26.0781 36.5146zM440.004 112.41c26.8291 -8.75586 42.7178 -34.0664 35.4219 -56.4219
|
||||
c-5.60547 -17.1523 -23.2695 -27.665 -43.2979 -27.665c-6.06836 0 -12.3477 0.963867 -18.5859 2.99512c-12.6553 4.13867 -23.3301 12.0488 -30.0459 22.2891c-7.1084 10.8369 -9.01074 22.9531 -5.35938 34.1328c7.28809 22.3398 35.0215 33.417 61.8672 24.6699z
|
||||
M459.187 61.2783c4.36914 13.4053 -6.6123 29.0557 -24.4971 34.9004c-4.56543 1.49316 -9.15625 2.19336 -13.5342 2.19336c-12.6973 0 -23.5527 -5.95703 -26.8037 -15.9316h-0.00878906c-2.00586 -6.14453 -0.793945 -13.0566 3.41309 -19.4736
|
||||
c4.59961 -7.00586 12.083 -12.4834 21.0771 -15.4277c17.8691 -5.82812 35.9854 0.325195 40.3535 13.7393zM166.4 -4.2666c16.4688 0 29.8662 -13.3965 29.8662 -29.8662s-13.3975 -29.8672 -29.8662 -29.8672c-16.4697 0 -29.8672 13.3965 -29.8672 29.8662
|
||||
s13.3975 29.8672 29.8672 29.8672zM166.4 -46.9326c7.05664 0 12.7998 5.74219 12.7998 12.7998c0 7.05664 -5.74316 12.7998 -12.7998 12.7998c-7.05762 0 -12.8008 -5.74316 -12.8008 -12.7998c0 -7.05762 5.74316 -12.7998 12.8008 -12.7998zM473.6 -4.2666
|
||||
c16.4697 0 29.8672 -13.3965 29.8672 -29.8662s-13.3975 -29.8672 -29.8672 -29.8672c-16.4688 0 -29.8662 13.3965 -29.8662 29.8662s13.3975 29.8672 29.8662 29.8672zM473.6 -46.9326c7.05762 0 12.8008 5.74219 12.8008 12.7998
|
||||
c0 7.05664 -5.74316 12.7998 -12.8008 12.7998c-7.05664 0 -12.7998 -5.74316 -12.7998 -12.7998c0 -7.05762 5.74316 -12.7998 12.7998 -12.7998zM204.8 -12.7998v68.2666h17.0674v-68.2666h-17.0674zM213.333 234.667c4.71094 0 8.53418 -3.82324 8.53418 -8.53418
|
||||
v-119.466h-17.0674v110.933h-17.0654v-93.8652h-17.0674v102.399c0 4.70996 3.82324 8.5332 8.5332 8.5332h34.1328zM170.667 -12.7998v93.8672h17.0674v-93.8672h-17.0674zM452.267 -12.7998v59.7324h17.0674v-59.7324h-17.0674zM460.8 234.667
|
||||
c4.71875 0 8.5332 -3.82324 8.53418 -8.53418v-136.533h-17.0674v128h-17.0664v-110.933h-17.0664v119.467c0 4.70996 3.81445 8.5332 8.5332 8.5332h34.1328zM418.133 -12.7998v51.2002h17.0674v-51.2002h-17.0674zM243.234 96.9814
|
||||
c3.89062 -2.27832 5.3418 -7.16797 3.33594 -11.1963l-17.0674 -34.1328c-1.06738 -2.125 -2.96973 -3.71191 -5.24805 -4.37793c-0.785156 -0.230469 -1.58691 -0.341797 -2.38867 -0.341797c-1.53613 0 -3.04688 0.417969 -4.39551 1.2207l-85.333 51.1992
|
||||
l8.78125 14.6357l77.4307 -46.4561l9.37012 18.7305l-95.4873 55.6973l8.60156 14.7539z" />
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 36 KiB |
BIN
fonts/flaticon/font/Flaticon.ttf
Normal file
BIN
fonts/flaticon/font/Flaticon.ttf
Normal file
Binary file not shown.
BIN
fonts/flaticon/font/Flaticon.woff
Normal file
BIN
fonts/flaticon/font/Flaticon.woff
Normal file
Binary file not shown.
BIN
fonts/flaticon/font/Flaticon.woff2
Normal file
BIN
fonts/flaticon/font/Flaticon.woff2
Normal file
Binary file not shown.
47
fonts/flaticon/font/_flaticon.css
Normal file
47
fonts/flaticon/font/_flaticon.css
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
/*
|
||||
Flaticon icon font: Flaticon
|
||||
Creation date: 24/12/2020 12:48
|
||||
*/
|
||||
@font-face {
|
||||
font-family: "Flaticon";
|
||||
src: url("./Flaticon.eot");
|
||||
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), url("./Flaticon.woff2") format("woff2"), url("./Flaticon.woff") format("woff"), url("./Flaticon.ttf") format("truetype"), url("./Flaticon.svg#Flaticon") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
@font-face {
|
||||
font-family: "Flaticon";
|
||||
src: url("./Flaticon.svg#Flaticon") format("svg"); } }
|
||||
|
||||
.fi:before {
|
||||
display: inline-block;
|
||||
font-family: "Flaticon";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
line-height: 1;
|
||||
text-decoration: inherit;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-transform: none;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased; }
|
||||
|
||||
.flaticon-trekking:before {
|
||||
content: "\f100"; }
|
||||
|
||||
.flaticon-map:before {
|
||||
content: "\f101"; }
|
||||
|
||||
.flaticon-suitcase:before {
|
||||
content: "\f102"; }
|
||||
|
||||
.flaticon-island:before {
|
||||
content: "\f103"; }
|
||||
|
||||
.flaticon-around:before {
|
||||
content: "\f104"; }
|
||||
|
||||
.flaticon-plane:before {
|
||||
content: "\f105"; }
|
||||
52
fonts/flaticon/font/_flaticon.scss
Normal file
52
fonts/flaticon/font/_flaticon.scss
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
/*
|
||||
Flaticon icon font: Flaticon
|
||||
Creation date: 24/12/2020 12:48
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Flaticon";
|
||||
src: url("./Flaticon.eot");
|
||||
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
|
||||
url("./Flaticon.woff2") format("woff2"),
|
||||
url("./Flaticon.woff") format("woff"),
|
||||
url("./Flaticon.ttf") format("truetype"),
|
||||
url("./Flaticon.svg#Flaticon") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: "Flaticon";
|
||||
src: url("./Flaticon.svg#Flaticon") format("svg");
|
||||
}
|
||||
}
|
||||
|
||||
.fi:before{
|
||||
display: inline-block;
|
||||
font-family: "Flaticon";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
line-height: 1;
|
||||
text-decoration: inherit;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-transform: none;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.flaticon-trekking:before { content: "\f100"; }
|
||||
.flaticon-map:before { content: "\f101"; }
|
||||
.flaticon-suitcase:before { content: "\f102"; }
|
||||
.flaticon-island:before { content: "\f103"; }
|
||||
.flaticon-around:before { content: "\f104"; }
|
||||
.flaticon-plane:before { content: "\f105"; }
|
||||
|
||||
$font-Flaticon-trekking: "\f100";
|
||||
$font-Flaticon-map: "\f101";
|
||||
$font-Flaticon-suitcase: "\f102";
|
||||
$font-Flaticon-island: "\f103";
|
||||
$font-Flaticon-around: "\f104";
|
||||
$font-Flaticon-plane: "\f105";
|
||||
45
fonts/flaticon/font/flaticon.css
Normal file
45
fonts/flaticon/font/flaticon.css
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
/*
|
||||
Flaticon icon font: Flaticon
|
||||
Creation date: 24/12/2020 12:48
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Flaticon";
|
||||
src: url("./Flaticon.eot");
|
||||
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
|
||||
url("./Flaticon.woff2") format("woff2"),
|
||||
url("./Flaticon.woff") format("woff"),
|
||||
url("./Flaticon.ttf") format("truetype"),
|
||||
url("./Flaticon.svg#Flaticon") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: "Flaticon";
|
||||
src: url("./Flaticon.svg#Flaticon") format("svg");
|
||||
}
|
||||
}
|
||||
|
||||
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
|
||||
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
|
||||
font-family: Flaticon;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.flaticon-trekking:before { content: "\f100"; }
|
||||
.flaticon-map:before { content: "\f101"; }
|
||||
.flaticon-suitcase:before { content: "\f102"; }
|
||||
.flaticon-island:before { content: "\f103"; }
|
||||
.flaticon-around:before { content: "\f104"; }
|
||||
.flaticon-plane:before { content: "\f105"; }
|
||||
485
fonts/flaticon/font/flaticon.html
Normal file
485
fonts/flaticon/font/flaticon.html
Normal file
|
|
@ -0,0 +1,485 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Flaticon icon font: Flaticon
|
||||
Creation date: 24/12/2020 12:48
|
||||
-->
|
||||
<html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Flaticon WebFont</title>
|
||||
<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" type="text/css" href="flaticon.css">
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
body {
|
||||
font-family: 'Varela Round', Helvetica, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
color: #222;
|
||||
}
|
||||
a {
|
||||
color: #333;
|
||||
border-bottom: 1px solid #a9fd00;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
* {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
|
||||
font-family: Flaticon;
|
||||
font-size: 30px;
|
||||
font-style: normal;
|
||||
margin-left: 20px;
|
||||
color: #333;
|
||||
}
|
||||
.wrapper {
|
||||
max-width: 600px;
|
||||
margin: auto;
|
||||
padding: 0 1em;
|
||||
}
|
||||
.title {
|
||||
font-size: 1.25em;
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
header {
|
||||
text-align: center;
|
||||
background-color: #222;
|
||||
color: #fff;
|
||||
padding: 1em;
|
||||
}
|
||||
header .logo {
|
||||
width: 210px;
|
||||
height: 38px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 1em;
|
||||
border: none;
|
||||
}
|
||||
header strong {
|
||||
font-size: 1.95em;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
margin-top: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
.demo {
|
||||
margin: 2em auto;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
.demo ul li {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.demo ul li .num {
|
||||
color: #222;
|
||||
border-radius: 20px;
|
||||
display: inline-block;
|
||||
width: 26px;
|
||||
padding: 3px;
|
||||
height: 26px;
|
||||
text-align: center;
|
||||
margin-right: 0.5em;
|
||||
border: 1px solid #222;
|
||||
}
|
||||
.demo ul li code {
|
||||
background-color: #222;
|
||||
border-radius: 4px;
|
||||
padding: 0.25em 0.5em;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
||||
font-weight: lighter;
|
||||
margin-top: 1em;
|
||||
font-size: 0.8em;
|
||||
word-break: break-all;
|
||||
}
|
||||
.demo ul li code.big {
|
||||
padding: 1em;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.demo ul li code .red {
|
||||
color: #EF3159;
|
||||
}
|
||||
.demo ul li code .green {
|
||||
color: #ACFF65;
|
||||
}
|
||||
.demo ul li code .yellow {
|
||||
color: #FFFF99;
|
||||
}
|
||||
.demo ul li code .blue {
|
||||
color: #99D3FF;
|
||||
}
|
||||
.demo ul li code .purple {
|
||||
color: #A295FF;
|
||||
}
|
||||
.demo ul li code .dots {
|
||||
margin-top: 0.5em;
|
||||
display: block;
|
||||
}
|
||||
#glyphs {
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 2em 0;
|
||||
text-align: center;
|
||||
}
|
||||
.glyph {
|
||||
display: inline-block;
|
||||
width: 9em;
|
||||
margin: 1em;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
background: #FFF;
|
||||
}
|
||||
.glyph .glyph-icon {
|
||||
padding: 10px;
|
||||
display: block;
|
||||
font-family:"Flaticon";
|
||||
font-size: 64px;
|
||||
line-height: 1;
|
||||
}
|
||||
.glyph .glyph-icon:before {
|
||||
font-size: 64px;
|
||||
color: #222;
|
||||
margin-left: 0;
|
||||
}
|
||||
.class-name {
|
||||
font-size: 0.65em;
|
||||
background-color: #222;
|
||||
color: #fff;
|
||||
border-radius: 4px 4px 0 0;
|
||||
padding: 0.5em;
|
||||
color: #FFFF99;
|
||||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
||||
}
|
||||
.author-name {
|
||||
font-size: 0.6em;
|
||||
background-color: #fcfcfd;
|
||||
border: 1px solid #DEDEE4;
|
||||
border-top: 0;
|
||||
border-radius: 0 0 4px 4px;
|
||||
padding: 0.5em;
|
||||
}
|
||||
.class-name:last-child {
|
||||
font-size: 10px;
|
||||
color:#888;
|
||||
}
|
||||
.class-name:last-child a {
|
||||
font-size: 10px;
|
||||
color:#555;
|
||||
}
|
||||
.class-name:last-child a:hover {
|
||||
color:#a9fd00;
|
||||
}
|
||||
.glyph > input {
|
||||
display: block;
|
||||
width: 100px;
|
||||
margin: 5px auto;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
cursor: text;
|
||||
}
|
||||
.glyph > input.icon-input {
|
||||
font-family:"Flaticon";
|
||||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.attribution .title {
|
||||
margin-top: 2em;
|
||||
}
|
||||
.attribution textarea {
|
||||
background-color: #fcfcfd;
|
||||
padding: 1em;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
border: 1px solid #DEDEE4;
|
||||
border-radius: 4px;
|
||||
resize: none;
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
font-size: 0.8em;
|
||||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.iconsuse {
|
||||
margin: 2em auto;
|
||||
text-align: center;
|
||||
max-width: 1200px;
|
||||
}
|
||||
.iconsuse:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
.iconsuse .image {
|
||||
float: left;
|
||||
width: 25%;
|
||||
padding: 0 1em;
|
||||
}
|
||||
.iconsuse .image p {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.iconsuse .image span {
|
||||
display: block;
|
||||
font-size: 0.65em;
|
||||
background-color: #222;
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
padding: 0.5em;
|
||||
color: #FFFF99;
|
||||
margin-top: 1em;
|
||||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
||||
}
|
||||
#footer {
|
||||
text-align: center;
|
||||
background-color: #4C5B5C;
|
||||
color: #7c9192;
|
||||
padding: 1em;
|
||||
}
|
||||
#footer a {
|
||||
border: none;
|
||||
color: #a9fd00;
|
||||
font-weight: normal;
|
||||
}
|
||||
@media (max-width: 960px) {
|
||||
.iconsuse .image {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
.iconsuse .image {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="characters-off">
|
||||
|
||||
<header>
|
||||
<a href="https://www.flaticon.com" target="_blank" class="logo">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" viewBox="0 0 560.875 102.036" enable-background="new 0 0 560.875 102.036" xml:space="preserve">
|
||||
<defs>
|
||||
</defs>
|
||||
<g>
|
||||
<g class="letters">
|
||||
<path fill="#ffffff" d="M141.596,29.675c0-3.777,2.985-6.767,6.764-6.767h34.438c3.426,0,6.15,2.728,6.15,6.15
|
||||
c0,3.43-2.724,6.149-6.15,6.149h-27.674v13.091h23.719c3.429,0,6.151,2.724,6.151,6.15c0,3.43-2.723,6.149-6.151,6.149h-23.719
|
||||
v17.574c0,3.773-2.986,6.761-6.764,6.761c-3.779,0-6.764-2.989-6.764-6.761V29.675z"></path>
|
||||
<path fill="#ffffff" d="M193.844,29.149c0-3.781,2.985-6.767,6.764-6.767c3.776,0,6.763,2.985,6.763,6.767v42.957h25.039
|
||||
c3.426,0,6.149,2.726,6.149,6.153c0,3.425-2.723,6.15-6.149,6.15h-31.802c-3.779,0-6.764-2.986-6.764-6.768V29.149z"></path>
|
||||
<path fill="#ffffff" d="M241.891,75.71l21.438-48.407c1.492-3.341,4.215-5.357,7.906-5.357h0.792
|
||||
c3.686,0,6.323,2.017,7.815,5.357l21.439,48.407c0.436,0.967,0.701,1.845,0.701,2.723c0,3.602-2.809,6.501-6.414,6.501
|
||||
c-3.161,0-5.269-1.845-6.499-4.655l-4.132-9.661h-27.059l-4.301,10.102c-1.144,2.631-3.426,4.214-6.237,4.214
|
||||
c-3.517,0-6.24-2.81-6.24-6.325C241.1,77.64,241.451,76.677,241.891,75.71z M279.932,58.666l-8.521-20.297l-8.526,20.297H279.932
|
||||
z"></path>
|
||||
<path fill="#ffffff" d="M314.864,35.387H301.86c-3.429,0-6.239-2.813-6.239-6.238c0-3.429,2.811-6.24,6.239-6.24h39.533
|
||||
c3.426,0,6.237,2.811,6.237,6.24c0,3.425-2.811,6.238-6.237,6.238h-13.001v42.785c0,3.773-2.99,6.761-6.764,6.761
|
||||
c-3.779,0-6.764-2.989-6.764-6.761V35.387z"></path>
|
||||
<path fill="#A9FD00" d="M352.615,29.149c0-3.781,2.985-6.767,6.767-6.767c3.774,0,6.761,2.985,6.761,6.767v49.024
|
||||
c0,3.773-2.987,6.761-6.761,6.761c-3.781,0-6.767-2.989-6.767-6.761V29.149z"></path>
|
||||
<path fill="#A9FD00" d="M374.132,53.836v-0.179c0-17.481,13.178-31.801,32.065-31.801c9.22,0,15.459,2.458,20.557,6.238
|
||||
c1.402,1.054,2.637,2.985,2.637,5.357c0,3.692-2.985,6.59-6.681,6.59c-1.845,0-3.071-0.702-4.044-1.319
|
||||
c-3.776-2.813-7.729-4.393-12.562-4.393c-10.364,0-17.831,8.611-17.831,19.154v0.173c0,10.542,7.291,19.329,17.831,19.329
|
||||
c5.715,0,9.492-1.756,13.359-4.834c1.049-0.874,2.458-1.491,4.039-1.491c3.429,0,6.325,2.813,6.325,6.236
|
||||
c0,2.106-1.056,3.78-2.282,4.834c-5.539,4.834-12.036,7.733-21.878,7.733C387.572,85.464,374.132,71.493,374.132,53.836z"></path>
|
||||
<path fill="#A9FD00" d="M433.009,53.836v-0.179c0-17.481,13.79-31.801,32.766-31.801c18.981,0,32.592,14.143,32.592,31.628v0.173
|
||||
c0,17.483-13.785,31.807-32.769,31.807C446.625,85.464,433.009,71.32,433.009,53.836z M484.224,53.836v-0.179
|
||||
c0-10.539-7.725-19.326-18.626-19.326c-10.893,0-18.449,8.611-18.449,19.154v0.173c0,10.542,7.73,19.329,18.626,19.329
|
||||
C476.676,72.986,484.224,64.378,484.224,53.836z"></path>
|
||||
<path fill="#A9FD00" d="M506.233,29.321c0-3.774,2.99-6.763,6.767-6.763h1.401c3.252,0,5.183,1.583,7.029,3.953l26.093,34.265
|
||||
V29.059c0-3.692,2.99-6.677,6.681-6.677c3.683,0,6.671,2.985,6.671,6.677v48.934c0,3.78-2.987,6.765-6.764,6.765h-0.436
|
||||
c-3.257,0-5.188-1.581-7.034-3.953l-27.056-35.492v32.944c0,3.687-2.985,6.676-6.678,6.676c-3.683,0-6.673-2.989-6.673-6.676
|
||||
V29.321z"></path>
|
||||
</g>
|
||||
<g class="insignia">
|
||||
<path fill="#ffffff" d="M48.372,56.137h12.517l11.156-18.537H37.186L25.688,18.539h57.825L94.668,0H9.271
|
||||
C5.925,0,2.842,1.801,1.198,4.716c-1.644,2.907-1.593,6.482,0.134,9.343l50.38,83.501c1.678,2.781,4.689,4.476,7.938,4.476
|
||||
c3.246,0,6.257-1.695,7.935-4.476l2.898-4.804L48.372,56.137z"></path>
|
||||
<g class="i">
|
||||
<path fill="#A9FD00" d="M93.575,18.539h0.031v0.004l21.652,0.004l2.705-4.488c1.727-2.861,1.778-6.436,0.133-9.343
|
||||
C116.454,1.801,113.371,0,110.026,0h-5.294L93.575,18.539z"></path>
|
||||
<polygon fill="#A9FD00" points="88.291,27.356 64.725,66.486 75.519,84.404 109.942,27.356"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
<strong>Font Demo</strong>
|
||||
</header>
|
||||
|
||||
|
||||
<section class="demo wrapper">
|
||||
|
||||
<p class="title">Instructions</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder.
|
||||
</li>
|
||||
<li>
|
||||
<span class="num">2</span>Add the CSS link to your website source code on header.
|
||||
<code class="big">
|
||||
<<span class="red">head</span>>
|
||||
<br/><span class="dots">...</span>
|
||||
<br/><<span class="red">link</span> <span class="green">rel</span>=<span class="yellow">"stylesheet"</span> <span class="green">type</span>=<span class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon.css"</span>>
|
||||
<br/><span class="dots">...</span>
|
||||
<br/></<span class="red">head</span>>
|
||||
</code>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p>
|
||||
<span class="num">3</span>Use the icon class on <code>"<span class="blue">display</span>:<span class="purple"> inline</span>"</code> elements:
|
||||
<br />
|
||||
Use example: <code><<span class="red">i</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">i</span>></code> or <code><<span class="red">span</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">span</span>></code>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
<section id="glyphs">
|
||||
|
||||
|
||||
<div class="glyph"><div class="glyph-icon flaticon-trekking"></div>
|
||||
<div class="class-name">.flaticon-trekking</div>
|
||||
<div class="author-name">Author: <a data-file="001-trekking" href="https://www.flaticon.com/authors/monkik">monkik</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="glyph"><div class="glyph-icon flaticon-map"></div>
|
||||
<div class="class-name">.flaticon-map</div>
|
||||
<div class="author-name">Author: <a data-file="002-map" href="https://www.flaticon.com/authors/monkik">monkik</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="glyph"><div class="glyph-icon flaticon-suitcase"></div>
|
||||
<div class="class-name">.flaticon-suitcase</div>
|
||||
<div class="author-name">Author: <a data-file="003-suitcase" href="https://www.flaticon.com/authors/monkik">monkik</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="glyph"><div class="glyph-icon flaticon-island"></div>
|
||||
<div class="class-name">.flaticon-island</div>
|
||||
<div class="author-name">Author: <a data-file="004-island" href="https://www.flaticon.com/authors/monkik">monkik</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="glyph"><div class="glyph-icon flaticon-around"></div>
|
||||
<div class="class-name">.flaticon-around</div>
|
||||
<div class="author-name">Author: <a data-file="005-around" href="https://www.flaticon.com/authors/monkik">monkik</a> </div>
|
||||
</div>
|
||||
|
||||
<div class="glyph"><div class="glyph-icon flaticon-plane"></div>
|
||||
<div class="class-name">.flaticon-plane</div>
|
||||
<div class="author-name">Author: <a data-file="006-plane" href="https://www.flaticon.com/authors/monkik">monkik</a> </div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="attribution wrapper" style="text-align:center;">
|
||||
|
||||
<div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="001-trekking" href="https://www.flaticon.com/authors/monkik">monkik</a></p> </div>
|
||||
</div>
|
||||
<div class="title">Copy the Attribution License:</div>
|
||||
|
||||
<textarea onclick="this.focus();this.select();">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="001-trekking" href="https://www.flaticon.com/authors/monkik">monkik</a></p>
|
||||
</textarea>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="iconsuse">
|
||||
|
||||
<div class="title">Examples:</div>
|
||||
|
||||
<div class="image">
|
||||
<p>
|
||||
<i class="glyph-icon flaticon-trekking"></i>
|
||||
<span><i class="flaticon-trekking"></i></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="image">
|
||||
<p>
|
||||
<i class="glyph-icon flaticon-map"></i>
|
||||
<span><i class="flaticon-map"></i></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="image">
|
||||
<p>
|
||||
<i class="glyph-icon flaticon-suitcase"></i>
|
||||
<span><i class="flaticon-suitcase"></i></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="image">
|
||||
<p>
|
||||
<i class="glyph-icon flaticon-island"></i>
|
||||
<span><i class="flaticon-island"></i></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<div id="footer">
|
||||
<div>Generated by <a href="https://www.flaticon.com">flaticon.com</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
7
fonts/icomoon/Read Me.txt
Normal file
7
fonts/icomoon/Read Me.txt
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
|
||||
|
||||
To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
|
||||
|
||||
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
|
||||
|
||||
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.
|
||||
155
fonts/icomoon/demo-files/demo.css
Normal file
155
fonts/icomoon/demo-files/demo.css
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
color: #555;
|
||||
background: #fff;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
font-weight: normal;
|
||||
}
|
||||
small {
|
||||
font-size: .66666667em;
|
||||
}
|
||||
a {
|
||||
color: #e74c3c;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
box-shadow: 0 1px #e74c3c;
|
||||
}
|
||||
.bshadow0, input {
|
||||
box-shadow: inset 0 -2px #e7e7e7;
|
||||
}
|
||||
input:hover {
|
||||
box-shadow: inset 0 -2px #ccc;
|
||||
}
|
||||
input, fieldset {
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
input {
|
||||
color: inherit;
|
||||
line-height: 1.5;
|
||||
height: 1.5em;
|
||||
padding: .25em 0;
|
||||
}
|
||||
input:focus {
|
||||
outline: none;
|
||||
box-shadow: inset 0 -2px #449fdb;
|
||||
}
|
||||
.glyph {
|
||||
font-size: 16px;
|
||||
width: 15em;
|
||||
padding-bottom: 1em;
|
||||
margin-right: 4em;
|
||||
margin-bottom: 1em;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
.liga {
|
||||
width: 80%;
|
||||
width: calc(100% - 2.5em);
|
||||
}
|
||||
.talign-right {
|
||||
text-align: right;
|
||||
}
|
||||
.talign-center {
|
||||
text-align: center;
|
||||
}
|
||||
.bgc1 {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.fgc1 {
|
||||
color: #999;
|
||||
}
|
||||
.fgc0 {
|
||||
color: #000;
|
||||
}
|
||||
p {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.mvm {
|
||||
margin-top: .75em;
|
||||
margin-bottom: .75em;
|
||||
}
|
||||
.mtn {
|
||||
margin-top: 0;
|
||||
}
|
||||
.mtl, .mal {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
.mbl, .mal {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
.mal, .mhl {
|
||||
margin-left: 1.5em;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
.mhmm {
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.mls {
|
||||
margin-left: .25em;
|
||||
}
|
||||
.ptl {
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
.pbs, .pvs {
|
||||
padding-bottom: .25em;
|
||||
}
|
||||
.pvs, .pts {
|
||||
padding-top: .25em;
|
||||
}
|
||||
.unit {
|
||||
float: left;
|
||||
}
|
||||
.unitRight {
|
||||
float: right;
|
||||
}
|
||||
.size1of2 {
|
||||
width: 50%;
|
||||
}
|
||||
.size1of1 {
|
||||
width: 100%;
|
||||
}
|
||||
.clearfix:before, .clearfix:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.hidden-true {
|
||||
display: none;
|
||||
}
|
||||
.textbox0 {
|
||||
width: 3em;
|
||||
background: #f1f1f1;
|
||||
padding: .25em .5em;
|
||||
line-height: 1.5;
|
||||
height: 1.5em;
|
||||
}
|
||||
#testDrive {
|
||||
display: block;
|
||||
padding-top: 24px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.fs0 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.fs1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
.fs2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
30
fonts/icomoon/demo-files/demo.js
Normal file
30
fonts/icomoon/demo-files/demo.js
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
if (!('boxShadow' in document.body.style)) {
|
||||
document.body.setAttribute('class', 'noBoxShadow');
|
||||
}
|
||||
|
||||
document.body.addEventListener("click", function(e) {
|
||||
var target = e.target;
|
||||
if (target.tagName === "INPUT" &&
|
||||
target.getAttribute('class').indexOf('liga') === -1) {
|
||||
target.select();
|
||||
}
|
||||
});
|
||||
|
||||
(function() {
|
||||
var fontSize = document.getElementById('fontSize'),
|
||||
testDrive = document.getElementById('testDrive'),
|
||||
testText = document.getElementById('testText');
|
||||
function updateTest() {
|
||||
testDrive.innerHTML = testText.value || String.fromCharCode(160);
|
||||
if (window.icomoonLiga) {
|
||||
window.icomoonLiga(testDrive);
|
||||
}
|
||||
}
|
||||
function updateSize() {
|
||||
testDrive.style.fontSize = fontSize.value + 'px';
|
||||
}
|
||||
fontSize.addEventListener('change', updateSize, false);
|
||||
testText.addEventListener('input', updateTest, false);
|
||||
testText.addEventListener('change', updateTest, false);
|
||||
updateSize();
|
||||
}());
|
||||
26137
fonts/icomoon/demo.html
Normal file
26137
fonts/icomoon/demo.html
Normal file
File diff suppressed because it is too large
Load diff
BIN
fonts/icomoon/fonts/icomoon.eot
Normal file
BIN
fonts/icomoon/fonts/icomoon.eot
Normal file
Binary file not shown.
1530
fonts/icomoon/fonts/icomoon.svg
Normal file
1530
fonts/icomoon/fonts/icomoon.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 913 KiB |
BIN
fonts/icomoon/fonts/icomoon.ttf
Normal file
BIN
fonts/icomoon/fonts/icomoon.ttf
Normal file
Binary file not shown.
BIN
fonts/icomoon/fonts/icomoon.woff
Normal file
BIN
fonts/icomoon/fonts/icomoon.woff
Normal file
Binary file not shown.
41190
fonts/icomoon/selection.json
Normal file
41190
fonts/icomoon/selection.json
Normal file
File diff suppressed because one or more lines are too long
4919
fonts/icomoon/style.css
Normal file
4919
fonts/icomoon/style.css
Normal file
File diff suppressed because it is too large
Load diff
BIN
images/23.jpg
Normal file
BIN
images/23.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4 MiB |
BIN
images/28.jpg
Normal file
BIN
images/28.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5 MiB |
BIN
images/34.jpg
Normal file
BIN
images/34.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 MiB |
BIN
images/42.jpg
Normal file
BIN
images/42.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 MiB |
BIN
images/59.jpg
Normal file
BIN
images/59.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 MiB |
BIN
images/70.jpg
Normal file
BIN
images/70.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 MiB |
BIN
images/76.jpg
Normal file
BIN
images/76.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 MiB |
BIN
images/78.jpg
Normal file
BIN
images/78.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
BIN
images/about_1.jpg
Normal file
BIN
images/about_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 MiB |
BIN
images/dots.png
Normal file
BIN
images/dots.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
images/hero_1.jpg
Normal file
BIN
images/hero_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 MiB |
BIN
images/hero_2.jpg
Normal file
BIN
images/hero_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 MiB |
BIN
images/img_1.jpg
Normal file
BIN
images/img_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 MiB |
BIN
images/img_2.jpg
Normal file
BIN
images/img_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 MiB |
BIN
images/img_3.jpg
Normal file
BIN
images/img_3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 MiB |
BIN
images/img_4.jpg
Normal file
BIN
images/img_4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 MiB |
BIN
images/img_long_1.jpg
Normal file
BIN
images/img_long_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
BIN
images/img_long_2.jpg
Normal file
BIN
images/img_long_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 MiB |
BIN
images/img_long_3.jpg
Normal file
BIN
images/img_long_3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 MiB |
BIN
images/img_long_4.jpg
Normal file
BIN
images/img_long_4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 MiB |
BIN
images/person_1.jpg
Normal file
BIN
images/person_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
BIN
images/person_2.jpg
Normal file
BIN
images/person_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
images/person_3.jpg
Normal file
BIN
images/person_3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
BIN
images/person_4.jpg
Normal file
BIN
images/person_4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
images/person_5.jpg
Normal file
BIN
images/person_5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
images/world-dotted-map.png
Normal file
BIN
images/world-dotted-map.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 196 KiB |
199
impressum.html
Normal file
199
impressum.html
Normal file
File diff suppressed because one or more lines are too long
451
index.html
Normal file
451
index.html
Normal file
|
|
@ -0,0 +1,451 @@
|
|||
<!doctype html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Work+Sans:wght@400;700&display=swap"
|
||||
rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="fonts/icomoon/style.css">
|
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
|
||||
|
||||
<link rel="stylesheet" href="css/tiny-slider.css">
|
||||
<link rel="stylesheet" href="css/aos.css">
|
||||
<link rel="stylesheet" href="css/flatpickr.min.css">
|
||||
<link rel="stylesheet" href="css/glightbox.min.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
<title>Hotel am See —Ihre Unterkunft in Obermaubach</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-mobile-menu site-navbar-target">
|
||||
<div class="site-mobile-menu-header">
|
||||
<div class="site-mobile-menu-close">
|
||||
<span class="icofont-close js-menu-toggle"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="site-mobile-menu-body"></div>
|
||||
</div>
|
||||
|
||||
<nav class="site-nav">
|
||||
<div class="container">
|
||||
<div class="menu-bg-wrap">
|
||||
<div class="site-navigation">
|
||||
<div class="row g-0 align-items-center">
|
||||
<div class="col-2">
|
||||
<a href="index.html" class="logo m-0 float-start text-white" data-i18n="common.logo">Hotel am See</a>
|
||||
</div>
|
||||
<div class="col-8 text-center">
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block text-start site-menu mx-auto">
|
||||
<li class="active"><a href="index.html" data-i18n="common.nav.home">Home</a></li>
|
||||
<li><a href="rooms.html" data-i18n="common.nav.rooms">Unsere Zimmer</a></li>
|
||||
<li><a href="services.html" data-i18n="common.nav.services">Services</a></li>
|
||||
<li><a href="about.html" data-i18n="common.nav.about">Über uns</a></li>
|
||||
<li><a href="contact.html" data-i18n="common.nav.contact">Kontakt</a></li>
|
||||
<li><a href="impressum.html" data-i18n="common.nav.impressum">Impressum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-2 text-end">
|
||||
<a href="#"
|
||||
class="burger ms-auto float-end site-menu-toggle js-menu-toggle d-inline-block d-lg-none light">
|
||||
<span></span>
|
||||
</a>
|
||||
|
||||
<div class="lang-switcher float-end" role="navigation" aria-label="Sprachwahl / Language selection">
|
||||
<a href="#" class="lang-option active" data-lang="de" aria-label="Deutsch" aria-current="true">DE</a>
|
||||
<span class="lang-divider" aria-hidden="true">|</span>
|
||||
<a href="#" class="lang-option" data-lang="en" aria-label="English">EN</a>
|
||||
</div>
|
||||
|
||||
<a href="#" class="call-us d-flex align-items-center">
|
||||
<span class="icon-phone"></span>
|
||||
<span data-i18n="[html]common.phone">+49 2422 / 504 48 66<br>+49 176 / 847 34 595</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="hero overlay" style="background-image: url('images/img_1.jpg')">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-lg-8 text-center">
|
||||
<h1 class="heading mb-5 text-white" data-aos="fade-up" data-i18n="index.hero_heading">Willkommen</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section sec-features bg-light">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-6" data-aos="fade-up">
|
||||
<h2 class="heading" data-i18n="index.service_heading">Unser Service</h2>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-6 text-end">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="features-slider-wrap" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="features-slider" id="features-slider">
|
||||
|
||||
<div class="item">
|
||||
|
||||
<div class="feature bg-color-1">
|
||||
<span class="flaticon-trekking"></span>
|
||||
|
||||
<h3 data-i18n="index.feature_hiking_title">Wanderungen</h3>
|
||||
<p class="text-black-50" data-i18n="index.feature_hiking_text">Starten Sie von unserem Hotel aus eine traumhafte Wanderung durch die schönsten Gegenden der Eifel!</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
|
||||
<div class="feature bg-color-2">
|
||||
<span class="flaticon-map"></span>
|
||||
|
||||
<h3 data-i18n="index.feature_event_title">Event Location</h3>
|
||||
<p class="text-black-50" data-i18n="index.feature_event_text">Wir bieten Ihnen einen großzügig gestalteten Raum für Ihre Veranstaltung für bis zu 40 Personen.</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
|
||||
<div class="feature bg-color-3">
|
||||
<span class="flaticon-suitcase"></span>
|
||||
|
||||
<h3 data-i18n="index.feature_luggage_title">Gepäck</h3>
|
||||
<p class="text-black-50" data-i18n="index.feature_luggage_text">Gerne können Sie ihr Gepäck bei uns Aufbewahren.</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section ">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="100">
|
||||
<div id="features-slider-nav">
|
||||
<button class="btn btn-primary prev" data-controls="prev" data-i18n="common.prev">Zurück</button>
|
||||
<button class="btn btn-primary next" data-controls="next" data-i18n="common.next">Weiter</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="section sec-about">
|
||||
<div class="container">
|
||||
<div class="row g-5 justify-content-between">
|
||||
<div class="col-lg-6 has-bg" data-aos="fade-right">
|
||||
<img src="images/about_1.jpg" alt="Image" class="img-fluid img-box-shadow rounded">
|
||||
</div>
|
||||
<div class="col-lg-4 align-self-center" data-aos="fade-left" data-aos-delay="100">
|
||||
<h2 class="heading mb-4" data-i18n="index.about_heading"><br><br><br><br>Das Hotel am See</h2>
|
||||
<p data-i18n="index.about_text">Willkommen im Herzen der Voreifel! Entdecken Sie die malerische Landschaft und verbringen Sie einen
|
||||
unvergesslichen
|
||||
Aufenthalt in unserem "Hotel am See". Lassen Sie sich von unserem freundlichen Personal verwöhnen und
|
||||
genießen Sie
|
||||
die Annehmlichkeiten eines modernen Hotels.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section sec-posts">
|
||||
<div class="container">
|
||||
<div class="row mb-4">
|
||||
<div class="col-lg-7" data-aos="fade-up">
|
||||
<h2 class="heading mb-4" data-i18n="index.impressions_heading">Impressionen</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-12" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="post-slider-wrap">
|
||||
|
||||
<div id="post-slider-nav">
|
||||
<button class="btn btn-primary prev" data-controls="prev" data-i18n="common.prev">Zurück</button>
|
||||
<button class="btn btn-primary next" data-controls="next" data-i18n="common.next">Weiter</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="post-slider" id="post-slider">
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/img_1.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<!--<a href="#" class="more">Read More</a>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/hero_2.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<!--<a href="#" class="more">Read More</a>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/img_2.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<!--<a href="#" class="more">Read More</a>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/img_long_4.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<!--<a href="#" class="more">Read More</a>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/img_3.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<!--<a href="#" class="more">Read More</a>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="section sec-faq">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-lg-3 mt-4" data-aos="fade-up">
|
||||
<h2 class="heading text-black" data-i18n="index.faq_heading">FAQ</h2>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-8" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="accordion accordion-flush" id="accordionFlushExample">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingOne">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne" data-i18n="index.faq_q1">
|
||||
Welche Einrichtungen bietet das Hotel an?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne"
|
||||
data-bs-parent="#accordionFlushExample">
|
||||
<div class="accordion-body">
|
||||
<p data-i18n="index.faq_a1">Unser Hotel bietet einige Einrichtungen für einen angenehmen Aufenthalt, darunter eine Bar,
|
||||
kostenfreies WLAN und kostenlose Parkplätze.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo" data-i18n="index.faq_q2">
|
||||
Zu welchen Zeiten kann man an- / abreisen?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo"
|
||||
data-bs-parent="#accordionFlushExample">
|
||||
<div class="accordion-body" data-i18n="[html]index.faq_a2">
|
||||
<p>Anreisen können Sie von 15:00 bis 19:00 <br> oder nach Absprache</p>
|
||||
<p>Abreisen ist von 06:00 bis 10:00 möglich</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree" data-i18n="index.faq_q3">
|
||||
Welche Aktivitäten kann man in der Umgebung des Hotels unternehmen?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree"
|
||||
data-bs-parent="#accordionFlushExample">
|
||||
<div class="accordion-body">
|
||||
<p data-i18n="index.faq_a3">
|
||||
In der Umgebung des Hotels gibt es viele Aktivitäten, die Sie unternehmen können, wie Wandern,
|
||||
Radfahren, Schwimmen,
|
||||
Golfen und Besichtigungen von historischen Stätten und Sehenswürdigkeiten.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="site-footer bg-light">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3></h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<!--<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Places</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Destination</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Privacy</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3></h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<!--<li><a href="#">Travel</a></li>
|
||||
<li><a href="#">Popular places</a></li>
|
||||
<li><a href="#">Destination</a></li>
|
||||
<li><a href="#">Tour</a></li>
|
||||
<li><a href="#">Family Vacation</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3></h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<!--<li><a href="#">Tour</a></li>
|
||||
<li><a href="#">Swimming</a></li>
|
||||
<li><a href="#">Kayak</a></li>
|
||||
<li><a href="#">Surfing</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3 data-i18n="common.footer.contact_heading">Kontakt</h3>
|
||||
<address data-i18n="[html]common.footer.address">Seestraße 2D,<br> 52372 Kreuzau-Obermaubach</address>
|
||||
<ul class="list-unstyled links mb-4">
|
||||
<li><a href="tel://+4924225044866">+49(2422) 504 48 66</a></li>
|
||||
<li><a href="tel://+4916084734595">+49(160) 84734 595</a></li>
|
||||
<li><a href="mailto:info@hotel-obermaubach.de">info@hotel-obermaubach.de</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 data-i18n="common.footer.connect_heading">Connect</h3>
|
||||
<ul class="list-unstyled social">
|
||||
<li><a href="#"><span class="icon-instagram"></span></a></li>
|
||||
<!--<li><a href="#"><span class="icon-twitter"></span></a></li>
|
||||
<li><a href="#"><span class="icon-facebook"></span></a></li>
|
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li>
|
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li>
|
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li>-->
|
||||
</ul>
|
||||
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
</div> <!-- /.row -->
|
||||
|
||||
|
||||
<div class="row mt-5">
|
||||
<div class="col-12 text-center">
|
||||
<p data-i18n="[html]common.footer.copyright">Copyright ©
|
||||
<script>document.write(new Date().getFullYear());</script> All rights reserved | <i
|
||||
class="icon-heart text-danger" aria-hidden="true"></i>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- /.container -->
|
||||
</div> <!-- /.site-footer -->
|
||||
|
||||
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="overlayer"></div>
|
||||
<div class="loader">
|
||||
<div class="spinner-border text-primary" role="status">
|
||||
<span class="visually-hidden" data-i18n="common.loading">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/tiny-slider.js"></script>
|
||||
|
||||
<script src="js/flatpickr.min.js"></script>
|
||||
<script src="js/glightbox.min.js"></script>
|
||||
|
||||
<script src="https://unpkg.com/i18next@23.16.8/i18next.min.js"></script>
|
||||
<script src="https://unpkg.com/i18next-http-backend@3.0.2/i18nextHttpBackend.min.js"></script>
|
||||
<script src="js/i18n.js"></script>
|
||||
|
||||
<script src="js/aos.js"></script>
|
||||
<script src="js/navbar.js"></script>
|
||||
<script src="js/counter.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
1
js/aos.js
Normal file
1
js/aos.js
Normal file
File diff suppressed because one or more lines are too long
7
js/bootstrap.bundle.min.js
vendored
Normal file
7
js/bootstrap.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
88
js/counter.js
Normal file
88
js/counter.js
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
(function () {
|
||||
|
||||
'use trict';
|
||||
// How long you want the animation to take, in ms
|
||||
const animationDuration = 2000;
|
||||
// Calculate how long each ‘frame’ should last if we want to update the animation 60 times per second
|
||||
const frameDuration = 1000 / 60;
|
||||
// Use that to calculate how many frames we need to complete the animation
|
||||
const totalFrames = Math.round( animationDuration / frameDuration );
|
||||
// An ease-out function that slows the count as it progresses
|
||||
const easeOutQuad = t => t * ( 2 - t );
|
||||
|
||||
|
||||
const numberWithCommas = n => {
|
||||
return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
||||
}
|
||||
|
||||
// The animation function, which takes an Element
|
||||
const animateCountUp = el => {
|
||||
let frame = 0;
|
||||
const countTo = parseInt( el.innerHTML, 10 );
|
||||
// Start the animation running 60 times per second
|
||||
const counter = setInterval( () => {
|
||||
frame++;
|
||||
// Calculate our progress as a value between 0 and 1
|
||||
// Pass that value to our easing function to get our
|
||||
// progress on a curve
|
||||
const progress = easeOutQuad( frame / totalFrames );
|
||||
// Use the progress value to calculate the current count
|
||||
const currentCount = Math.round( countTo * progress );
|
||||
|
||||
// If the current count has changed, update the element
|
||||
if ( parseInt( el.innerHTML, 10 ) !== currentCount ) {
|
||||
el.innerHTML = numberWithCommas(currentCount);
|
||||
}
|
||||
|
||||
// If we’ve reached our last frame, stop the animation
|
||||
if ( frame === totalFrames ) {
|
||||
clearInterval( counter );
|
||||
}
|
||||
}, frameDuration );
|
||||
};
|
||||
|
||||
// Run the animation on all elements with a class of ‘countup’
|
||||
const runAnimations = () => {
|
||||
const countupEls = document.querySelectorAll( '.countup' );
|
||||
countupEls.forEach( animateCountUp );
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
// In Viewed
|
||||
var elements;
|
||||
var windowHeight;
|
||||
|
||||
function init() {
|
||||
elements = document.querySelectorAll('.section-counter');
|
||||
windowHeight = window.innerHeight;
|
||||
}
|
||||
|
||||
function checkPosition() {
|
||||
var i;
|
||||
for (i = 0; i < elements.length; i++) {
|
||||
var element = elements[i];
|
||||
var positionFromTop = elements[i].getBoundingClientRect().top;
|
||||
if (positionFromTop - windowHeight <= 0) {
|
||||
if( !element.classList.contains('viewed') ) {
|
||||
element.classList.add('viewed');
|
||||
runAnimations();
|
||||
} else {
|
||||
if ( element.classList.contains('viewed') ) {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener('scroll', checkPosition);
|
||||
window.addEventListener('resize', init);
|
||||
|
||||
init();
|
||||
checkPosition();
|
||||
|
||||
|
||||
})()
|
||||
194
js/custom.js
Normal file
194
js/custom.js
Normal file
|
|
@ -0,0 +1,194 @@
|
|||
(function () {
|
||||
|
||||
'use strict'
|
||||
|
||||
|
||||
AOS.init({
|
||||
duration: 800,
|
||||
easing: 'slide',
|
||||
once: true
|
||||
});
|
||||
|
||||
var preloader = function() {
|
||||
|
||||
var loader = document.querySelector('.loader');
|
||||
var overlay = document.getElementById('overlayer');
|
||||
|
||||
function fadeOut(el) {
|
||||
el.style.opacity = 1;
|
||||
(function fade() {
|
||||
if ((el.style.opacity -= .1) < 0) {
|
||||
el.style.display = "none";
|
||||
} else {
|
||||
requestAnimationFrame(fade);
|
||||
}
|
||||
})();
|
||||
};
|
||||
|
||||
function hidePreloader() {
|
||||
setTimeout(function() {
|
||||
fadeOut(loader);
|
||||
fadeOut(overlay);
|
||||
}, 200);
|
||||
}
|
||||
|
||||
if (window.i18nReady) {
|
||||
hidePreloader();
|
||||
} else {
|
||||
document.addEventListener('i18nReady', hidePreloader);
|
||||
setTimeout(hidePreloader, 3000);
|
||||
}
|
||||
};
|
||||
preloader();
|
||||
|
||||
var tinyslider = function() {
|
||||
|
||||
var slider = document.querySelectorAll('.features-slider');
|
||||
var postSlider = document.querySelectorAll('.post-slider');
|
||||
var testimonialSlider = document.querySelectorAll('.testimonial-slider');
|
||||
var instagramSlider = document.querySelectorAll('.instagram-slider');
|
||||
|
||||
|
||||
|
||||
if ( slider.length> 0 ) {
|
||||
var tnsSlider = tns({
|
||||
container: '.features-slider',
|
||||
mode: 'carousel',
|
||||
speed: 700,
|
||||
items: 3,
|
||||
// center: true,
|
||||
gutter: 30,
|
||||
loop: false,
|
||||
edgePadding: 80,
|
||||
controlsPosition: 'bottom',
|
||||
// navPosition: 'bottom',
|
||||
nav: false,
|
||||
// autoplay: true,
|
||||
// autoplayButtonOutput: false,
|
||||
controlsContainer: '#features-slider-nav',
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
items: 2
|
||||
},
|
||||
900: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if ( postSlider.length> 0 ) {
|
||||
var tnsPostSlider = tns({
|
||||
container: '.post-slider',
|
||||
mode: 'carousel',
|
||||
speed: 700,
|
||||
items: 3,
|
||||
// center: true,
|
||||
gutter: 30,
|
||||
loop: true,
|
||||
edgePadding: 10,
|
||||
controlsPosition: 'bottom',
|
||||
navPosition: 'bottom',
|
||||
nav: false,
|
||||
autoplay: true,
|
||||
autoplayButtonOutput: false,
|
||||
controlsContainer: '#post-slider-nav',
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
items: 2
|
||||
},
|
||||
900: {
|
||||
items: 2
|
||||
},
|
||||
1000: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if ( testimonialSlider.length> 0 ) {
|
||||
var tnsTestimonialSlider = tns({
|
||||
container: '.testimonial-slider',
|
||||
mode: 'carousel',
|
||||
speed: 700,
|
||||
items: 3,
|
||||
// center: true,
|
||||
gutter: 30,
|
||||
loop: true,
|
||||
edgePadding: 10,
|
||||
controlsPosition: 'bottom',
|
||||
navPosition: 'bottom',
|
||||
nav: false,
|
||||
autoplay: true,
|
||||
autoplayButtonOutput: false,
|
||||
controlsContainer: '#testimonial-slider-nav',
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
items: 2
|
||||
},
|
||||
900: {
|
||||
items: 2
|
||||
},
|
||||
1000: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
if ( instagramSlider.length> 0 ) {
|
||||
var instagramSlider = tns({
|
||||
container: '.instagram-slider',
|
||||
mode: 'carousel',
|
||||
speed: 700,
|
||||
items: 5,
|
||||
// center: true,
|
||||
gutter: 0,
|
||||
loop: true,
|
||||
edgePadding: 0,
|
||||
controlsPosition: 'bottom',
|
||||
navPosition: 'bottom',
|
||||
nav: false,
|
||||
autoplay: true,
|
||||
controls: false,
|
||||
autoplayButtonOutput: false,
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
items: 2
|
||||
},
|
||||
900: {
|
||||
items: 4
|
||||
},
|
||||
1400: {
|
||||
items: 5
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
tinyslider();
|
||||
|
||||
|
||||
var lightboxVideo = GLightbox({
|
||||
selector: '.glightbox'
|
||||
});
|
||||
|
||||
flatpickr("#arrival", {});
|
||||
flatpickr("#departure", {});
|
||||
|
||||
})()
|
||||
2
js/flatpickr.min.js
vendored
Normal file
2
js/flatpickr.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
js/glightbox.min.js
vendored
Normal file
1
js/glightbox.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
135
js/i18n.js
Normal file
135
js/i18n.js
Normal file
|
|
@ -0,0 +1,135 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
function detectLanguage() {
|
||||
var stored = localStorage.getItem('i18n-lang');
|
||||
if (stored) return stored;
|
||||
|
||||
var browserLang = navigator.language || navigator.userLanguage || '';
|
||||
var short = browserLang.split('-')[0].toLowerCase();
|
||||
if (short === 'en') return 'en';
|
||||
return 'de';
|
||||
}
|
||||
|
||||
function interpolate(str, options) {
|
||||
if (!str || !options) return str;
|
||||
return str.replace(/\{\{(\w+)\}\}/g, function (match, key) {
|
||||
return options[key] !== undefined ? options[key] : match;
|
||||
});
|
||||
}
|
||||
|
||||
function translatePage() {
|
||||
var elements = document.querySelectorAll('[data-i18n]');
|
||||
elements.forEach(function (el) {
|
||||
var rawKey = el.getAttribute('data-i18n');
|
||||
if (!rawKey) return;
|
||||
|
||||
var optionsAttr = el.getAttribute('data-i18n-options');
|
||||
var options = optionsAttr ? JSON.parse(optionsAttr) : null;
|
||||
|
||||
// Handle attribute prefixes like [value], [placeholder]
|
||||
var attrMatch = rawKey.match(/^\[(\w+)\](.+)$/);
|
||||
if (attrMatch && attrMatch[1] !== 'html') {
|
||||
var attr = attrMatch[1];
|
||||
var tKey = attrMatch[2];
|
||||
var val = i18next.t(tKey, options || {});
|
||||
val = interpolate(val, options);
|
||||
el.setAttribute(attr, val);
|
||||
return;
|
||||
}
|
||||
|
||||
// Handle [html] prefix for innerHTML
|
||||
var isHtml = false;
|
||||
var lookupKey = rawKey;
|
||||
|
||||
if (rawKey.indexOf('[html]') === 0) {
|
||||
isHtml = true;
|
||||
lookupKey = rawKey.substring(6);
|
||||
}
|
||||
|
||||
var translation = i18next.t(lookupKey, options || {});
|
||||
translation = interpolate(translation, options);
|
||||
|
||||
if (isHtml) {
|
||||
el.innerHTML = translation;
|
||||
} else {
|
||||
el.textContent = translation;
|
||||
}
|
||||
});
|
||||
|
||||
// Update document lang attribute
|
||||
document.documentElement.lang = i18next.language;
|
||||
|
||||
// Update document title
|
||||
var pageKey = detectPageKey();
|
||||
if (pageKey) {
|
||||
var titleTranslation = i18next.t(pageKey + '.page_title');
|
||||
if (titleTranslation && titleTranslation !== pageKey + '.page_title') {
|
||||
document.title = titleTranslation;
|
||||
}
|
||||
}
|
||||
|
||||
// Update active state on language switcher
|
||||
updateSwitcherActive();
|
||||
}
|
||||
|
||||
function detectPageKey() {
|
||||
var path = window.location.pathname;
|
||||
var filename = path.substring(path.lastIndexOf('/') + 1).replace('.html', '');
|
||||
if (!filename || filename === '' || filename === 'index') return 'index';
|
||||
return filename;
|
||||
}
|
||||
|
||||
function updateSwitcherActive() {
|
||||
var lang = i18next.language;
|
||||
var options = document.querySelectorAll('.lang-option');
|
||||
options.forEach(function (el) {
|
||||
if (el.getAttribute('data-lang') === lang) {
|
||||
el.classList.add('active');
|
||||
el.setAttribute('aria-current', 'true');
|
||||
} else {
|
||||
el.classList.remove('active');
|
||||
el.removeAttribute('aria-current');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function initSwitcher() {
|
||||
document.addEventListener('click', function (e) {
|
||||
var target = e.target.closest('.lang-option');
|
||||
if (!target) return;
|
||||
e.preventDefault();
|
||||
var lang = target.getAttribute('data-lang');
|
||||
if (lang && lang !== i18next.language) {
|
||||
i18next.changeLanguage(lang, function () {
|
||||
localStorage.setItem('i18n-lang', lang);
|
||||
translatePage();
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var lng = detectLanguage();
|
||||
|
||||
i18next
|
||||
.use(i18nextHttpBackend)
|
||||
.init({
|
||||
lng: lng,
|
||||
fallbackLng: 'de',
|
||||
backend: {
|
||||
loadPath: './locales/{{lng}}.json'
|
||||
},
|
||||
interpolation: {
|
||||
escapeValue: false
|
||||
}
|
||||
}, function (err) {
|
||||
if (err) console.error('i18next init error:', err);
|
||||
translatePage();
|
||||
initSwitcher();
|
||||
|
||||
// Signal that i18n is ready (used by preloader)
|
||||
window.i18nReady = true;
|
||||
document.dispatchEvent(new CustomEvent('i18nReady'));
|
||||
});
|
||||
|
||||
})();
|
||||
90
js/navbar.js
Normal file
90
js/navbar.js
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
(function(){
|
||||
|
||||
'use strict'
|
||||
|
||||
|
||||
var siteMenuClone = function() {
|
||||
var jsCloneNavs = document.querySelectorAll('.js-clone-nav');
|
||||
var siteMobileMenuBody = document.querySelector('.site-mobile-menu-body');
|
||||
|
||||
|
||||
|
||||
jsCloneNavs.forEach(nav => {
|
||||
var navCloned = nav.cloneNode(true);
|
||||
navCloned.setAttribute('class', 'site-nav-wrap');
|
||||
siteMobileMenuBody.appendChild(navCloned);
|
||||
});
|
||||
|
||||
setTimeout(function(){
|
||||
|
||||
var hasChildrens = document.querySelector('.site-mobile-menu').querySelectorAll(' .has-children');
|
||||
|
||||
var counter = 0;
|
||||
hasChildrens.forEach( hasChild => {
|
||||
|
||||
var refEl = hasChild.querySelector('a');
|
||||
|
||||
var newElSpan = document.createElement('span');
|
||||
newElSpan.setAttribute('class', 'arrow-collapse collapsed');
|
||||
|
||||
// prepend equivalent to jquery
|
||||
hasChild.insertBefore(newElSpan, refEl);
|
||||
|
||||
var arrowCollapse = hasChild.querySelector('.arrow-collapse');
|
||||
arrowCollapse.setAttribute('data-bs-toggle', 'collapse');
|
||||
arrowCollapse.setAttribute('data-bs-target', '#collapseItem' + counter);
|
||||
|
||||
var dropdown = hasChild.querySelector('.dropdown');
|
||||
dropdown.setAttribute('class', 'collapse');
|
||||
dropdown.setAttribute('id', 'collapseItem' + counter);
|
||||
|
||||
counter++;
|
||||
});
|
||||
|
||||
}, 1000);
|
||||
|
||||
|
||||
// Click js-menu-toggle
|
||||
|
||||
var menuToggle = document.querySelectorAll(".js-menu-toggle");
|
||||
var mTog;
|
||||
menuToggle.forEach(mtoggle => {
|
||||
mTog = mtoggle;
|
||||
mtoggle.addEventListener("click", (e) => {
|
||||
if ( document.body.classList.contains('offcanvas-menu') ) {
|
||||
document.body.classList.remove('offcanvas-menu');
|
||||
mtoggle.classList.remove('active');
|
||||
mTog.classList.remove('active');
|
||||
} else {
|
||||
document.body.classList.add('offcanvas-menu');
|
||||
mtoggle.classList.add('active');
|
||||
mTog.classList.add('active');
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
|
||||
var specifiedElement = document.querySelector(".site-mobile-menu");
|
||||
var mt, mtoggleTemp;
|
||||
document.addEventListener('click', function(event) {
|
||||
var isClickInside = specifiedElement.contains(event.target);
|
||||
menuToggle.forEach(mtoggle => {
|
||||
mtoggleTemp = mtoggle
|
||||
mt = mtoggle.contains(event.target);
|
||||
})
|
||||
|
||||
if (!isClickInside && !mt) {
|
||||
if ( document.body.classList.contains('offcanvas-menu') ) {
|
||||
document.body.classList.remove('offcanvas-menu');
|
||||
mtoggleTemp.classList.remove('active');
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
siteMenuClone();
|
||||
|
||||
|
||||
})()
|
||||
3208
js/tiny-slider.js
Normal file
3208
js/tiny-slider.js
Normal file
File diff suppressed because it is too large
Load diff
120
locales/de.json
Normal file
120
locales/de.json
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
{
|
||||
"common": {
|
||||
"site_title": "Hotel am See \u2014 Ihre Unterkunft in Obermaubach",
|
||||
"logo": "Hotel am See",
|
||||
"nav": {
|
||||
"home": "Home",
|
||||
"rooms": "Unsere Zimmer",
|
||||
"services": "Services",
|
||||
"about": "Über uns",
|
||||
"contact": "Kontakt",
|
||||
"impressum": "Impressum"
|
||||
},
|
||||
"phone": "+49 2422 / 504 48 66<br>+49 176 / 847 34 595",
|
||||
"footer": {
|
||||
"contact_heading": "Kontakt",
|
||||
"address": "Seestraße 2D,<br> 52372 Kreuzau-Obermaubach",
|
||||
"connect_heading": "Connect",
|
||||
"copyright": "Copyright © <script>document.write(new Date().getFullYear());<\/script> All rights reserved"
|
||||
},
|
||||
"loading": "Loading...",
|
||||
"prev": "Zurück",
|
||||
"next": "Weiter"
|
||||
},
|
||||
"index": {
|
||||
"page_title": "Hotel am See \u2014 Ihre Unterkunft in Obermaubach",
|
||||
"hero_heading": "Willkommen",
|
||||
"service_heading": "Unser Service",
|
||||
"feature_hiking_title": "Wanderungen",
|
||||
"feature_hiking_text": "Starten Sie von unserem Hotel aus eine traumhafte Wanderung durch die schönsten Gegenden der Eifel!",
|
||||
"feature_event_title": "Event Location",
|
||||
"feature_event_text": "Wir bieten Ihnen einen großzügig gestalteten Raum für Ihre Veranstaltung für bis zu 40 Personen.",
|
||||
"feature_luggage_title": "Gepäck",
|
||||
"feature_luggage_text": "Gerne können Sie ihr Gepäck bei uns Aufbewahren.",
|
||||
"about_heading": "Das Hotel am See",
|
||||
"about_text": "Willkommen im Herzen der Voreifel! Entdecken Sie die malerische Landschaft und verbringen Sie einen unvergesslichen Aufenthalt in unserem \"Hotel am See\". Lassen Sie sich von unserem freundlichen Personal verwöhnen und genießen Sie die Annehmlichkeiten eines modernen Hotels.",
|
||||
"impressions_heading": "Impressionen",
|
||||
"faq_heading": "FAQ",
|
||||
"faq_q1": "Welche Einrichtungen bietet das Hotel an?",
|
||||
"faq_a1": "Unser Hotel bietet einige Einrichtungen für einen angenehmen Aufenthalt, darunter eine Bar, kostenfreies WLAN und kostenlose Parkplätze.",
|
||||
"faq_q2": "Zu welchen Zeiten kann man an- / abreisen?",
|
||||
"faq_a2": "<p>Anreisen können Sie von 15:00 bis 19:00 <br> oder nach Absprache</p><p>Abreisen ist von 06:00 bis 10:00 möglich</p>",
|
||||
"faq_q3": "Welche Aktivitäten kann man in der Umgebung des Hotels unternehmen?",
|
||||
"faq_a3": "In der Umgebung des Hotels gibt es viele Aktivitäten, die Sie unternehmen können, wie Wandern, Radfahren, Schwimmen, Golfen und Besichtigungen von historischen Stätten und Sehenswürdigkeiten."
|
||||
},
|
||||
"about": {
|
||||
"page_title": "Hotel am See \u2014 Ihre Unterkunft in Obermaubach",
|
||||
"hero_heading": "Über uns",
|
||||
"hero_subtitle": "Als familiär geführtes Hotel in der Voreifel legen wir großen Wert auf eine persönliche Atmosphäre und unvergessliche Erlebnisse für unsere Gäste",
|
||||
"who_heading": "Wer sind wir!",
|
||||
"who_text": "Wir sind ein familiengeführtes Hotel in der wunderschönen Voreifel. Unser Hotel zeichnet sich durch eine familiäre Atmosphäre aus, die unseren Gästen ein Gefühl von Zuhause vermittelt.<br><br>Wir legen großen Wert darauf, dass sich unsere Gäste bei uns wohlfühlen. Wir sind stets bemüht, auf die Wünsche unserer Gäste einzugehen und einen persönlichen Service zu bieten, der weit über das Standardmaß hinausgeht.<br><br>Als familiär geführtes Hotel ist es uns besonders wichtig, dass unsere Gäste sich bei uns wie zuhause fühlen und unvergessliche Erinnerungen mit nach Hause nehmen. Wir laden Sie herzlich ein, uns und unser Hotel kennenzulernen und freuen uns darauf, Sie bald bei uns begrüßen zu dürfen.",
|
||||
"team_name": "Marc Nuyken",
|
||||
"team_role": "Hotelier",
|
||||
"team_quote": "\"Als Familienbetrieb ist es uns eine Herzensangelegenheit, unseren Gästen einen unvergesslichen Aufenthalt zu bereiten - wir freuen uns darauf, Sie bei uns willkommen zu heißen.",
|
||||
"impressions_heading": "Impressionen"
|
||||
},
|
||||
"services": {
|
||||
"page_title": "Hotel am See \u2014 Ihre Unterkunft in Obermaubach",
|
||||
"hero_heading": "Unser Service",
|
||||
"hero_subtitle": "Unser ausgezeichneter Service sorgt dafür, dass Ihr Aufenthalt bei uns unvergesslich wird.",
|
||||
"service_heading": "Unser Service",
|
||||
"breakfast_title": "Frühstück",
|
||||
"breakfast_text": "Beginnen Sie den Tag mit einem köstlichen Frühstück in unserem Hotel in Obermaubach. Unser umfassendes Frühstücksbuffet bietet für jeden Geschmack das Richtige: Frisches Brot und Brötchen, eine große Auswahl an Wurst und Käse, frisches Obst und Gemüse, Eier in verschiedenen Varianten und viele weitere Leckereien. Dazu servieren wir Ihnen frisch gebrühten Kaffee und verschiedene Teesorten.",
|
||||
"events_title": "Veranstaltungen",
|
||||
"events_text": "Planen Sie Ihre nächste Veranstaltung bei uns und erleben Sie den perfekten Rahmen für ein erfolgreiches Event mit bis zu 40 Gästen",
|
||||
"luggage_title": "Gepäck",
|
||||
"luggage_text": "Sie wollen noch nach Ihrem Check Out in der Umgebung was unternehmen? Wir passen auf Ihr Gepäck auf.",
|
||||
"why_heading": "Warum zu uns?",
|
||||
"why_text": "Unser Hotel in Obermaubach bietet Ihnen alles, was Sie für einen unvergesslichen Aufenthalt brauchen: Eine idyllische Lage in der wunderschönen Voreifel, komfortable Zimmer und einen ausgezeichneten Service. Wir möchten, dass Sie sich bei uns wie Zuhause fühlen und unvergessliche Erinnerungen mit nach Hause nehmen.",
|
||||
"impressions_heading": "Impressionen"
|
||||
},
|
||||
"rooms": {
|
||||
"page_title": "Hotel am See \u2014 Ihre Unterkunft in Obermaubach",
|
||||
"hero_heading": "Unsere Zimmer",
|
||||
"rooms_heading": "Unsere Zimmer",
|
||||
"price_per_night": "{{price}} \u20ac pro Nacht"
|
||||
},
|
||||
"contact": {
|
||||
"page_title": "Hotel am See \u2014 Ihre Unterkunft in Obermaubach",
|
||||
"hero_heading": "Kontakt",
|
||||
"messages_heading": "Nachrichten",
|
||||
"messages_text": "Wir sind gerne für Sie da. Haben Sie Fragen, Reservierungen, Anregungen lassen Sie gerne uns eine Nachricht zu kommen",
|
||||
"label_name": "Name",
|
||||
"label_email": "Email",
|
||||
"label_message": "Nachricht",
|
||||
"submit": "Nachricht senden",
|
||||
"info_address_heading": "Adresse",
|
||||
"info_address": "Seestraße 2D,<br>52372 Kreuzau - Obermaubach",
|
||||
"info_phone_heading": "Telefon",
|
||||
"info_follow_heading": "Follow",
|
||||
"info_email_heading": "Email"
|
||||
},
|
||||
"impressum": {
|
||||
"page_title": "Hotel am See \u2014 Ihre Unterkunft in Obermaubach",
|
||||
"hero_heading": "Impressum",
|
||||
"hero_content": "Hotel am See<br>Seestrasse 2D<br>52372 Kreuzau - Obermaubach<br>Telefon: +49 (2422) 504 48 66<br>E-Mail: info@hotel-obermaubach.de<br><br>Geschäftsführer: Marc Nuyken<br>Ust-IdNr \u2013 DE 207/5172/0905<br>Gerichtsstand Amtsgericht Düren<br><a href=\"agb.html\">AGBs</a>",
|
||||
"copyright_impressum": "Copyright ©<script>document.write(new Date().getFullYear());<\/script> All rights reserved | This website is made with <i class=\"icon-heart text-danger\" aria-hidden=\"true\"></i> by rebelco.de"
|
||||
},
|
||||
"agb": {
|
||||
"page_title": "Hotel am See \u2014 Ihre Unterkunft in Obermaubach",
|
||||
"hero_heading": "AGBs",
|
||||
"subtitle": "Allgemeine Geschäftsbedingungen",
|
||||
"intro": "AGBs für den Hotelaufnahmevertrag im Hotel am See - Obermaubach",
|
||||
"section1_title": "Geltungsbereich",
|
||||
"section1_content": "<ol><li>Diese Geschäftsbedingungen gelten für Verträge über die mietweise Überlassung von Hotelzimmern zur Beherbergung, sowie alle für den Kunden erbrachten weiteren Leistungen und Lieferungen des Hotels.</li><li>Die Unter- oder Weitervermietung der überlassenen Zimmer sowie deren Nutzung zu anderen als Beherbergungszwecken bedürfen der vorherigen schriftlichen Zustimmung des Hotels, wobei § 540 Abs. 1 Satz 2 BGB abbedungen wird, soweit der Kunde nicht Verbraucher ist.</li><li>Geschäftsbedingungen des Kunden finden nur Anwendung, wenn dies vorher ausdrücklich schriftlich vereinbart wurde.</li></ol>",
|
||||
"section2_title": "Vertragsabschluss, Vertragspartner, Verjährung",
|
||||
"section2_content": "<ol><li>Der Vertrag kommt durch die Annahme des Antrags des Kunden durch das Hotel zustande. Dem Hotel steht es frei, die Zimmerbuchung schriftlich zu bestätigen.</li><li>Vertragspartner sind das Hotel und der Kunde. Hat ein Dritter für den Kunden bestellt, haftet er dem Hotel gegenüber zusammen mit dem Kunden als Gesamtschuldner für alle Verpflichtungen aus dem Hotelaufnahmevertrag, sofern dem Hotel eine entsprechende Erklärung des Dritten vorliegt.</li><li>Alle Ansprüche gegen das Hotel verjähren grundsätzlich in einem Jahr ab dem Beginn der kenntnisabhängigen regelmäßigen Verjährungsfrist des § 199 Abs. 1 BGB. Schadensersatzansprüche verjähren kenntnisunabhängig in fünf Jahren. Die Verjährungsverkürzungen gelten nicht bei Ansprüchen, die auf einer vorsätzlichen oder grob fahrlässigen Pflichtverletzung des Hotels beruhen.</li></ol>",
|
||||
"section3_title": "Leistungen, Preise, Zahlung, Aufrechnung",
|
||||
"section3_content": "<ol><li>Das Hotel ist verpflichtet, die vom Kunden gebuchten Zimmer bereitzuhalten und die vereinbarten Leistungen zu erbringen oder gleichwertigen Ersatz zur Verfügung zu stellen.</li><li>Der Kunde ist verpflichtet, die für die Zimmerüberlassung und die von ihm in Anspruch genommenen weiteren Leistungen geltenden bzw. vereinbarten Preise des Hotels zu zahlen. Dies gilt auch für vom Kunden veranlasste Leistungen und Auslagen des Hotels an Dritte.</li><li>Die vereinbarten Preise schließen die jeweilige gesetzliche Mehrwertsteuer ein.</li><li>Die Preise können vom Hotel ferner geändert werden, wenn der Kunde nachträglich Änderungen der Anzahl der gebuchten Zimmer und / oder Gäste, der Leistung des Hotels oder der Aufenthaltsdauer der Gäste wünscht und das Hotel dem zustimmt. Rechnungen des Hotels ohne Fälligkeitsdatum sind binnen 7 Tagen ab Rechnungsdatum ohne Abzug zahlbar. Das Hotel ist berechtigt, aufgelaufene Forderungen jederzeit fällig zu stellen und unverzügliche Zahlung zu verlangen. Bei Zahlungsverzug ist das Hotel berechtigt, die jeweils geltenden gesetzlichen Verzugszinsen in Höhe von derzeit 8% bzw. bei Rechtsgeschäften, an denen ein Verbraucher beteiligt ist, in Höhe von 5% über dem Basiszinssatz zu verlangen. Dem Hotel bleibt der Nachweis eines höheren Schadens vorbehalten.</li><li>Das Hotel ist berechtigt, bei Vertragsschluss oder danach, unter Berücksichtigung der rechtlichen Bestimmungen für Pauschalreisen, eine angemessene Vorauszahlung oder Sicherheitsleistung zu verlangen. Die Höhe der Vorauszahlung und die Zahlungstermine können im Vertrag schriftlich vereinbart werden. Der Kunde kann nur mit einer unstreitigen und rechtskräftigen Forderung gegen über einer Forderung des Hotels aufrechnen oder mindern.</li><li>Das Hotel behält sich vor, Vorauthentisierung von Kreditkarten vor der Anreise vorzunehmen.</li></ol>",
|
||||
"section4_title": "Rücktritt des Kunden (i. e. Abbestellung, Stornierung) und Nichtinanspruchnahme der Leistungen des Hotels",
|
||||
"section4_content": "<ol><li>Reservierungen können jederzeit bis zu sechs Monate vor Anreisedatum von jeder der beiden Vertragsparteien kostenfrei ohne Angabe von Gründen storniert werden. Für die Stornierung ist die einfache Schriftform erforderlich.</li><li>Sofern zwischen dem Hotel und dem Kunden ein Termin zum kostenfreien Rücktritt vom Vertrag schriftlich vereinbart wurde, kann der Kunde bis dahin vom Vertrag zurücktreten, ohne Zahlungs- oder Schadensersatzansprüche des Hotels auszulösen.</li><li>Das Rücktrittsrecht des Kunden erlischt, wenn er nicht bis zum vereinbarten Termin sein Recht zum Rücktritt schriftlich gegenüber dem Hotel ausübt, sofern nicht ein Fall des Rücktritts des Kunden gemäß Nummer 1 Satz 3 vorliegt.</li><li>Dem Hotel steht es frei, die vertraglich vereinbarte Vergütung zu verlangen und den Abzug für ersparte Aufwendungen zu pauschalieren. Der Kunde ist in diesem Fall verpflichtet den vertraglich vereinbarten Preises für Übernachtung mit oder ohne Frühstück zu zahlen. Dem Kunden steht der Nachweis frei, dass der oben genannte Anspruch nicht oder nicht in der geforderten Höhe entstanden ist.</li></ol>",
|
||||
"section5_title": "Rücktritt des Hotels",
|
||||
"section5_content": "<ol><li>Reservierungen können jederzeit bis zu sechs Monate vor Anreisedatum von jeder der beiden Vertragsparteien kostenfrei ohne Angabe von Gründen storniert werden. Für die Stornierung ist die einfache Schriftform erforderlich.</li><li>Wird eine vereinbarte oder oben gemäß Klausel III Nr. 6 verlangte Vorauszahlung auch nach Verstreichen einer vom Hotel gesetzten angemessenen Nachfrist nicht geleistet, so ist das Hotel ebenfalls zum Rücktritt vom Vertrag berechtigt. Ferner ist das Hotel berechtigt, aus sachlich gerechtfertigtem Grund vom Vertrag außerordentlich zurückzutreten, beispielsweise falls höhere Gewalt oder andere vom Hotel nicht zu vertretende Umstände die Erfüllung des Vertrages unmöglich machen; Zimmer unter irreführender oder falscher Angabe wesentlicher Tatsachen, z.B. in der Person des Kunden oder des Zwecks, gebucht werden; das Hotel begründeten Anlass zu der Annahme hat, dass die Inanspruchnahme der Hotelleistung den reibungslosen Geschäftsbetrieb, die Sicherheit oder das Ansehen des Hotels in der Öffentlichkeit gefährden kann, ohne dass dies dem Herrschafts- bzw. Organisationsbereich des Hotels zuzurechnen ist; ein Verstoß gegen oben Klausel I Nr. 2 vorliegt. Bei Rücktritt des Hotels entsteht kein Anspruch des Kunden auf Schadensersatz</li></ol>",
|
||||
"section6_title": "Zimmerbereitstellung, -übergabe und -rückgabe",
|
||||
"section6_content": "<ol><li>Der Kunde erwirbt keinen Anspruch auf die Bereitstellung bestimmter Zimmer. Gebuchte Zimmer stehen dem Kunden ab 14.00 Uhr des vereinbarten Anreisetages zur Verfügung. Der Kunde hat keinen Anspruch auf frühere Bereitstellung.</li><li>Am vereinbarten Abreisetag sind die Zimmer dem Hotel spätestens um 11.00 Uhr geräumt zur Verfügung zu stellen. Danach kann das Hotel aufgrund der verspäteten Räumung des Zimmers für dessen vertragsüberschreitende Nutzung 100% des vollen Logispreises in Rechnung stellen. Vertragliche Ansprüche des Kunden werden hierdurch nicht begründet. Ihm steht es frei, nachzuweisen, dass dem Hotel kein oder ein wesentlich niedrigerer Anspruch auf Nutzungsentgelt entstanden ist.</li></ol>",
|
||||
"section7_title": "Haftung des Hotels",
|
||||
"section7_content": "<ol><li>Das Hotel haftet mit der Sorgfalt eines ordentlichen Kaufmanns für seine Verpflichtungen aus dem Vertrag. Ansprüche des Kunden auf Schadensersatz sind ausgeschlossen. Hiervon ausgenommen sind Schäden aus der Verletzung des Lebens, des Körpers oder der Gesundheit, wenn das Hotel die Pflichtverletzung zu vertreten hat, sonstige Schäden, die auf einer vorsätzlichen oder grob fahrlässigen Pflichtverletzung des Hotels beruhen und Schäden, die auf einer vorsätzlichen oder fahrlässigen Verletzung von vertragstypischen Pflichten des Hotels beruhen. Einer Pflichtverletzung des Hotels steht die eines gesetzlichen Vertreters oder Erfüllungsgehilfen gleich. Sollten Störungen oder Mängel an den Leistungen des Hotels auftreten, wird das Hotel bei Kenntnis oder auf unverzügliche Rüge des Kunden bemüht sein, für Abhilfe zu sorgen. Der Kunde ist verpflichtet, das ihm Zumutbare beizutragen, um die Störung zu beheben und einen möglichen Schaden gering zu halten.</li><li>Für eingebrachte Sachen haftet das Hotel dem Kunden nach den gesetzlichen Bestimmungen. Die Haftungsansprüche erlöschen, wenn nicht der Kunde nach Erlangen der Kenntnis von Verlust, Zerstörung oder Beschädigung unverzüglich dem Hotel Anzeige macht (§ 703 BGB). Für eine weitergehende Haftung des Hotels gelten vorstehende Nummer 1 Sätze 2 bis 4 entsprechend. Soweit dem Kunden ein Stellplatz in der Hotelgarage oder auf einem Hotelparkplatz, auch gegen Entgelt, zur Verfügung gestellt wird, kommt dadurch kein Verwahrungsvertrag zustande. Bei Abhandenkommen oder Beschädigung auf dem Hotelgrundstück abgestellter oder rangierter Kraftfahrzeuge und deren Inhalte haftet das Hotel nicht, außer bei Vorsatz oder grober Fahrlässigkeit. Vorstehende Nummer 1 Sätze 2 bis 4 gelten entsprechend.</li><li>Weckaufträge werden vom Hotel mit größter Sorgfalt ausgeführt. Nachrichten, Post und Warensendungen für die Gäste werden mit Sorgfalt behandelt. Das Hotel übernimmt die Zustellung, Aufbewahrung und – auf Wunsch – gegen Entgelt die Nachsendung derselben. Vorstehende Nummer 1 Sätze 2 bis 4 gelten entsprechend.</li></ol>",
|
||||
"section8_title": "Schlussbestimmungen",
|
||||
"section8_content": "<ol><li>Änderungen oder Ergänzungen des Vertrags, der Antragsannahme oder dieser Geschäftsbedingungen für die Hotelaufnahme sollen schriftlich erfolgen. Einseitige Änderungen oder Ergänzungen durch den Kunden sind unwirksam. Erfüllungs- und Zahlungsort ist der Sitz des Hotels. Ausschließlicher Gerichtsstand \u2013 auch für Scheck- und Wechselstreitigkeiten \u2013 ist im kaufmännischen Verkehr der Sitz des Hotels. Sofern ein Vertragspartner die Voraussetzung des § 38 Abs. 2 ZPO erfüllt und keinen allgemeinen Gerichtsstand im Inland hat, gilt als Gerichtsstand der Sitz des Hotels.</li><li>Es gilt deutsches Recht. Die Anwendung des UN-Kaufrechts und des Kollisionsrechts ist ausgeschlossen. Sollten einzelne Bestimmungen dieser Allgemeinen Geschäftsbedingungen für die Hotelaufnahme unwirksam oder nichtig sein oder werden, so wird dadurch die Wirksamkeit der übrigen Bestimmungen nicht berührt. Im übrigen gelten die gesetzlichen Vorschriften.</li></ol><p>Im Einklang mit deutschen Bankbestimmungen ist die Barzahlung mit \u20ac 500 Banknoten nicht möglich. Wir akzeptieren Zahlung per VISA, MASTERCARD, AMERICAN EXPRESS oder Maestro-Karte.</p><p>Version 01. Mai 2023</p>"
|
||||
}
|
||||
}
|
||||
120
locales/en.json
Normal file
120
locales/en.json
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
{
|
||||
"common": {
|
||||
"site_title": "Hotel am See — Your Accommodation in Obermaubach",
|
||||
"logo": "Hotel am See",
|
||||
"nav": {
|
||||
"home": "Home",
|
||||
"rooms": "Our Rooms",
|
||||
"services": "Services",
|
||||
"about": "About Us",
|
||||
"contact": "Contact",
|
||||
"impressum": "Legal Notice"
|
||||
},
|
||||
"phone": "+49 2422 / 504 48 66<br>+49 176 / 847 34 595",
|
||||
"footer": {
|
||||
"contact_heading": "Contact",
|
||||
"address": "Seestraße 2D,<br> 52372 Kreuzau-Obermaubach",
|
||||
"connect_heading": "Connect",
|
||||
"copyright": "Copyright ©<script>document.write(new Date().getFullYear());<\/script> All rights reserved"
|
||||
},
|
||||
"loading": "Loading...",
|
||||
"prev": "Prev",
|
||||
"next": "Next"
|
||||
},
|
||||
"index": {
|
||||
"page_title": "Hotel am See — Your Accommodation in Obermaubach",
|
||||
"hero_heading": "Welcome",
|
||||
"service_heading": "Our Services",
|
||||
"feature_hiking_title": "Hiking",
|
||||
"feature_hiking_text": "Set off from our hotel on a wonderful hike through the most beautiful areas of the Eifel region!",
|
||||
"feature_event_title": "Event Location",
|
||||
"feature_event_text": "We offer a generously designed space for your event, accommodating up to 40 guests.",
|
||||
"feature_luggage_title": "Luggage Storage",
|
||||
"feature_luggage_text": "We are happy to store your luggage for you.",
|
||||
"about_heading": "Hotel am See",
|
||||
"about_text": "Welcome to the heart of the Eifel foothills! Discover the picturesque landscape and enjoy an unforgettable stay at our \"Hotel am See\". Let our friendly staff pamper you and enjoy the amenities of a modern hotel.",
|
||||
"impressions_heading": "Impressions",
|
||||
"faq_heading": "FAQ",
|
||||
"faq_q1": "What facilities does the hotel offer?",
|
||||
"faq_a1": "Our hotel offers a range of facilities for a comfortable stay, including a bar, complimentary Wi-Fi, and free parking.",
|
||||
"faq_q2": "What are the check-in and check-out times?",
|
||||
"faq_a2": "<p>Check-in is available from 3:00 PM to 7:00 PM <br> or by prior arrangement.</p><p>Check-out is possible from 6:00 AM to 10:00 AM.</p>",
|
||||
"faq_q3": "What activities are available in the area around the hotel?",
|
||||
"faq_a3": "There are many activities to enjoy in the surrounding area, including hiking, cycling, swimming, golfing, and visiting historic sites and attractions."
|
||||
},
|
||||
"about": {
|
||||
"page_title": "Hotel am See — Your Accommodation in Obermaubach",
|
||||
"hero_heading": "About Us",
|
||||
"hero_subtitle": "As a family-run hotel in the Eifel foothills, we place great value on creating a personal atmosphere and unforgettable experiences for our guests.",
|
||||
"who_heading": "Who We Are!",
|
||||
"who_text": "We are a family-run hotel in the beautiful Eifel foothills. Our hotel is characterised by a warm, familiar atmosphere that gives our guests a feeling of being at home.<br><br>We place great importance on ensuring our guests feel comfortable with us. We always strive to accommodate our guests' wishes and to provide a personal service that goes far beyond the standard.<br><br>As a family-run hotel, it is especially important to us that our guests feel at home and take away unforgettable memories. We warmly invite you to get to know us and our hotel, and we look forward to welcoming you soon.",
|
||||
"team_name": "Marc Nuyken",
|
||||
"team_role": "Hotelier",
|
||||
"team_quote": "\"As a family business, it is close to our hearts to provide our guests with an unforgettable stay — we look forward to welcoming you.",
|
||||
"impressions_heading": "Impressions"
|
||||
},
|
||||
"services": {
|
||||
"page_title": "Hotel am See — Your Accommodation in Obermaubach",
|
||||
"hero_heading": "Our Services",
|
||||
"hero_subtitle": "Our excellent service ensures that your stay with us will be truly unforgettable.",
|
||||
"service_heading": "Our Services",
|
||||
"breakfast_title": "Breakfast",
|
||||
"breakfast_text": "Start your day with a delicious breakfast at our hotel in Obermaubach. Our comprehensive breakfast buffet offers something for every taste: fresh bread and rolls, a wide selection of cold cuts and cheeses, fresh fruit and vegetables, eggs prepared in various ways, and many more treats. We also serve freshly brewed coffee and a variety of teas.",
|
||||
"events_title": "Events",
|
||||
"events_text": "Plan your next event with us and experience the perfect setting for a successful occasion with up to 40 guests.",
|
||||
"luggage_title": "Luggage Storage",
|
||||
"luggage_text": "Want to explore the area after check-out? We will look after your luggage for you.",
|
||||
"why_heading": "Why Choose Us?",
|
||||
"why_text": "Our hotel in Obermaubach offers everything you need for an unforgettable stay: an idyllic location in the beautiful Eifel foothills, comfortable rooms, and excellent service. We want you to feel at home with us and take away unforgettable memories.",
|
||||
"impressions_heading": "Impressions"
|
||||
},
|
||||
"rooms": {
|
||||
"page_title": "Hotel am See — Your Accommodation in Obermaubach",
|
||||
"hero_heading": "Our Rooms",
|
||||
"rooms_heading": "Our Rooms",
|
||||
"price_per_night": "{{price}} € per night"
|
||||
},
|
||||
"contact": {
|
||||
"page_title": "Hotel am See — Your Accommodation in Obermaubach",
|
||||
"hero_heading": "Contact",
|
||||
"messages_heading": "Get in Touch",
|
||||
"messages_text": "We are happy to help. Whether you have questions, would like to make a reservation, or have suggestions, please feel free to send us a message.",
|
||||
"label_name": "Name",
|
||||
"label_email": "Email",
|
||||
"label_message": "Message",
|
||||
"submit": "Send Message",
|
||||
"info_address_heading": "Address",
|
||||
"info_address": "Seestraße 2D,<br>52372 Kreuzau - Obermaubach",
|
||||
"info_phone_heading": "Phone",
|
||||
"info_follow_heading": "Follow",
|
||||
"info_email_heading": "Email"
|
||||
},
|
||||
"impressum": {
|
||||
"page_title": "Hotel am See — Your Accommodation in Obermaubach",
|
||||
"hero_heading": "Legal Notice",
|
||||
"hero_content": "Hotel am See<br>Seestrasse 2D<br>52372 Kreuzau - Obermaubach<br>Phone: +49 (2422) 504 48 66<br>Email: info@hotel-obermaubach.de<br><br>Managing Director (Geschäftsführer): Marc Nuyken<br>VAT ID (USt-IdNr.): DE 207/5172/0905<br>Court of jurisdiction (Gerichtsstand): Amtsgericht Düren<br><a href=\"agb.html\">Terms & Conditions</a>",
|
||||
"copyright_impressum": "Copyright ©<script>document.write(new Date().getFullYear());<\/script> All rights reserved | This website is made with <i class=\"icon-heart text-danger\" aria-hidden=\"true\"></i> by rebelco.de"
|
||||
},
|
||||
"agb": {
|
||||
"page_title": "Hotel am See — Your Accommodation in Obermaubach",
|
||||
"hero_heading": "Terms & Conditions",
|
||||
"subtitle": "General Terms and Conditions",
|
||||
"intro": "Please note: This is a courtesy translation. The German version is the sole legally binding version.<br><br>General Terms and Conditions for the Hotel Accommodation Agreement at Hotel am See - Obermaubach",
|
||||
"section1_title": "Scope of Application",
|
||||
"section1_content": "<ol><li>These terms and conditions apply to contracts for the rental of hotel rooms for accommodation purposes, as well as all additional services and deliveries provided by the hotel to the guest.</li><li>The subletting or further renting of the rooms provided, as well as their use for purposes other than accommodation, require the prior written consent of the hotel. Section 540(1) sentence 2 of the German Civil Code (BGB) is waived insofar as the guest is not a consumer.</li><li>The guest's own terms and conditions shall only apply if this has been expressly agreed in writing in advance.</li></ol>",
|
||||
"section2_title": "Conclusion of Contract, Contracting Parties, Limitation Period",
|
||||
"section2_content": "<ol><li>The contract is concluded upon the hotel's acceptance of the guest's offer. The hotel is free to confirm the room booking in writing.</li><li>The contracting parties are the hotel and the guest. If a third party has made the booking on behalf of the guest, they shall be jointly and severally liable to the hotel together with the guest for all obligations arising from the hotel accommodation agreement, provided that the hotel has received a corresponding declaration from the third party.</li><li>All claims against the hotel shall generally become time-barred within one year from the commencement of the standard limitation period under Section 199(1) of the German Civil Code (BGB). Damage claims shall become time-barred within five years regardless of knowledge. These shortened limitation periods shall not apply to claims based on an intentional or grossly negligent breach of duty by the hotel.</li></ol>",
|
||||
"section3_title": "Services, Prices, Payment, Set-Off",
|
||||
"section3_content": "<ol><li>The hotel is obliged to keep the rooms booked by the guest available and to provide the agreed services or make equivalent alternatives available.</li><li>The guest is obliged to pay the hotel's applicable or agreed prices for the room rental and any additional services used. This also applies to services and expenses arranged by the guest through the hotel with third parties.</li><li>The agreed prices include the applicable statutory value-added tax.</li><li>Prices may also be changed by the hotel if the guest subsequently requests changes to the number of rooms booked and/or guests, the hotel's services, or the duration of the guests' stay, and the hotel agrees to this. Hotel invoices without a due date are payable within 7 days of the invoice date without deduction. The hotel is entitled to call in accumulated receivables at any time and demand immediate payment. In the event of late payment, the hotel is entitled to charge the applicable statutory default interest, currently 8%, or 5% above the base interest rate for transactions involving a consumer. The hotel reserves the right to prove higher damages.</li><li>The hotel is entitled to require a reasonable advance payment or security deposit at the time of or after concluding the contract, taking into account the legal provisions for package tours. The amount of the advance payment and payment dates may be agreed in writing in the contract. The guest may only set off against or reduce a claim by the hotel with an undisputed or legally binding claim.</li><li>The hotel reserves the right to pre-authorise credit cards before arrival.</li></ol>",
|
||||
"section4_title": "Withdrawal by the Guest (Cancellation) and Non-Utilisation of Hotel Services",
|
||||
"section4_content": "<ol><li>Reservations may be cancelled free of charge by either contracting party at any time up to six months before the arrival date without giving reasons. Cancellation must be made in writing.</li><li>If a deadline for free withdrawal from the contract has been agreed in writing between the hotel and the guest, the guest may withdraw from the contract until that date without triggering any payment or compensation claims by the hotel.</li><li>The guest's right of withdrawal expires if they do not exercise their right of withdrawal in writing to the hotel by the agreed date, unless a case of withdrawal by the guest pursuant to clause 1 sentence 3 applies.</li><li>The hotel is free to demand the contractually agreed remuneration and to apply a flat-rate deduction for saved expenses. In this case, the guest is obliged to pay the contractually agreed price for overnight accommodation with or without breakfast. The guest is free to demonstrate that the above claim did not arise or did not arise in the amount demanded.</li></ol>",
|
||||
"section5_title": "Withdrawal by the Hotel",
|
||||
"section5_content": "<ol><li>Reservations may be cancelled free of charge by either contracting party at any time up to six months before the arrival date without giving reasons. Cancellation must be made in writing.</li><li>If an agreed advance payment or one requested pursuant to Clause III No. 6 is not made even after a reasonable grace period set by the hotel has expired, the hotel is also entitled to withdraw from the contract. Furthermore, the hotel is entitled to withdraw from the contract for objectively justified reasons, for example if force majeure or other circumstances beyond the hotel's control make fulfilment of the contract impossible; rooms are booked under misleading or false statements of material facts, e.g. regarding the identity of the guest or the purpose; the hotel has reasonable grounds to believe that use of the hotel services could endanger the smooth business operation, safety, or public reputation of the hotel, without this being attributable to the hotel's sphere of control or organisation; a breach of Clause I No. 2 above exists. In the event of withdrawal by the hotel, the guest has no claim to compensation.</li></ol>",
|
||||
"section6_title": "Room Provision, Handover, and Return",
|
||||
"section6_content": "<ol><li>The guest does not acquire a right to the provision of specific rooms. Booked rooms are available to the guest from 2:00 PM on the agreed day of arrival. The guest has no right to earlier provision.</li><li>On the agreed day of departure, the rooms must be vacated and made available to the hotel by 11:00 AM at the latest. After this time, the hotel may charge 100% of the full room rate for use beyond the contract due to late vacating of the room. This does not establish any contractual claims for the guest. The guest is free to demonstrate that the hotel incurred no or a substantially lower claim for usage fees.</li></ol>",
|
||||
"section7_title": "Liability of the Hotel",
|
||||
"section7_content": "<ol><li>The hotel is liable for its obligations under the contract with the diligence of a prudent businessperson. Guest claims for damages are excluded. Exceptions are damages arising from injury to life, body, or health if the hotel is responsible for the breach of duty; other damages based on an intentional or grossly negligent breach of duty by the hotel; and damages based on an intentional or negligent breach of duties typical of the contract by the hotel. A breach of duty by the hotel is equivalent to that of a legal representative or vicarious agent. Should disruptions or defects in the hotel's services occur, the hotel will endeavour to remedy them upon becoming aware of them or upon immediate complaint by the guest. The guest is obliged to contribute what is reasonable to remedy the disruption and to minimise any potential damage.</li><li>The hotel is liable to the guest for items brought onto the premises in accordance with statutory provisions. Liability claims expire if the guest does not immediately notify the hotel upon becoming aware of loss, destruction, or damage (Section 703 BGB). For any further liability of the hotel, the provisions of No. 1 sentences 2 to 4 above apply accordingly. Insofar as a parking space in the hotel garage or a hotel car park is made available to the guest, including for a fee, no custody agreement is established. The hotel is not liable for loss of or damage to motor vehicles and their contents parked or manoeuvred on the hotel premises, except in cases of intent or gross negligence. No. 1 sentences 2 to 4 above apply accordingly.</li><li>Wake-up calls are carried out by the hotel with the greatest care. Messages, mail, and goods deliveries for guests are handled with care. The hotel undertakes the delivery, storage, and — upon request and for a fee — the forwarding of such items. No. 1 sentences 2 to 4 above apply accordingly.</li></ol>",
|
||||
"section8_title": "Final Provisions",
|
||||
"section8_content": "<ol><li>Amendments or additions to the contract, the acceptance of the offer, or these terms and conditions for hotel accommodation shall be made in writing. Unilateral amendments or additions by the guest are invalid. The place of performance and payment is the registered office of the hotel. The exclusive place of jurisdiction — including for cheque and bill of exchange disputes — in commercial transactions is the registered office of the hotel. If a contracting party meets the requirements of Section 38(2) of the German Code of Civil Procedure (ZPO) and has no general place of jurisdiction in Germany, the place of jurisdiction shall be the registered office of the hotel.</li><li>German law applies. The application of the UN Convention on Contracts for the International Sale of Goods and conflict-of-laws rules is excluded. Should individual provisions of these General Terms and Conditions for hotel accommodation be or become invalid or void, the validity of the remaining provisions shall not be affected. In all other respects, the statutory provisions shall apply.</li></ol><p>In accordance with German banking regulations, cash payment with €500 banknotes is not possible. We accept payment by VISA, MASTERCARD, AMERICAN EXPRESS, or Maestro card.</p><p>Version 1 May 2023</p>"
|
||||
}
|
||||
}
|
||||
15
main.html
Normal file
15
main.html
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<a href="https://www.booking.com/hotel/de/haus-siemoneit.de.html?aid=304142&label=gen173nr-1FCBkoggI46AdIB1gEaDuIAQGYAQe4ARfIAQzYAQHoAQH4AQKIAgGoAgO4ApuvtZ8GwAIB0gIkOGRmOWI0ZDAtYjU4YS00MDdiLThmMzAtOThkNjE4OTQwOTg02AIF4AIB&sid=bde74767edd93286bd3266514f3b354d&dist=0;group_adults=2;group_children=0;hapos=5;hpos=5;no_rooms=1;req_adults=2;req_children=0;room1=A%2CA;sb_price_type=total;sr_order=popularity;srepoch=1676498869;srpvid=9a2f9b9afee2006a;type=total;ucfs=1&">
|
||||
|
||||
|
||||
|
||||
<h1 style="text-align:center;">This Site ist under Construction</h1>
|
||||
<p style="text-align:center;">For more awesome things please visit <strong><a href="https://google.com">GOOGLE</a></strong>.</p>
|
||||
<br>
|
||||
<style>
|
||||
img {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
margin-top: 20%;
|
||||
}
|
||||
</style>
|
||||
</a>
|
||||
8
readme.txt
Normal file
8
readme.txt
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
Thank you for using our template!
|
||||
|
||||
For more awesome templates please visit https://colorlib.com/wp/templates/
|
||||
|
||||
Copyright information for the template can't be altered/removed unless you purchase a license.
|
||||
More information about the license is available here: https://colorlib.com/wp/licence/
|
||||
|
||||
Removing copyright information without the license will result in suspension of your hosting and/or domain name(s).
|
||||
334
rooms.html
Normal file
334
rooms.html
Normal file
|
|
@ -0,0 +1,334 @@
|
|||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Work+Sans:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="fonts/icomoon/style.css">
|
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
|
||||
|
||||
<link rel="stylesheet" href="css/tiny-slider.css">
|
||||
<link rel="stylesheet" href="css/aos.css">
|
||||
<link rel="stylesheet" href="css/flatpickr.min.css">
|
||||
<link rel="stylesheet" href="css/glightbox.min.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
|
||||
|
||||
|
||||
<title>Hotel am See —Ihre Unterkunft in Obermaubach</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="site-mobile-menu site-navbar-target">
|
||||
<div class="site-mobile-menu-header">
|
||||
<div class="site-mobile-menu-close">
|
||||
<span class="icofont-close js-menu-toggle"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="site-mobile-menu-body"></div>
|
||||
</div>
|
||||
|
||||
<nav class="site-nav">
|
||||
<div class="container">
|
||||
<div class="menu-bg-wrap">
|
||||
<div class="site-navigation">
|
||||
<div class="row g-0 align-items-center">
|
||||
<div class="col-2">
|
||||
<a href="index.html" class="logo m-0 float-start text-white" data-i18n="common.logo">Hotel am See</a>
|
||||
</div>
|
||||
<div class="col-8 text-center">
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block text-start site-menu mx-auto">
|
||||
<li><a href="index.html" data-i18n="common.nav.home">Home</a></li>
|
||||
<li class="active"><a href="rooms.html" data-i18n="common.nav.rooms">Unsere Zimmer</a></li>
|
||||
<li><a href="services.html" data-i18n="common.nav.services">Services</a></li>
|
||||
<li><a href="about.html" data-i18n="common.nav.about">Über uns</a></li>
|
||||
<li><a href="contact.html" data-i18n="common.nav.contact">Kontakt</a></li>
|
||||
<li><a href="impressum.html" data-i18n="common.nav.impressum">Impressum</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-2 text-end">
|
||||
<a href="#" class="burger ms-auto float-end site-menu-toggle js-menu-toggle d-inline-block d-lg-none light">
|
||||
<span></span>
|
||||
</a>
|
||||
|
||||
<div class="lang-switcher float-end" role="navigation" aria-label="Sprachwahl / Language selection">
|
||||
<a href="#" class="lang-option active" data-lang="de" aria-label="Deutsch" aria-current="true">DE</a>
|
||||
<span class="lang-divider" aria-hidden="true">|</span>
|
||||
<a href="#" class="lang-option" data-lang="en" aria-label="English">EN</a>
|
||||
</div>
|
||||
|
||||
<a href="#" class="call-us d-flex align-items-center">
|
||||
<span class="icon-phone"></span>
|
||||
<span data-i18n="[html]common.phone">+49 2422 / 504 48 66<br>+49 176 / 847 34 595</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="hero overlay" style="background-image: url('images/img_1.jpg')">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-lg-8 text-center">
|
||||
<h1 class="heading mb-5 text-white" data-aos="fade-up" data-i18n="rooms.hero_heading">Unsere Zimmer</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section sec-posts">
|
||||
<div class="container">
|
||||
<div class="row mb-4">
|
||||
<div class="col-lg-7" data-aos="fade-up">
|
||||
<h2 class="heading mb-4" data-i18n="rooms.rooms_heading">Unsere Zimmer</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-12" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="post-slider-wrap">
|
||||
|
||||
<div id="post-slider-nav">
|
||||
<button class="btn btn-primary prev" data-controls="prev" data-i18n="common.prev">Zurück</button>
|
||||
<button class="btn btn-primary next" data-controls="next" data-i18n="common.next">Weiter</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="post-slider" id="post-slider">
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/42.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<a href="#" class="more" data-i18n="rooms.price_per_night" data-i18n-options='{"price": "120"}'>120 € pro Nacht</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/70.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<a href="#" class="more" data-i18n="rooms.price_per_night" data-i18n-options='{"price": "130"}'>130 € pro Nacht</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/28.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<a href="#" class="more" data-i18n="rooms.price_per_night" data-i18n-options='{"price": "99"}'>99€ pro Nacht</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/78.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<a href="#" class="more" data-i18n="rooms.price_per_night" data-i18n-options='{"price": "110"}'>110€ pro Nacht</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/76.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<a href="#" class="more" data-i18n="rooms.price_per_night" data-i18n-options='{"price": "80"}'>80€ pro Nacht</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/59.jpg" alt="Image"
|
||||
class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<a href="#" class="more" data-i18n="rooms.price_per_night" data-i18n-options='{"price": "90"}'>90€ pro Nacht</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/34.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<a href="#" class="more" data-i18n="rooms.price_per_night" data-i18n-options='{"price": "70"}'>70€ pro Nacht</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="post-entry">
|
||||
<a href="#" class="thumbnail"><img src="images/23.jpg" alt="Image" class="img-fluid"></a>
|
||||
<div class="post-entry-body">
|
||||
<!--<span class="icon-pencil"></span>-->
|
||||
<h3><a href="#"></a></h3>
|
||||
|
||||
<div class="read-more-wrap">
|
||||
<a href="#" class="more" data-i18n="rooms.price_per_night" data-i18n-options='{"price": "60"}'>60€ pro Nacht</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="site-footer bg-light">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<!--<h3>Home</h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Places</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Destination</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Privacy</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<!--<h3>Practice Area</h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<li><a href="#">Travel</a></li>
|
||||
<li><a href="#">Popular places</a></li>
|
||||
<li><a href="#">Destination</a></li>
|
||||
<li><a href="#">Tour</a></li>
|
||||
<li><a href="#">Family Vacation</a></li>
|
||||
</ul>-->
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<!--<h3>Services</h3>
|
||||
<ul class="list-unstyled float-left links">
|
||||
<li><a href="#">Tour</a></li>
|
||||
<li><a href="#">Swimming</a></li>
|
||||
<li><a href="#">Kayak</a></li>
|
||||
<li><a href="#">Surfing</a></li>-->
|
||||
</ul>
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-3">
|
||||
<div class="widget">
|
||||
<h3 data-i18n="common.footer.contact_heading">Kontakt</h3>
|
||||
<address data-i18n="[html]common.footer.address">Seestraße 2D,<br> 52372 Kreuzau-Obermaubach</address>
|
||||
<ul class="list-unstyled links mb-4">
|
||||
<li><a href="tel://+4924225044866">+49(2422) 504 48 66</a></li>
|
||||
<li><a href="tel://+4916084734595">+49(160) 84734 595</a></li>
|
||||
<li><a href="mailto:info@hotel-obermaubach.de">info@hotel-obermaubach.de</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 data-i18n="common.footer.connect_heading">Connect</h3>
|
||||
<ul class="list-unstyled social">
|
||||
<li><a href="#"><span class="icon-instagram"></span></a></li>
|
||||
<!--<li><a href="#"><span class="icon-twitter"></span></a></li>
|
||||
<li><a href="#"><span class="icon-facebook"></span></a></li>
|
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li>
|
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li>
|
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li>-->
|
||||
</ul>
|
||||
|
||||
</div> <!-- /.widget -->
|
||||
</div> <!-- /.col-lg-3 -->
|
||||
|
||||
</div> <!-- /.row -->
|
||||
|
||||
|
||||
<div class="row mt-5">
|
||||
<div class="col-12 text-center">
|
||||
<p data-i18n="[html]common.footer.copyright">Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | <i class="icon-heart text-danger" aria-hidden="true"></i> </p>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- /.container -->
|
||||
</div> <!-- /.site-footer -->
|
||||
|
||||
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="overlayer"></div>
|
||||
<div class="loader">
|
||||
<div class="spinner-border text-primary" role="status">
|
||||
<span class="visually-hidden" data-i18n="common.loading">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/tiny-slider.js"></script>
|
||||
|
||||
<script src="js/flatpickr.min.js"></script>
|
||||
<script src="js/glightbox.min.js"></script>
|
||||
|
||||
<script src="https://unpkg.com/i18next@23.16.8/i18next.min.js"></script>
|
||||
<script src="https://unpkg.com/i18next-http-backend@3.0.2/i18nextHttpBackend.min.js"></script>
|
||||
<script src="js/i18n.js"></script>
|
||||
|
||||
<script src="js/aos.js"></script>
|
||||
<script src="js/navbar.js"></script>
|
||||
<script src="js/counter.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
125
scss/bootstrap/_accordion.scss
Normal file
125
scss/bootstrap/_accordion.scss
Normal file
|
|
@ -0,0 +1,125 @@
|
|||
//
|
||||
// Base styles
|
||||
//
|
||||
|
||||
.accordion-button {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: $accordion-button-padding-y $accordion-button-padding-x;
|
||||
@include font-size($font-size-base);
|
||||
color: $accordion-button-color;
|
||||
background-color: $accordion-button-bg;
|
||||
border: $accordion-border-width solid $accordion-border-color;
|
||||
@include border-radius(0);
|
||||
overflow-anchor: none;
|
||||
@include transition($accordion-transition);
|
||||
|
||||
&.collapsed {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
&:not(.collapsed) {
|
||||
color: $accordion-button-active-color;
|
||||
background-color: $accordion-button-active-bg;
|
||||
|
||||
&::after {
|
||||
background-image: escape-svg($accordion-button-active-icon);
|
||||
transform: $accordion-icon-transform;
|
||||
}
|
||||
}
|
||||
|
||||
// Accordion icon
|
||||
&::after {
|
||||
flex-shrink: 0;
|
||||
width: $accordion-icon-width;
|
||||
height: $accordion-icon-width;
|
||||
margin-left: auto;
|
||||
content: "";
|
||||
background-image: escape-svg($accordion-button-icon);
|
||||
background-repeat: no-repeat;
|
||||
background-size: $accordion-icon-width;
|
||||
@include transition($accordion-icon-transition);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
z-index: 3;
|
||||
border-color: $accordion-button-focus-border-color;
|
||||
outline: 0;
|
||||
box-shadow: $accordion-button-focus-box-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-header {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.accordion-item {
|
||||
&:first-of-type {
|
||||
.accordion-button {
|
||||
@include border-top-radius($accordion-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
.accordion-button {
|
||||
// Only set a border-radius on the last item if the accordion is collapsed
|
||||
&.collapsed {
|
||||
border-bottom-width: $accordion-border-width;
|
||||
@include border-bottom-radius($accordion-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-collapse {
|
||||
border-bottom-width: $accordion-border-width;
|
||||
@include border-bottom-radius($accordion-border-radius);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-collapse {
|
||||
border: solid $accordion-border-color;
|
||||
border-width: 0 $accordion-border-width;
|
||||
}
|
||||
|
||||
.accordion-body {
|
||||
padding: $accordion-body-padding-y $accordion-body-padding-x;
|
||||
}
|
||||
|
||||
|
||||
// Flush accordion items
|
||||
//
|
||||
// Remove borders and border-radius to keep accordion items edge-to-edge.
|
||||
|
||||
.accordion-flush {
|
||||
.accordion-button {
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
@include border-radius(0);
|
||||
}
|
||||
|
||||
.accordion-collapse {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.accordion-item {
|
||||
&:first-of-type {
|
||||
.accordion-button {
|
||||
border-top-width: 0;
|
||||
@include border-top-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
.accordion-button.collapsed {
|
||||
border-bottom-width: 0;
|
||||
@include border-bottom-radius(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
57
scss/bootstrap/_alert.scss
Normal file
57
scss/bootstrap/_alert.scss
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
//
|
||||
// Base styles
|
||||
//
|
||||
|
||||
.alert {
|
||||
position: relative;
|
||||
padding: $alert-padding-y $alert-padding-x;
|
||||
margin-bottom: $alert-margin-bottom;
|
||||
border: $alert-border-width solid transparent;
|
||||
@include border-radius($alert-border-radius);
|
||||
}
|
||||
|
||||
// Headings for larger alerts
|
||||
.alert-heading {
|
||||
// Specified to prevent conflicts of changing $headings-color
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
// Provide class for links that match alerts
|
||||
.alert-link {
|
||||
font-weight: $alert-link-font-weight;
|
||||
}
|
||||
|
||||
|
||||
// Dismissible alerts
|
||||
//
|
||||
// Expand the right padding and account for the close button's positioning.
|
||||
|
||||
.alert-dismissible {
|
||||
padding-right: $alert-dismissible-padding-r;
|
||||
|
||||
// Adjust close link position
|
||||
.btn-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: $stretched-link-z-index + 1;
|
||||
padding: $alert-padding-y * 1.25 $alert-padding-x;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// scss-docs-start alert-modifiers
|
||||
// Generate contextual modifier classes for colorizing the alert.
|
||||
|
||||
@each $state, $value in $theme-colors {
|
||||
$background: shift-color($value, $alert-bg-scale);
|
||||
$border: shift-color($value, $alert-border-scale);
|
||||
$color: shift-color($value, $alert-color-scale);
|
||||
@if (contrast-ratio($background, $color) < $min-contrast-ratio) {
|
||||
$color: mix($value, color-contrast($background), abs($alert-color-scale));
|
||||
}
|
||||
.alert-#{$state} {
|
||||
@include alert-variant($background, $border, $color);
|
||||
}
|
||||
}
|
||||
// scss-docs-end alert-modifiers
|
||||
29
scss/bootstrap/_badge.scss
Normal file
29
scss/bootstrap/_badge.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
// Base class
|
||||
//
|
||||
// Requires one of the contextual, color modifier classes for `color` and
|
||||
// `background-color`.
|
||||
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: $badge-padding-y $badge-padding-x;
|
||||
@include font-size($badge-font-size);
|
||||
font-weight: $badge-font-weight;
|
||||
line-height: 1;
|
||||
color: $badge-color;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
@include border-radius($badge-border-radius);
|
||||
@include gradient-bg();
|
||||
|
||||
// Empty badges collapse automatically
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Quick fix for badges in buttons
|
||||
.btn .badge {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
28
scss/bootstrap/_breadcrumb.scss
Normal file
28
scss/bootstrap/_breadcrumb.scss
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
.breadcrumb {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: $breadcrumb-padding-y $breadcrumb-padding-x;
|
||||
margin-bottom: $breadcrumb-margin-bottom;
|
||||
@include font-size($breadcrumb-font-size);
|
||||
list-style: none;
|
||||
background-color: $breadcrumb-bg;
|
||||
@include border-radius($breadcrumb-border-radius);
|
||||
}
|
||||
|
||||
.breadcrumb-item {
|
||||
// The separator between breadcrumbs (by default, a forward-slash: "/")
|
||||
+ .breadcrumb-item {
|
||||
padding-left: $breadcrumb-item-padding-x;
|
||||
|
||||
&::before {
|
||||
float: left; // Suppress inline spacings and underlining of the separator
|
||||
padding-right: $breadcrumb-item-padding-x;
|
||||
color: $breadcrumb-divider-color;
|
||||
content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"};
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: $breadcrumb-active-color;
|
||||
}
|
||||
}
|
||||
139
scss/bootstrap/_button-group.scss
Normal file
139
scss/bootstrap/_button-group.scss
Normal file
|
|
@ -0,0 +1,139 @@
|
|||
// Make the div behave like a button
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
vertical-align: middle; // match .btn alignment given font-size hack above
|
||||
|
||||
> .btn {
|
||||
position: relative;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
// Bring the hover, focused, and "active" buttons to the front to overlay
|
||||
// the borders properly
|
||||
> .btn-check:checked + .btn,
|
||||
> .btn-check:focus + .btn,
|
||||
> .btn:hover,
|
||||
> .btn:focus,
|
||||
> .btn:active,
|
||||
> .btn.active {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Optional: Group multiple button groups together for a toolbar
|
||||
.btn-toolbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
|
||||
.input-group {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
// Prevent double borders when buttons are next to each other
|
||||
> .btn:not(:first-child),
|
||||
> .btn-group:not(:first-child) {
|
||||
margin-left: -$btn-border-width;
|
||||
}
|
||||
|
||||
// Reset rounded corners
|
||||
> .btn:not(:last-child):not(.dropdown-toggle),
|
||||
> .btn-group:not(:last-child) > .btn {
|
||||
@include border-end-radius(0);
|
||||
}
|
||||
|
||||
// The left radius should be 0 if the button is:
|
||||
// - the "third or more" child
|
||||
// - the second child and the previous element isn't `.btn-check` (making it the first child visually)
|
||||
// - part of a btn-group which isn't the first child
|
||||
> .btn:nth-child(n + 3),
|
||||
> :not(.btn-check) + .btn,
|
||||
> .btn-group:not(:first-child) > .btn {
|
||||
@include border-start-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
// Sizing
|
||||
//
|
||||
// Remix the default button sizing classes into new ones for easier manipulation.
|
||||
|
||||
.btn-group-sm > .btn { @extend .btn-sm; }
|
||||
.btn-group-lg > .btn { @extend .btn-lg; }
|
||||
|
||||
|
||||
//
|
||||
// Split button dropdowns
|
||||
//
|
||||
|
||||
.dropdown-toggle-split {
|
||||
padding-right: $btn-padding-x * .75;
|
||||
padding-left: $btn-padding-x * .75;
|
||||
|
||||
&::after,
|
||||
.dropup &::after,
|
||||
.dropend &::after {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.dropstart &::before {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-sm + .dropdown-toggle-split {
|
||||
padding-right: $btn-padding-x-sm * .75;
|
||||
padding-left: $btn-padding-x-sm * .75;
|
||||
}
|
||||
|
||||
.btn-lg + .dropdown-toggle-split {
|
||||
padding-right: $btn-padding-x-lg * .75;
|
||||
padding-left: $btn-padding-x-lg * .75;
|
||||
}
|
||||
|
||||
|
||||
// The clickable button for toggling the menu
|
||||
// Set the same inset shadow as the :active state
|
||||
.btn-group.show .dropdown-toggle {
|
||||
@include box-shadow($btn-active-box-shadow);
|
||||
|
||||
// Show no shadow for `.btn-link` since it has no other button styles.
|
||||
&.btn-link {
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Vertical button groups
|
||||
//
|
||||
|
||||
.btn-group-vertical {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
|
||||
> .btn,
|
||||
> .btn-group {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
> .btn:not(:first-child),
|
||||
> .btn-group:not(:first-child) {
|
||||
margin-top: -$btn-border-width;
|
||||
}
|
||||
|
||||
// Reset rounded corners
|
||||
> .btn:not(:last-child):not(.dropdown-toggle),
|
||||
> .btn-group:not(:last-child) > .btn {
|
||||
@include border-bottom-radius(0);
|
||||
}
|
||||
|
||||
> .btn ~ .btn,
|
||||
> .btn-group:not(:first-child) > .btn {
|
||||
@include border-top-radius(0);
|
||||
}
|
||||
}
|
||||
109
scss/bootstrap/_buttons.scss
Normal file
109
scss/bootstrap/_buttons.scss
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
//
|
||||
// Base styles
|
||||
//
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
font-family: $btn-font-family;
|
||||
font-weight: $btn-font-weight;
|
||||
line-height: $btn-line-height;
|
||||
color: $body-color;
|
||||
text-align: center;
|
||||
text-decoration: if($link-decoration == none, null, none);
|
||||
white-space: $btn-white-space;
|
||||
vertical-align: middle;
|
||||
cursor: if($enable-button-pointers, pointer, null);
|
||||
user-select: none;
|
||||
background-color: transparent;
|
||||
border: $btn-border-width solid transparent;
|
||||
@include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius);
|
||||
@include transition($btn-transition);
|
||||
|
||||
&:hover {
|
||||
color: $body-color;
|
||||
text-decoration: if($link-hover-decoration == underline, none, null);
|
||||
}
|
||||
|
||||
.btn-check:focus + &,
|
||||
&:focus {
|
||||
outline: 0;
|
||||
box-shadow: $btn-focus-box-shadow;
|
||||
}
|
||||
|
||||
.btn-check:checked + &,
|
||||
.btn-check:active + &,
|
||||
&:active,
|
||||
&.active {
|
||||
@include box-shadow($btn-active-box-shadow);
|
||||
|
||||
&:focus {
|
||||
@include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
|
||||
}
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled,
|
||||
fieldset:disabled & {
|
||||
pointer-events: none;
|
||||
opacity: $btn-disabled-opacity;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Alternate buttons
|
||||
//
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.btn-#{$color} {
|
||||
@include button-variant($value, $value);
|
||||
}
|
||||
}
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.btn-outline-#{$color} {
|
||||
@include button-outline-variant($value);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Link buttons
|
||||
//
|
||||
|
||||
// Make a button look and behave like a link
|
||||
.btn-link {
|
||||
font-weight: $font-weight-normal;
|
||||
color: $btn-link-color;
|
||||
text-decoration: $link-decoration;
|
||||
|
||||
&:hover {
|
||||
color: $btn-link-hover-color;
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
color: $btn-link-disabled-color;
|
||||
}
|
||||
|
||||
// No need for an active state here
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Button Sizes
|
||||
//
|
||||
|
||||
.btn-lg {
|
||||
@include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-border-radius-lg);
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
@include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm);
|
||||
}
|
||||
215
scss/bootstrap/_card.scss
Normal file
215
scss/bootstrap/_card.scss
Normal file
|
|
@ -0,0 +1,215 @@
|
|||
//
|
||||
// Base styles
|
||||
//
|
||||
|
||||
.card {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
|
||||
height: $card-height;
|
||||
word-wrap: break-word;
|
||||
background-color: $card-bg;
|
||||
background-clip: border-box;
|
||||
border: $card-border-width solid $card-border-color;
|
||||
@include border-radius($card-border-radius);
|
||||
|
||||
> hr {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
> .list-group {
|
||||
border-top: inherit;
|
||||
border-bottom: inherit;
|
||||
|
||||
&:first-child {
|
||||
border-top-width: 0;
|
||||
@include border-top-radius($card-inner-border-radius);
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom-width: 0;
|
||||
@include border-bottom-radius($card-inner-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
// Due to specificity of the above selector (`.card > .list-group`), we must
|
||||
// use a child selector here to prevent double borders.
|
||||
> .card-header + .list-group,
|
||||
> .list-group + .card-footer {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.card-body {
|
||||
// Enable `flex-grow: 1` for decks and groups so that card blocks take up
|
||||
// as much space as possible, ensuring footers are aligned to the bottom.
|
||||
flex: 1 1 auto;
|
||||
padding: $card-spacer-y $card-spacer-x;
|
||||
color: $card-color;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
margin-bottom: $card-title-spacer-y;
|
||||
}
|
||||
|
||||
.card-subtitle {
|
||||
margin-top: -$card-title-spacer-y / 2;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.card-text:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.card-link {
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
+ .card-link {
|
||||
margin-left: $card-spacer-x #{"/* rtl:ignore */"};
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Optional textual caps
|
||||
//
|
||||
|
||||
.card-header {
|
||||
padding: $card-cap-padding-y $card-cap-padding-x;
|
||||
margin-bottom: 0; // Removes the default margin-bottom of <hN>
|
||||
color: $card-cap-color;
|
||||
background-color: $card-cap-bg;
|
||||
border-bottom: $card-border-width solid $card-border-color;
|
||||
|
||||
&:first-child {
|
||||
@include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
|
||||
}
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
padding: $card-cap-padding-y $card-cap-padding-x;
|
||||
color: $card-cap-color;
|
||||
background-color: $card-cap-bg;
|
||||
border-top: $card-border-width solid $card-border-color;
|
||||
|
||||
&:last-child {
|
||||
@include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Header navs
|
||||
//
|
||||
|
||||
.card-header-tabs {
|
||||
margin-right: -$card-cap-padding-x / 2;
|
||||
margin-bottom: -$card-cap-padding-y;
|
||||
margin-left: -$card-cap-padding-x / 2;
|
||||
border-bottom: 0;
|
||||
|
||||
@if $nav-tabs-link-active-bg != $card-bg {
|
||||
.nav-link.active {
|
||||
background-color: $card-bg;
|
||||
border-bottom-color: $card-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card-header-pills {
|
||||
margin-right: -$card-cap-padding-x / 2;
|
||||
margin-left: -$card-cap-padding-x / 2;
|
||||
}
|
||||
|
||||
// Card image
|
||||
.card-img-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: $card-img-overlay-padding;
|
||||
@include border-radius($card-inner-border-radius);
|
||||
}
|
||||
|
||||
.card-img,
|
||||
.card-img-top,
|
||||
.card-img-bottom {
|
||||
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
|
||||
}
|
||||
|
||||
.card-img,
|
||||
.card-img-top {
|
||||
@include border-top-radius($card-inner-border-radius);
|
||||
}
|
||||
|
||||
.card-img,
|
||||
.card-img-bottom {
|
||||
@include border-bottom-radius($card-inner-border-radius);
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Card groups
|
||||
//
|
||||
|
||||
.card-group {
|
||||
// The child selector allows nested `.card` within `.card-group`
|
||||
// to display properly.
|
||||
> .card {
|
||||
margin-bottom: $card-group-margin;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(sm) {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
// The child selector allows nested `.card` within `.card-group`
|
||||
// to display properly.
|
||||
> .card {
|
||||
// Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
|
||||
flex: 1 0 0%;
|
||||
margin-bottom: 0;
|
||||
|
||||
+ .card {
|
||||
margin-left: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
// Handle rounded corners
|
||||
@if $enable-rounded {
|
||||
&:not(:last-child) {
|
||||
@include border-end-radius(0);
|
||||
|
||||
.card-img-top,
|
||||
.card-header {
|
||||
// stylelint-disable-next-line property-disallowed-list
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.card-img-bottom,
|
||||
.card-footer {
|
||||
// stylelint-disable-next-line property-disallowed-list
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
@include border-start-radius(0);
|
||||
|
||||
.card-img-top,
|
||||
.card-header {
|
||||
// stylelint-disable-next-line property-disallowed-list
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
.card-img-bottom,
|
||||
.card-footer {
|
||||
// stylelint-disable-next-line property-disallowed-list
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
223
scss/bootstrap/_carousel.scss
Normal file
223
scss/bootstrap/_carousel.scss
Normal file
|
|
@ -0,0 +1,223 @@
|
|||
// Notes on the classes:
|
||||
//
|
||||
// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
|
||||
// even when their scroll action started on a carousel, but for compatibility (with Firefox)
|
||||
// we're preventing all actions instead
|
||||
// 2. The .carousel-item-start and .carousel-item-end is used to indicate where
|
||||
// the active slide is heading.
|
||||
// 3. .active.carousel-item is the current slide.
|
||||
// 4. .active.carousel-item-start and .active.carousel-item-end is the current
|
||||
// slide in its in-transition state. Only one of these occurs at a time.
|
||||
// 5. .carousel-item-next.carousel-item-start and .carousel-item-prev.carousel-item-end
|
||||
// is the upcoming slide in transition.
|
||||
|
||||
.carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.carousel.pointer-event {
|
||||
touch-action: pan-y;
|
||||
}
|
||||
|
||||
.carousel-inner {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
@include clearfix();
|
||||
}
|
||||
|
||||
.carousel-item {
|
||||
position: relative;
|
||||
display: none;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-right: -100%;
|
||||
backface-visibility: hidden;
|
||||
@include transition($carousel-transition);
|
||||
}
|
||||
|
||||
.carousel-item.active,
|
||||
.carousel-item-next,
|
||||
.carousel-item-prev {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* rtl:begin:ignore */
|
||||
.carousel-item-next:not(.carousel-item-start),
|
||||
.active.carousel-item-end {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
.carousel-item-prev:not(.carousel-item-end),
|
||||
.active.carousel-item-start {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
/* rtl:end:ignore */
|
||||
|
||||
|
||||
//
|
||||
// Alternate transitions
|
||||
//
|
||||
|
||||
.carousel-fade {
|
||||
.carousel-item {
|
||||
opacity: 0;
|
||||
transition-property: opacity;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.carousel-item.active,
|
||||
.carousel-item-next.carousel-item-start,
|
||||
.carousel-item-prev.carousel-item-end {
|
||||
z-index: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.active.carousel-item-start,
|
||||
.active.carousel-item-end {
|
||||
z-index: 0;
|
||||
opacity: 0;
|
||||
@include transition(opacity 0s $carousel-transition-duration);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Left/right controls for nav
|
||||
//
|
||||
|
||||
.carousel-control-prev,
|
||||
.carousel-control-next {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
// Use flex for alignment (1-3)
|
||||
display: flex; // 1. allow flex styles
|
||||
align-items: center; // 2. vertically center contents
|
||||
justify-content: center; // 3. horizontally center contents
|
||||
width: $carousel-control-width;
|
||||
color: $carousel-control-color;
|
||||
text-align: center;
|
||||
opacity: $carousel-control-opacity;
|
||||
@include transition($carousel-control-transition);
|
||||
|
||||
// Hover/focus state
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $carousel-control-color;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
opacity: $carousel-control-hover-opacity;
|
||||
}
|
||||
}
|
||||
.carousel-control-prev {
|
||||
left: 0;
|
||||
background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);
|
||||
}
|
||||
.carousel-control-next {
|
||||
right: 0;
|
||||
background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);
|
||||
}
|
||||
|
||||
// Icons for within
|
||||
.carousel-control-prev-icon,
|
||||
.carousel-control-next-icon {
|
||||
display: inline-block;
|
||||
width: $carousel-control-icon-width;
|
||||
height: $carousel-control-icon-width;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50%;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
/* rtl:options: {
|
||||
"autoRename": true,
|
||||
"stringMap":[ {
|
||||
"name" : "prev-next",
|
||||
"search" : "prev",
|
||||
"replace" : "next"
|
||||
} ]
|
||||
} */
|
||||
.carousel-control-prev-icon {
|
||||
background-image: escape-svg($carousel-control-prev-icon-bg);
|
||||
}
|
||||
.carousel-control-next-icon {
|
||||
background-image: escape-svg($carousel-control-next-icon-bg);
|
||||
}
|
||||
|
||||
// Optional indicator pips
|
||||
//
|
||||
// Add an ordered list with the following class and add a list item for each
|
||||
// slide your carousel holds.
|
||||
|
||||
.carousel-indicators {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-left: 0; // override <ol> default
|
||||
// Use the .carousel-control's width as margin so we don't overlay those
|
||||
margin-right: $carousel-control-width;
|
||||
margin-left: $carousel-control-width;
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
box-sizing: content-box;
|
||||
flex: 0 1 auto;
|
||||
width: $carousel-indicator-width;
|
||||
height: $carousel-indicator-height;
|
||||
margin-right: $carousel-indicator-spacer;
|
||||
margin-left: $carousel-indicator-spacer;
|
||||
text-indent: -999px;
|
||||
cursor: pointer;
|
||||
background-color: $carousel-indicator-active-bg;
|
||||
background-clip: padding-box;
|
||||
// Use transparent borders to increase the hit area by 10px on top and bottom.
|
||||
border-top: $carousel-indicator-hit-area-height solid transparent;
|
||||
border-bottom: $carousel-indicator-hit-area-height solid transparent;
|
||||
opacity: $carousel-indicator-opacity;
|
||||
@include transition($carousel-indicator-transition);
|
||||
}
|
||||
|
||||
.active {
|
||||
opacity: $carousel-indicator-active-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Optional captions
|
||||
//
|
||||
//
|
||||
|
||||
.carousel-caption {
|
||||
position: absolute;
|
||||
right: (100% - $carousel-caption-width) / 2;
|
||||
bottom: $carousel-caption-spacer;
|
||||
left: (100% - $carousel-caption-width) / 2;
|
||||
padding-top: $carousel-caption-padding-y;
|
||||
padding-bottom: $carousel-caption-padding-y;
|
||||
color: $carousel-caption-color;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Dark mode carousel
|
||||
|
||||
.carousel-dark {
|
||||
.carousel-control-prev-icon,
|
||||
.carousel-control-next-icon {
|
||||
filter: $carousel-dark-control-icon-filter;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
background-color: $carousel-dark-indicator-active-bg;
|
||||
}
|
||||
|
||||
.carousel-caption {
|
||||
color: $carousel-dark-caption-color;
|
||||
}
|
||||
}
|
||||
40
scss/bootstrap/_close.scss
Normal file
40
scss/bootstrap/_close.scss
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
// transparent background and border properties included for button version.
|
||||
// iOS requires the button element instead of an anchor tag.
|
||||
// If you want the anchor version, it requires `href="#"`.
|
||||
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
|
||||
|
||||
.btn-close {
|
||||
box-sizing: content-box;
|
||||
width: $btn-close-width;
|
||||
height: $btn-close-height;
|
||||
padding: $btn-close-padding-y $btn-close-padding-x;
|
||||
color: $btn-close-color;
|
||||
background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
|
||||
border: 0; // for button elements
|
||||
@include border-radius();
|
||||
opacity: $btn-close-opacity;
|
||||
|
||||
// Override <a>'s hover style
|
||||
&:hover {
|
||||
color: $btn-close-color;
|
||||
text-decoration: none;
|
||||
opacity: $btn-close-hover-opacity;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
box-shadow: $btn-close-focus-shadow;
|
||||
opacity: $btn-close-focus-opacity;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
opacity: $btn-close-disabled-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-close-white {
|
||||
filter: $btn-close-white-filter;
|
||||
}
|
||||
41
scss/bootstrap/_containers.scss
Normal file
41
scss/bootstrap/_containers.scss
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
// Container widths
|
||||
//
|
||||
// Set the container width, and override it for fixed navbars in media queries.
|
||||
|
||||
@if $enable-grid-classes {
|
||||
// Single container class with breakpoint max-widths
|
||||
.container,
|
||||
// 100% wide container at all breakpoints
|
||||
.container-fluid {
|
||||
@include make-container();
|
||||
}
|
||||
|
||||
// Responsive containers that are 100% wide until a breakpoint
|
||||
@each $breakpoint, $container-max-width in $container-max-widths {
|
||||
.container-#{$breakpoint} {
|
||||
@extend .container-fluid;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up($breakpoint, $grid-breakpoints) {
|
||||
%responsive-container-#{$breakpoint} {
|
||||
max-width: $container-max-width;
|
||||
}
|
||||
|
||||
// Extend each breakpoint which is smaller or equal to the current breakpoint
|
||||
$extend-breakpoint: true;
|
||||
|
||||
@each $name, $width in $grid-breakpoints {
|
||||
@if ($extend-breakpoint) {
|
||||
.container#{breakpoint-infix($name, $grid-breakpoints)} {
|
||||
@extend %responsive-container-#{$breakpoint};
|
||||
}
|
||||
|
||||
// Once the current breakpoint is reached, stop extending
|
||||
@if ($breakpoint == $name) {
|
||||
$extend-breakpoint: false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
235
scss/bootstrap/_dropdown.scss
Normal file
235
scss/bootstrap/_dropdown.scss
Normal file
|
|
@ -0,0 +1,235 @@
|
|||
// The dropdown wrapper (`<div>`)
|
||||
.dropup,
|
||||
.dropend,
|
||||
.dropdown,
|
||||
.dropstart {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-toggle {
|
||||
white-space: nowrap;
|
||||
|
||||
// Generate the caret automatically
|
||||
@include caret();
|
||||
}
|
||||
|
||||
// The dropdown menu
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: $zindex-dropdown;
|
||||
display: none; // none by default, but block on "open" of the menu
|
||||
min-width: $dropdown-min-width;
|
||||
padding: $dropdown-padding-y $dropdown-padding-x;
|
||||
margin: $dropdown-spacer 0 0; // override default ul
|
||||
@include font-size($dropdown-font-size);
|
||||
color: $dropdown-color;
|
||||
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
|
||||
list-style: none;
|
||||
background-color: $dropdown-bg;
|
||||
background-clip: padding-box;
|
||||
border: $dropdown-border-width solid $dropdown-border-color;
|
||||
@include border-radius($dropdown-border-radius);
|
||||
@include box-shadow($dropdown-box-shadow);
|
||||
|
||||
// Reset positioning when positioned with Popper
|
||||
&[style] {
|
||||
right: auto !important; // stylelint-disable-line declaration-no-important
|
||||
}
|
||||
}
|
||||
|
||||
// scss-docs-start responsive-breakpoints
|
||||
// We deliberately hardcode the `bs-` prefix because we check
|
||||
// this custom property in JS to determine Popper's positioning
|
||||
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
||||
|
||||
.dropdown-menu#{$infix}-start {
|
||||
--bs-position: start;
|
||||
right: auto #{"/* rtl:ignore */"};
|
||||
left: 0 #{"/* rtl:ignore */"};
|
||||
}
|
||||
|
||||
.dropdown-menu#{$infix}-end {
|
||||
--bs-position: end;
|
||||
right: 0 #{"/* rtl:ignore */"};
|
||||
left: auto #{"/* rtl:ignore */"};
|
||||
}
|
||||
}
|
||||
}
|
||||
// scss-docs-end responsive-breakpoints
|
||||
|
||||
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
||||
// Just add .dropup after the standard .dropdown class and you're set.
|
||||
.dropup {
|
||||
.dropdown-menu {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
margin-top: 0;
|
||||
margin-bottom: $dropdown-spacer;
|
||||
}
|
||||
|
||||
.dropdown-toggle {
|
||||
@include caret(up);
|
||||
}
|
||||
}
|
||||
|
||||
.dropend {
|
||||
.dropdown-menu {
|
||||
top: 0;
|
||||
right: auto;
|
||||
left: 100%;
|
||||
margin-top: 0;
|
||||
margin-left: $dropdown-spacer;
|
||||
}
|
||||
|
||||
.dropdown-toggle {
|
||||
@include caret(end);
|
||||
&::after {
|
||||
vertical-align: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropstart {
|
||||
.dropdown-menu {
|
||||
top: 0;
|
||||
right: 100%;
|
||||
left: auto;
|
||||
margin-top: 0;
|
||||
margin-right: $dropdown-spacer;
|
||||
}
|
||||
|
||||
.dropdown-toggle {
|
||||
@include caret(start);
|
||||
&::before {
|
||||
vertical-align: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Dividers (basically an `<hr>`) within the dropdown
|
||||
.dropdown-divider {
|
||||
height: 0;
|
||||
margin: $dropdown-divider-margin-y 0;
|
||||
overflow: hidden;
|
||||
border-top: 1px solid $dropdown-divider-bg;
|
||||
}
|
||||
|
||||
// Links, buttons, and more within the dropdown menu
|
||||
//
|
||||
// `<button>`-specific styles are denoted with `// For <button>s`
|
||||
.dropdown-item {
|
||||
display: block;
|
||||
width: 100%; // For `<button>`s
|
||||
padding: $dropdown-item-padding-y $dropdown-item-padding-x;
|
||||
clear: both;
|
||||
font-weight: $font-weight-normal;
|
||||
color: $dropdown-link-color;
|
||||
text-align: inherit; // For `<button>`s
|
||||
text-decoration: if($link-decoration == none, null, none);
|
||||
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
||||
background-color: transparent; // For `<button>`s
|
||||
border: 0; // For `<button>`s
|
||||
|
||||
// Prevent dropdown overflow if there's no padding
|
||||
// See https://github.com/twbs/bootstrap/pull/27703
|
||||
@if $dropdown-padding-y == 0 {
|
||||
&:first-child {
|
||||
@include border-top-radius($dropdown-inner-border-radius);
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
@include border-bottom-radius($dropdown-inner-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $dropdown-link-hover-color;
|
||||
text-decoration: if($link-hover-decoration == underline, none, null);
|
||||
@include gradient-bg($dropdown-link-hover-bg);
|
||||
}
|
||||
|
||||
&.active,
|
||||
&:active {
|
||||
color: $dropdown-link-active-color;
|
||||
text-decoration: none;
|
||||
@include gradient-bg($dropdown-link-active-bg);
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&:disabled {
|
||||
color: $dropdown-link-disabled-color;
|
||||
pointer-events: none;
|
||||
background-color: transparent;
|
||||
// Remove CSS gradients if they're enabled
|
||||
background-image: if($enable-gradients, none, null);
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Dropdown section headers
|
||||
.dropdown-header {
|
||||
display: block;
|
||||
padding: $dropdown-header-padding;
|
||||
margin-bottom: 0; // for use with heading elements
|
||||
@include font-size($font-size-sm);
|
||||
color: $dropdown-header-color;
|
||||
white-space: nowrap; // as with > li > a
|
||||
}
|
||||
|
||||
// Dropdown text
|
||||
.dropdown-item-text {
|
||||
display: block;
|
||||
padding: $dropdown-item-padding-y $dropdown-item-padding-x;
|
||||
color: $dropdown-link-color;
|
||||
}
|
||||
|
||||
// Dark dropdowns
|
||||
.dropdown-menu-dark {
|
||||
color: $dropdown-dark-color;
|
||||
background-color: $dropdown-dark-bg;
|
||||
border-color: $dropdown-dark-border-color;
|
||||
@include box-shadow($dropdown-dark-box-shadow);
|
||||
|
||||
.dropdown-item {
|
||||
color: $dropdown-dark-link-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $dropdown-dark-link-hover-color;
|
||||
@include gradient-bg($dropdown-dark-link-hover-bg);
|
||||
}
|
||||
|
||||
&.active,
|
||||
&:active {
|
||||
color: $dropdown-dark-link-active-color;
|
||||
@include gradient-bg($dropdown-dark-link-active-bg);
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&:disabled {
|
||||
color: $dropdown-dark-link-disabled-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-divider {
|
||||
border-color: $dropdown-dark-divider-bg;
|
||||
}
|
||||
|
||||
.dropdown-item-text {
|
||||
color: $dropdown-dark-link-color;
|
||||
}
|
||||
|
||||
.dropdown-header {
|
||||
color: $dropdown-dark-header-color;
|
||||
}
|
||||
}
|
||||
9
scss/bootstrap/_forms.scss
Normal file
9
scss/bootstrap/_forms.scss
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
@import "forms/labels";
|
||||
@import "forms/form-text";
|
||||
@import "forms/form-control";
|
||||
@import "forms/form-select";
|
||||
@import "forms/form-check";
|
||||
@import "forms/form-range";
|
||||
@import "forms/floating-labels";
|
||||
@import "forms/input-group";
|
||||
@import "forms/validation";
|
||||
205
scss/bootstrap/_functions.scss
Normal file
205
scss/bootstrap/_functions.scss
Normal file
|
|
@ -0,0 +1,205 @@
|
|||
// Bootstrap functions
|
||||
//
|
||||
// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
|
||||
|
||||
// Ascending
|
||||
// Used to evaluate Sass maps like our grid breakpoints.
|
||||
@mixin _assert-ascending($map, $map-name) {
|
||||
$prev-key: null;
|
||||
$prev-num: null;
|
||||
@each $key, $num in $map {
|
||||
@if $prev-num == null or unit($num) == "%" or unit($prev-num) == "%" {
|
||||
// Do nothing
|
||||
} @else if not comparable($prev-num, $num) {
|
||||
@warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
||||
} @else if $prev-num >= $num {
|
||||
@warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
||||
}
|
||||
$prev-key: $key;
|
||||
$prev-num: $num;
|
||||
}
|
||||
}
|
||||
|
||||
// Starts at zero
|
||||
// Used to ensure the min-width of the lowest breakpoint starts at 0.
|
||||
@mixin _assert-starts-at-zero($map, $map-name: "$grid-breakpoints") {
|
||||
@if length($map) > 0 {
|
||||
$values: map-values($map);
|
||||
$first-value: nth($values, 1);
|
||||
@if $first-value != 0 {
|
||||
@warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Internal Bootstrap function to turn maps into its negative variant.
|
||||
// It prefixes the keys with `n` and makes the value negative.
|
||||
@function negativify-map($map) {
|
||||
$result: ();
|
||||
@each $key, $value in $map {
|
||||
@if $key != 0 {
|
||||
$result: map-merge($result, ("n" + $key: (-$value)));
|
||||
}
|
||||
}
|
||||
@return $result;
|
||||
}
|
||||
|
||||
// Get multiple keys from a sass map
|
||||
@function map-get-multiple($map, $values) {
|
||||
$result: ();
|
||||
@each $key, $value in $map {
|
||||
@if (index($values, $key) != null) {
|
||||
$result: map-merge($result, ($key: $value));
|
||||
}
|
||||
}
|
||||
@return $result;
|
||||
}
|
||||
|
||||
// Replace `$search` with `$replace` in `$string`
|
||||
// Used on our SVG icon backgrounds for custom forms.
|
||||
//
|
||||
// @author Hugo Giraudel
|
||||
// @param {String} $string - Initial string
|
||||
// @param {String} $search - Substring to replace
|
||||
// @param {String} $replace ('') - New value
|
||||
// @return {String} - Updated string
|
||||
@function str-replace($string, $search, $replace: "") {
|
||||
$index: str-index($string, $search);
|
||||
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
||||
}
|
||||
|
||||
@return $string;
|
||||
}
|
||||
|
||||
// See https://codepen.io/kevinweber/pen/dXWoRw
|
||||
//
|
||||
// Requires the use of quotes around data URIs.
|
||||
|
||||
@function escape-svg($string) {
|
||||
@if str-index($string, "data:image/svg+xml") {
|
||||
@each $char, $encoded in $escaped-characters {
|
||||
// Do not escape the url brackets
|
||||
@if str-index($string, "url(") == 1 {
|
||||
$string: url("#{str-replace(str-slice($string, 6, -3), $char, $encoded)}");
|
||||
} @else {
|
||||
$string: str-replace($string, $char, $encoded);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@return $string;
|
||||
}
|
||||
|
||||
// Color contrast
|
||||
// See https://github.com/twbs/bootstrap/pull/30168
|
||||
|
||||
// A list of pre-calculated numbers of pow(($value / 255 + .055) / 1.055, 2.4). (from 0 to 255)
|
||||
// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern
|
||||
$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0123 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;
|
||||
|
||||
@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {
|
||||
$foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;
|
||||
$max-ratio: 0;
|
||||
$max-ratio-color: null;
|
||||
|
||||
@each $color in $foregrounds {
|
||||
$contrast-ratio: contrast-ratio($background, $color);
|
||||
@if $contrast-ratio > $min-contrast-ratio {
|
||||
@return $color;
|
||||
} @else if $contrast-ratio > $max-ratio {
|
||||
$max-ratio: $contrast-ratio;
|
||||
$max-ratio-color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
@warn "Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...";
|
||||
|
||||
@return $max-ratio-color;
|
||||
}
|
||||
|
||||
@function contrast-ratio($background, $foreground: $color-contrast-light) {
|
||||
$l1: luminance($background);
|
||||
$l2: luminance(opaque($background, $foreground));
|
||||
|
||||
@return if($l1 > $l2, ($l1 + .05) / ($l2 + .05), ($l2 + .05) / ($l1 + .05));
|
||||
}
|
||||
|
||||
// Return WCAG2.0 relative luminance
|
||||
// See https://www.w3.org/WAI/GL/wiki/Relative_luminance
|
||||
// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
|
||||
@function luminance($color) {
|
||||
$rgb: (
|
||||
"r": red($color),
|
||||
"g": green($color),
|
||||
"b": blue($color)
|
||||
);
|
||||
|
||||
@each $name, $value in $rgb {
|
||||
$value: if($value / 255 < .03928, $value / 255 / 12.92, nth($_luminance-list, $value + 1));
|
||||
$rgb: map-merge($rgb, ($name: $value));
|
||||
}
|
||||
|
||||
@return (map-get($rgb, "r") * .2126) + (map-get($rgb, "g") * .7152) + (map-get($rgb, "b") * .0722);
|
||||
}
|
||||
|
||||
// Return opaque color
|
||||
// opaque(#fff, rgba(0, 0, 0, .5)) => #808080
|
||||
@function opaque($background, $foreground) {
|
||||
@return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);
|
||||
}
|
||||
|
||||
// scss-docs-start color-functions
|
||||
// Tint a color: mix a color with white
|
||||
@function tint-color($color, $weight) {
|
||||
@return mix(white, $color, $weight);
|
||||
}
|
||||
|
||||
// Shade a color: mix a color with black
|
||||
@function shade-color($color, $weight) {
|
||||
@return mix(black, $color, $weight);
|
||||
}
|
||||
|
||||
// Shade the color if the weight is positive, else tint it
|
||||
@function shift-color($color, $weight) {
|
||||
@return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));
|
||||
}
|
||||
// scss-docs-end color-functions
|
||||
|
||||
// Return valid calc
|
||||
@function add($value1, $value2, $return-calc: true) {
|
||||
@if $value1 == null {
|
||||
@return $value2;
|
||||
}
|
||||
|
||||
@if $value2 == null {
|
||||
@return $value1;
|
||||
}
|
||||
|
||||
@if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {
|
||||
@return $value1 + $value2;
|
||||
}
|
||||
|
||||
@return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(" + ") + $value2);
|
||||
}
|
||||
|
||||
@function subtract($value1, $value2, $return-calc: true) {
|
||||
@if $value1 == null and $value2 == null {
|
||||
@return null;
|
||||
}
|
||||
|
||||
@if $value1 == null {
|
||||
@return -$value2;
|
||||
}
|
||||
|
||||
@if $value2 == null {
|
||||
@return $value1;
|
||||
}
|
||||
|
||||
@if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {
|
||||
@return $value1 - $value2;
|
||||
}
|
||||
|
||||
@return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(" - ") + $value2);
|
||||
}
|
||||
22
scss/bootstrap/_grid.scss
Normal file
22
scss/bootstrap/_grid.scss
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
// Row
|
||||
//
|
||||
// Rows contain your columns.
|
||||
|
||||
@if $enable-grid-classes {
|
||||
.row {
|
||||
@include make-row();
|
||||
|
||||
> * {
|
||||
@include make-col-ready();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Columns
|
||||
//
|
||||
// Common styles for small and large grid columns
|
||||
|
||||
@if $enable-grid-classes {
|
||||
@include make-grid-columns();
|
||||
}
|
||||
7
scss/bootstrap/_helpers.scss
Normal file
7
scss/bootstrap/_helpers.scss
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
@import "helpers/clearfix";
|
||||
@import "helpers/colored-links";
|
||||
@import "helpers/ratio";
|
||||
@import "helpers/position";
|
||||
@import "helpers/visually-hidden";
|
||||
@import "helpers/stretched-link";
|
||||
@import "helpers/text-truncation";
|
||||
42
scss/bootstrap/_images.scss
Normal file
42
scss/bootstrap/_images.scss
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
// Responsive images (ensure images don't scale beyond their parents)
|
||||
//
|
||||
// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
|
||||
// We previously tried the "images are responsive by default" approach in Bootstrap v2,
|
||||
// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
|
||||
// which weren't expecting the images within themselves to be involuntarily resized.
|
||||
// See also https://github.com/twbs/bootstrap/issues/18178
|
||||
.img-fluid {
|
||||
@include img-fluid();
|
||||
}
|
||||
|
||||
|
||||
// Image thumbnails
|
||||
.img-thumbnail {
|
||||
padding: $thumbnail-padding;
|
||||
background-color: $thumbnail-bg;
|
||||
border: $thumbnail-border-width solid $thumbnail-border-color;
|
||||
@include border-radius($thumbnail-border-radius);
|
||||
@include box-shadow($thumbnail-box-shadow);
|
||||
|
||||
// Keep them at most 100% wide
|
||||
@include img-fluid();
|
||||
}
|
||||
|
||||
//
|
||||
// Figures
|
||||
//
|
||||
|
||||
.figure {
|
||||
// Ensures the caption's text aligns with the image.
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.figure-img {
|
||||
margin-bottom: $spacer / 2;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.figure-caption {
|
||||
@include font-size($figure-caption-font-size);
|
||||
color: $figure-caption-color;
|
||||
}
|
||||
163
scss/bootstrap/_list-group.scss
Normal file
163
scss/bootstrap/_list-group.scss
Normal file
|
|
@ -0,0 +1,163 @@
|
|||
// Base class
|
||||
//
|
||||
// Easily usable on <ul>, <ol>, or <div>.
|
||||
|
||||
.list-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
// No need to set list-style: none; since .list-group-item is block level
|
||||
padding-left: 0; // reset padding because ul and ol
|
||||
margin-bottom: 0;
|
||||
@include border-radius($list-group-border-radius);
|
||||
}
|
||||
|
||||
|
||||
// Interactive list items
|
||||
//
|
||||
// Use anchor or button elements instead of `li`s or `div`s to create interactive
|
||||
// list items. Includes an extra `.active` modifier class for selected items.
|
||||
|
||||
.list-group-item-action {
|
||||
width: 100%; // For `<button>`s (anchors become 100% by default though)
|
||||
color: $list-group-action-color;
|
||||
text-align: inherit; // For `<button>`s (anchors inherit)
|
||||
|
||||
// Hover state
|
||||
&:hover,
|
||||
&:focus {
|
||||
z-index: 1; // Place hover/focus items above their siblings for proper border styling
|
||||
color: $list-group-action-hover-color;
|
||||
text-decoration: none;
|
||||
background-color: $list-group-hover-bg;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $list-group-action-active-color;
|
||||
background-color: $list-group-action-active-bg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Individual list items
|
||||
//
|
||||
// Use on `li`s or `div`s within the `.list-group` parent.
|
||||
|
||||
.list-group-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: $list-group-item-padding-y $list-group-item-padding-x;
|
||||
color: $list-group-color;
|
||||
text-decoration: if($link-decoration == none, null, none);
|
||||
background-color: $list-group-bg;
|
||||
border: $list-group-border-width solid $list-group-border-color;
|
||||
|
||||
&:first-child {
|
||||
@include border-top-radius(inherit);
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
@include border-bottom-radius(inherit);
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&:disabled {
|
||||
color: $list-group-disabled-color;
|
||||
pointer-events: none;
|
||||
background-color: $list-group-disabled-bg;
|
||||
}
|
||||
|
||||
// Include both here for `<a>`s and `<button>`s
|
||||
&.active {
|
||||
z-index: 2; // Place active items above their siblings for proper border styling
|
||||
color: $list-group-active-color;
|
||||
background-color: $list-group-active-bg;
|
||||
border-color: $list-group-active-border-color;
|
||||
}
|
||||
|
||||
& + & {
|
||||
border-top-width: 0;
|
||||
|
||||
&.active {
|
||||
margin-top: -$list-group-border-width;
|
||||
border-top-width: $list-group-border-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Horizontal
|
||||
//
|
||||
// Change the layout of list group items from vertical (default) to horizontal.
|
||||
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
@include media-breakpoint-up($breakpoint) {
|
||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
||||
|
||||
.list-group-horizontal#{$infix} {
|
||||
flex-direction: row;
|
||||
|
||||
> .list-group-item {
|
||||
&:first-child {
|
||||
@include border-bottom-start-radius($list-group-border-radius);
|
||||
@include border-top-end-radius(0);
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
@include border-top-end-radius($list-group-border-radius);
|
||||
@include border-bottom-start-radius(0);
|
||||
}
|
||||
|
||||
&.active {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
+ .list-group-item {
|
||||
border-top-width: $list-group-border-width;
|
||||
border-left-width: 0;
|
||||
|
||||
&.active {
|
||||
margin-left: -$list-group-border-width;
|
||||
border-left-width: $list-group-border-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Flush list items
|
||||
//
|
||||
// Remove borders and border-radius to keep list group items edge-to-edge. Most
|
||||
// useful within other components (e.g., cards).
|
||||
|
||||
.list-group-flush {
|
||||
@include border-radius(0);
|
||||
|
||||
> .list-group-item {
|
||||
border-width: 0 0 $list-group-border-width;
|
||||
|
||||
&:last-child {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// scss-docs-start list-group-modifiers
|
||||
// List group contextual variants
|
||||
//
|
||||
// Add modifier classes to change text and background color on individual items.
|
||||
// Organizationally, this must come after the `:hover` states.
|
||||
|
||||
@each $state, $value in $theme-colors {
|
||||
$background: shift-color($value, $list-group-item-bg-scale);
|
||||
$color: shift-color($value, $list-group-item-color-scale);
|
||||
@if (contrast-ratio($background, $color) < $min-contrast-ratio) {
|
||||
$color: mix($value, color-contrast($background), abs($alert-color-scale));
|
||||
}
|
||||
|
||||
@include list-group-item-variant($state, $background, $color);
|
||||
}
|
||||
// scss-docs-end list-group-modifiers
|
||||
41
scss/bootstrap/_mixins.scss
Normal file
41
scss/bootstrap/_mixins.scss
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
// Toggles
|
||||
//
|
||||
// Used in conjunction with global variables to enable certain theme features.
|
||||
|
||||
// Vendor
|
||||
@import "vendor/rfs";
|
||||
|
||||
// Deprecate
|
||||
@import "mixins/deprecate";
|
||||
|
||||
// Helpers
|
||||
@import "mixins/breakpoints";
|
||||
@import "mixins/image";
|
||||
@import "mixins/resize";
|
||||
@import "mixins/visually-hidden";
|
||||
@import "mixins/reset-text";
|
||||
@import "mixins/text-truncate";
|
||||
|
||||
// Utilities
|
||||
@import "mixins/utilities";
|
||||
|
||||
// Components
|
||||
@import "mixins/alert";
|
||||
@import "mixins/buttons";
|
||||
@import "mixins/caret";
|
||||
@import "mixins/pagination";
|
||||
@import "mixins/lists";
|
||||
@import "mixins/list-group";
|
||||
@import "mixins/forms";
|
||||
@import "mixins/table-variants";
|
||||
|
||||
// Skins
|
||||
@import "mixins/border-radius";
|
||||
@import "mixins/box-shadow";
|
||||
@import "mixins/gradients";
|
||||
@import "mixins/transition";
|
||||
|
||||
// Layout
|
||||
@import "mixins/clearfix";
|
||||
@import "mixins/container";
|
||||
@import "mixins/grid";
|
||||
235
scss/bootstrap/_modal.scss
Normal file
235
scss/bootstrap/_modal.scss
Normal file
|
|
@ -0,0 +1,235 @@
|
|||
// .modal-open - body class for killing the scroll
|
||||
// .modal - container to scroll within
|
||||
// .modal-dialog - positioning shell for the actual modal
|
||||
// .modal-content - actual modal w/ bg and corners and stuff
|
||||
|
||||
|
||||
.modal-open {
|
||||
// Kill the scroll on the body
|
||||
overflow: hidden;
|
||||
|
||||
.modal {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Container that the modal scrolls within
|
||||
.modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: $zindex-modal;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
// Prevent Chrome on Windows from adding a focus outline. For details, see
|
||||
// https://github.com/twbs/bootstrap/pull/10951.
|
||||
outline: 0;
|
||||
// We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
|
||||
// gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
|
||||
// See also https://github.com/twbs/bootstrap/issues/17695
|
||||
}
|
||||
|
||||
// Shell div to position the modal with bottom padding
|
||||
.modal-dialog {
|
||||
position: relative;
|
||||
width: auto;
|
||||
margin: $modal-dialog-margin;
|
||||
// allow clicks to pass through for custom click handling to close modal
|
||||
pointer-events: none;
|
||||
|
||||
// When fading in the modal, animate it to slide down
|
||||
.modal.fade & {
|
||||
@include transition($modal-transition);
|
||||
transform: $modal-fade-transform;
|
||||
}
|
||||
.modal.show & {
|
||||
transform: $modal-show-transform;
|
||||
}
|
||||
|
||||
// When trying to close, animate focus to scale
|
||||
.modal.modal-static & {
|
||||
transform: $modal-scale-transform;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-dialog-scrollable {
|
||||
height: subtract(100%, $modal-dialog-margin * 2);
|
||||
|
||||
.modal-content {
|
||||
max-height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-dialog-centered {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: subtract(100%, $modal-dialog-margin * 2);
|
||||
}
|
||||
|
||||
// Actual modal
|
||||
.modal-content {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
|
||||
// counteract the pointer-events: none; in the .modal-dialog
|
||||
color: $modal-content-color;
|
||||
pointer-events: auto;
|
||||
background-color: $modal-content-bg;
|
||||
background-clip: padding-box;
|
||||
border: $modal-content-border-width solid $modal-content-border-color;
|
||||
@include border-radius($modal-content-border-radius);
|
||||
@include box-shadow($modal-content-box-shadow-xs);
|
||||
// Remove focus outline from opened modal
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
// Modal background
|
||||
.modal-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: $zindex-modal-backdrop;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: $modal-backdrop-bg;
|
||||
|
||||
// Fade for backdrop
|
||||
&.fade { opacity: 0; }
|
||||
&.show { opacity: $modal-backdrop-opacity; }
|
||||
}
|
||||
|
||||
// Modal header
|
||||
// Top section of the modal w/ title and dismiss
|
||||
.modal-header {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
|
||||
padding: $modal-header-padding;
|
||||
border-bottom: $modal-header-border-width solid $modal-header-border-color;
|
||||
@include border-top-radius($modal-content-inner-border-radius);
|
||||
|
||||
.btn-close {
|
||||
padding: ($modal-header-padding-y / 2) ($modal-header-padding-x / 2);
|
||||
margin: ($modal-header-padding-y / -2) ($modal-header-padding-x / -2) ($modal-header-padding-y / -2) auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Title text within header
|
||||
.modal-title {
|
||||
margin-bottom: 0;
|
||||
line-height: $modal-title-line-height;
|
||||
}
|
||||
|
||||
// Modal body
|
||||
// Where all modal content resides (sibling of .modal-header and .modal-footer)
|
||||
.modal-body {
|
||||
position: relative;
|
||||
// Enable `flex-grow: 1` so that the body take up as much space as possible
|
||||
// when there should be a fixed height on `.modal-dialog`.
|
||||
flex: 1 1 auto;
|
||||
padding: $modal-inner-padding;
|
||||
}
|
||||
|
||||
// Footer (for actions)
|
||||
.modal-footer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-shrink: 0;
|
||||
align-items: center; // vertically center
|
||||
justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
|
||||
padding: $modal-inner-padding - $modal-footer-margin-between / 2;
|
||||
border-top: $modal-footer-border-width solid $modal-footer-border-color;
|
||||
@include border-bottom-radius($modal-content-inner-border-radius);
|
||||
|
||||
// Place margin between footer elements
|
||||
// This solution is far from ideal because of the universal selector usage,
|
||||
// but is needed to fix https://github.com/twbs/bootstrap/issues/24800
|
||||
> * {
|
||||
margin: $modal-footer-margin-between / 2;
|
||||
}
|
||||
}
|
||||
|
||||
// Measure scrollbar width for padding body during modal show/hide
|
||||
.modal-scrollbar-measure {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
// Scale up the modal
|
||||
@include media-breakpoint-up(sm) {
|
||||
// Automatically set modal's width for larger viewports
|
||||
.modal-dialog {
|
||||
max-width: $modal-md;
|
||||
margin: $modal-dialog-margin-y-sm-up auto;
|
||||
}
|
||||
|
||||
.modal-dialog-scrollable {
|
||||
height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);
|
||||
}
|
||||
|
||||
.modal-dialog-centered {
|
||||
min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
@include box-shadow($modal-content-box-shadow-sm-up);
|
||||
}
|
||||
|
||||
.modal-sm { max-width: $modal-sm; }
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
.modal-lg,
|
||||
.modal-xl {
|
||||
max-width: $modal-lg;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
.modal-xl { max-width: $modal-xl; }
|
||||
}
|
||||
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
||||
$postfix: if($infix != "", $infix + "-down", "");
|
||||
|
||||
@include media-breakpoint-down($breakpoint) {
|
||||
.modal-fullscreen#{$postfix} {
|
||||
width: 100vw;
|
||||
max-width: none;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
|
||||
.modal-content {
|
||||
height: 100%;
|
||||
border: 0;
|
||||
@include border-radius(0);
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
@include border-radius(0);
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
127
scss/bootstrap/_nav.scss
Normal file
127
scss/bootstrap/_nav.scss
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
// Base class
|
||||
//
|
||||
// Kickstart any navigation component with a set of style resets. Works with
|
||||
// `<nav>`s, `<ul>`s or `<ol>`s.
|
||||
|
||||
.nav {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-left: 0;
|
||||
margin-bottom: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
display: block;
|
||||
padding: $nav-link-padding-y $nav-link-padding-x;
|
||||
@include font-size($nav-link-font-size);
|
||||
font-weight: $nav-link-font-weight;
|
||||
color: $nav-link-color;
|
||||
text-decoration: if($link-decoration == none, null, none);
|
||||
@include transition($nav-link-transition);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $nav-link-hover-color;
|
||||
text-decoration: if($link-hover-decoration == underline, none, null);
|
||||
}
|
||||
|
||||
// Disabled state lightens text
|
||||
&.disabled {
|
||||
color: $nav-link-disabled-color;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Tabs
|
||||
//
|
||||
|
||||
.nav-tabs {
|
||||
border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
|
||||
|
||||
.nav-link {
|
||||
margin-bottom: -$nav-tabs-border-width;
|
||||
border: $nav-tabs-border-width solid transparent;
|
||||
@include border-top-radius($nav-tabs-border-radius);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $nav-tabs-link-hover-border-color;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: $nav-link-disabled-color;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link.active,
|
||||
.nav-item.show .nav-link {
|
||||
color: $nav-tabs-link-active-color;
|
||||
background-color: $nav-tabs-link-active-bg;
|
||||
border-color: $nav-tabs-link-active-border-color;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
// Make dropdown border overlap tab border
|
||||
margin-top: -$nav-tabs-border-width;
|
||||
// Remove the top rounded corners here since there is a hard edge above the menu
|
||||
@include border-top-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Pills
|
||||
//
|
||||
|
||||
.nav-pills {
|
||||
.nav-link {
|
||||
@include border-radius($nav-pills-border-radius);
|
||||
}
|
||||
|
||||
.nav-link.active,
|
||||
.show > .nav-link {
|
||||
color: $nav-pills-link-active-color;
|
||||
@include gradient-bg($nav-pills-link-active-bg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Justified variants
|
||||
//
|
||||
|
||||
.nav-fill {
|
||||
> .nav-link,
|
||||
.nav-item {
|
||||
flex: 1 1 auto;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-justified {
|
||||
> .nav-link,
|
||||
.nav-item {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Tabbable tabs
|
||||
//
|
||||
// Hide tabbable panes to start, show them when `.active`
|
||||
|
||||
.tab-content {
|
||||
> .tab-pane {
|
||||
display: none;
|
||||
}
|
||||
> .active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
293
scss/bootstrap/_navbar.scss
Normal file
293
scss/bootstrap/_navbar.scss
Normal file
|
|
@ -0,0 +1,293 @@
|
|||
// Contents
|
||||
//
|
||||
// Navbar
|
||||
// Navbar brand
|
||||
// Navbar nav
|
||||
// Navbar text
|
||||
// Responsive navbar
|
||||
// Navbar position
|
||||
// Navbar themes
|
||||
|
||||
|
||||
// Navbar
|
||||
//
|
||||
// Provide a static navbar from which we expand to create full-width, fixed, and
|
||||
// other navbar variations.
|
||||
|
||||
.navbar {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap; // allow us to do the line break for collapsing content
|
||||
align-items: center;
|
||||
justify-content: space-between; // space out brand from logo
|
||||
padding-top: $navbar-padding-y;
|
||||
padding-right: $navbar-padding-x; // default: null
|
||||
padding-bottom: $navbar-padding-y;
|
||||
padding-left: $navbar-padding-x; // default: null
|
||||
@include gradient-bg();
|
||||
|
||||
// Because flex properties aren't inherited, we need to redeclare these first
|
||||
// few properties so that content nested within behave properly.
|
||||
// The `flex-wrap` property is inherited to simplify the expanded navbars
|
||||
%container-flex-properties {
|
||||
display: flex;
|
||||
flex-wrap: inherit;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
> .container,
|
||||
> .container-fluid {
|
||||
@extend %container-flex-properties;
|
||||
}
|
||||
|
||||
@each $breakpoint, $container-max-width in $container-max-widths {
|
||||
> .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
|
||||
@extend %container-flex-properties;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Navbar brand
|
||||
//
|
||||
// Used for brand, project, or site names.
|
||||
|
||||
.navbar-brand {
|
||||
padding-top: $navbar-brand-padding-y;
|
||||
padding-bottom: $navbar-brand-padding-y;
|
||||
margin-right: $navbar-brand-margin-end;
|
||||
@include font-size($navbar-brand-font-size);
|
||||
text-decoration: if($link-decoration == none, null, none);
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: if($link-hover-decoration == underline, none, null);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Navbar nav
|
||||
//
|
||||
// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
|
||||
|
||||
.navbar-nav {
|
||||
display: flex;
|
||||
flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
|
||||
padding-left: 0;
|
||||
margin-bottom: 0;
|
||||
list-style: none;
|
||||
|
||||
.nav-link {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Navbar text
|
||||
//
|
||||
//
|
||||
|
||||
.navbar-text {
|
||||
padding-top: $nav-link-padding-y;
|
||||
padding-bottom: $nav-link-padding-y;
|
||||
}
|
||||
|
||||
|
||||
// Responsive navbar
|
||||
//
|
||||
// Custom styles for responsive collapsing and toggling of navbar contents.
|
||||
// Powered by the collapse Bootstrap JavaScript plugin.
|
||||
|
||||
// When collapsed, prevent the toggleable navbar contents from appearing in
|
||||
// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
|
||||
// on the `.navbar` parent.
|
||||
.navbar-collapse {
|
||||
// For always expanded or extra full navbars, ensure content aligns itself
|
||||
// properly vertically. Can be easily overridden with flex utilities.
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// Button for toggling the navbar when in its collapsed state
|
||||
.navbar-toggler {
|
||||
padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
|
||||
@include font-size($navbar-toggler-font-size);
|
||||
line-height: 1;
|
||||
background-color: transparent; // remove default button style
|
||||
border: $border-width solid transparent; // remove default button style
|
||||
@include border-radius($navbar-toggler-border-radius);
|
||||
@include transition($navbar-toggler-transition);
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 $navbar-toggler-focus-width;
|
||||
}
|
||||
}
|
||||
|
||||
// Keep as a separate element so folks can easily override it with another icon
|
||||
// or image file as needed.
|
||||
.navbar-toggler-icon {
|
||||
display: inline-block;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
vertical-align: middle;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
// Generate series of `.navbar-expand-*` responsive classes for configuring
|
||||
// where your navbar collapses.
|
||||
.navbar-expand {
|
||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
||||
$next: breakpoint-next($breakpoint, $grid-breakpoints);
|
||||
$infix: breakpoint-infix($next, $grid-breakpoints);
|
||||
|
||||
// stylelint-disable-next-line scss/selector-no-union-class-name
|
||||
&#{$infix} {
|
||||
@include media-breakpoint-up($next) {
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
|
||||
.navbar-nav {
|
||||
flex-direction: row;
|
||||
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
padding-right: $navbar-nav-link-padding-x;
|
||||
padding-left: $navbar-nav-link-padding-x;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-collapse {
|
||||
display: flex !important; // stylelint-disable-line declaration-no-important
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Navbar themes
|
||||
//
|
||||
// Styles for switching between navbars with light or dark background.
|
||||
|
||||
// Dark links against a light background
|
||||
.navbar-light {
|
||||
.navbar-brand {
|
||||
color: $navbar-light-brand-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $navbar-light-brand-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
.nav-link {
|
||||
color: $navbar-light-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $navbar-light-hover-color;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: $navbar-light-disabled-color;
|
||||
}
|
||||
}
|
||||
|
||||
.show > .nav-link,
|
||||
.nav-link.active {
|
||||
color: $navbar-light-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
color: $navbar-light-color;
|
||||
border-color: $navbar-light-toggler-border-color;
|
||||
}
|
||||
|
||||
.navbar-toggler-icon {
|
||||
background-image: escape-svg($navbar-light-toggler-icon-bg);
|
||||
}
|
||||
|
||||
.navbar-text {
|
||||
color: $navbar-light-color;
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: $navbar-light-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// White links against a dark background
|
||||
.navbar-dark {
|
||||
.navbar-brand {
|
||||
color: $navbar-dark-brand-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $navbar-dark-brand-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
.nav-link {
|
||||
color: $navbar-dark-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $navbar-dark-hover-color;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: $navbar-dark-disabled-color;
|
||||
}
|
||||
}
|
||||
|
||||
.show > .nav-link,
|
||||
.nav-link.active {
|
||||
color: $navbar-dark-active-color;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
color: $navbar-dark-color;
|
||||
border-color: $navbar-dark-toggler-border-color;
|
||||
}
|
||||
|
||||
.navbar-toggler-icon {
|
||||
background-image: escape-svg($navbar-dark-toggler-icon-bg);
|
||||
}
|
||||
|
||||
.navbar-text {
|
||||
color: $navbar-dark-color;
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: $navbar-dark-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
64
scss/bootstrap/_pagination.scss
Normal file
64
scss/bootstrap/_pagination.scss
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
.pagination {
|
||||
display: flex;
|
||||
@include list-unstyled();
|
||||
}
|
||||
|
||||
.page-link {
|
||||
position: relative;
|
||||
display: block;
|
||||
color: $pagination-color;
|
||||
text-decoration: if($link-decoration == none, null, none);
|
||||
background-color: $pagination-bg;
|
||||
border: $pagination-border-width solid $pagination-border-color;
|
||||
@include transition($pagination-transition);
|
||||
|
||||
&:hover {
|
||||
z-index: 2;
|
||||
color: $pagination-hover-color;
|
||||
text-decoration: if($link-hover-decoration == underline, none, null);
|
||||
background-color: $pagination-hover-bg;
|
||||
border-color: $pagination-hover-border-color;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
z-index: 3;
|
||||
color: $pagination-focus-color;
|
||||
background-color: $pagination-focus-bg;
|
||||
outline: $pagination-focus-outline;
|
||||
box-shadow: $pagination-focus-box-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
.page-item {
|
||||
&:not(:first-child) .page-link {
|
||||
margin-left: $pagination-margin-start;
|
||||
}
|
||||
|
||||
&.active .page-link {
|
||||
z-index: 3;
|
||||
color: $pagination-active-color;
|
||||
@include gradient-bg($pagination-active-bg);
|
||||
border-color: $pagination-active-border-color;
|
||||
}
|
||||
|
||||
&.disabled .page-link {
|
||||
color: $pagination-disabled-color;
|
||||
pointer-events: none;
|
||||
background-color: $pagination-disabled-bg;
|
||||
border-color: $pagination-disabled-border-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Sizing
|
||||
//
|
||||
@include pagination-size($pagination-padding-y, $pagination-padding-x, null, $pagination-border-radius);
|
||||
|
||||
.pagination-lg {
|
||||
@include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $border-radius-lg);
|
||||
}
|
||||
|
||||
.pagination-sm {
|
||||
@include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $border-radius-sm);
|
||||
}
|
||||
173
scss/bootstrap/_popover.scss
Normal file
173
scss/bootstrap/_popover.scss
Normal file
|
|
@ -0,0 +1,173 @@
|
|||
.popover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0 #{"/* rtl:ignore */"};
|
||||
z-index: $zindex-popover;
|
||||
display: block;
|
||||
max-width: $popover-max-width;
|
||||
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
|
||||
// So reset our font and text properties to avoid inheriting weird values.
|
||||
@include reset-text();
|
||||
@include font-size($popover-font-size);
|
||||
// Allow breaking very long words so they don't overflow the popover's bounds
|
||||
word-wrap: break-word;
|
||||
background-color: $popover-bg;
|
||||
background-clip: padding-box;
|
||||
border: $popover-border-width solid $popover-border-color;
|
||||
@include border-radius($popover-border-radius);
|
||||
@include box-shadow($popover-box-shadow);
|
||||
|
||||
.popover-arrow {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: $popover-arrow-width;
|
||||
height: $popover-arrow-height;
|
||||
margin: 0 $popover-border-radius;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: "";
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bs-popover-top {
|
||||
// Overrule margin set by popper.js
|
||||
margin-bottom: $popover-arrow-height !important; // stylelint-disable-line declaration-no-important
|
||||
|
||||
> .popover-arrow {
|
||||
bottom: subtract(-$popover-arrow-height, $popover-border-width);
|
||||
|
||||
&::before {
|
||||
bottom: 0;
|
||||
border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
|
||||
border-top-color: $popover-arrow-outer-color;
|
||||
}
|
||||
|
||||
&::after {
|
||||
bottom: $popover-border-width;
|
||||
border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
|
||||
border-top-color: $popover-arrow-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bs-popover-end {
|
||||
// Overrule margin set by popper.js
|
||||
margin-left: $popover-arrow-height !important; // stylelint-disable-line declaration-no-important
|
||||
|
||||
> .popover-arrow {
|
||||
left: subtract(-$popover-arrow-height, $popover-border-width);
|
||||
width: $popover-arrow-height;
|
||||
height: $popover-arrow-width;
|
||||
margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
|
||||
|
||||
&::before {
|
||||
left: 0;
|
||||
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
||||
border-right-color: $popover-arrow-outer-color;
|
||||
}
|
||||
|
||||
&::after {
|
||||
left: $popover-border-width;
|
||||
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
||||
border-right-color: $popover-arrow-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bs-popover-bottom {
|
||||
// Overrule margin set by popper.js
|
||||
margin-top: $popover-arrow-height !important; // stylelint-disable-line declaration-no-important
|
||||
|
||||
> .popover-arrow {
|
||||
top: subtract(-$popover-arrow-height, $popover-border-width);
|
||||
|
||||
&::before {
|
||||
top: 0;
|
||||
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
||||
border-bottom-color: $popover-arrow-outer-color;
|
||||
}
|
||||
|
||||
&::after {
|
||||
top: $popover-border-width;
|
||||
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
||||
border-bottom-color: $popover-arrow-color;
|
||||
}
|
||||
}
|
||||
|
||||
// This will remove the popover-header's border just below the arrow
|
||||
.popover-header::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
display: block;
|
||||
width: $popover-arrow-width;
|
||||
margin-left: -$popover-arrow-width / 2;
|
||||
content: "";
|
||||
border-bottom: $popover-border-width solid $popover-header-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.bs-popover-start {
|
||||
// Overrule margin set by popper.js
|
||||
margin-right: $popover-arrow-height !important; // stylelint-disable-line declaration-no-important
|
||||
|
||||
> .popover-arrow {
|
||||
right: subtract(-$popover-arrow-height, $popover-border-width);
|
||||
width: $popover-arrow-height;
|
||||
height: $popover-arrow-width;
|
||||
margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
|
||||
|
||||
&::before {
|
||||
right: 0;
|
||||
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
||||
border-left-color: $popover-arrow-outer-color;
|
||||
}
|
||||
|
||||
&::after {
|
||||
right: $popover-border-width;
|
||||
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
||||
border-left-color: $popover-arrow-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bs-popover-auto {
|
||||
&[data-popper-placement^="top"] {
|
||||
@extend .bs-popover-top;
|
||||
}
|
||||
&[data-popper-placement^="right"] {
|
||||
@extend .bs-popover-end;
|
||||
}
|
||||
&[data-popper-placement^="bottom"] {
|
||||
@extend .bs-popover-bottom;
|
||||
}
|
||||
&[data-popper-placement^="left"] {
|
||||
@extend .bs-popover-start;
|
||||
}
|
||||
}
|
||||
|
||||
// Offset the popover to account for the popover arrow
|
||||
.popover-header {
|
||||
padding: $popover-header-padding-y $popover-header-padding-x;
|
||||
margin-bottom: 0; // Reset the default from Reboot
|
||||
@include font-size($font-size-base);
|
||||
color: $popover-header-color;
|
||||
background-color: $popover-header-bg;
|
||||
border-bottom: $popover-border-width solid shade-color($popover-header-bg, 10%);
|
||||
@include border-top-radius($popover-inner-border-radius);
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.popover-body {
|
||||
padding: $popover-body-padding-y $popover-body-padding-x;
|
||||
color: $popover-body-color;
|
||||
}
|
||||
45
scss/bootstrap/_progress.scss
Normal file
45
scss/bootstrap/_progress.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
// Disable animation if transitions are disabled
|
||||
@if $enable-transitions {
|
||||
@keyframes progress-bar-stripes {
|
||||
0% { background-position-x: $progress-height; }
|
||||
}
|
||||
}
|
||||
|
||||
.progress {
|
||||
display: flex;
|
||||
height: $progress-height;
|
||||
overflow: hidden; // force rounded corners by cropping it
|
||||
@include font-size($progress-font-size);
|
||||
background-color: $progress-bg;
|
||||
@include border-radius($progress-border-radius);
|
||||
@include box-shadow($progress-box-shadow);
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
color: $progress-bar-color;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
background-color: $progress-bar-bg;
|
||||
@include transition($progress-bar-transition);
|
||||
}
|
||||
|
||||
.progress-bar-striped {
|
||||
@include gradient-striped();
|
||||
background-size: $progress-height $progress-height;
|
||||
}
|
||||
|
||||
@if $enable-transitions {
|
||||
.progress-bar-animated {
|
||||
animation: $progress-bar-animation-timing progress-bar-stripes;
|
||||
|
||||
@if $enable-reduced-motion {
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue