commit 0d958b206298311ca3c55039107457cd002d9ddf Author: denisnadey Date: Sun Oct 25 11:05:14 2020 +0300 test diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..e7f558c --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "pwa-chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/assets/images/call.svg b/assets/images/call.svg new file mode 100644 index 0000000..4136ba2 --- /dev/null +++ b/assets/images/call.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/images/card.png b/assets/images/card.png new file mode 100644 index 0000000..8d392b6 Binary files /dev/null and b/assets/images/card.png differ diff --git a/assets/images/heroimage.png b/assets/images/heroimage.png new file mode 100644 index 0000000..8124a5a Binary files /dev/null and b/assets/images/heroimage.png differ diff --git a/assets/images/language.svg b/assets/images/language.svg new file mode 100644 index 0000000..d464e85 --- /dev/null +++ b/assets/images/language.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/latvia.svg b/assets/images/latvia.svg new file mode 100644 index 0000000..04941e5 --- /dev/null +++ b/assets/images/latvia.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/leto.png b/assets/images/leto.png new file mode 100644 index 0000000..5d78376 Binary files /dev/null and b/assets/images/leto.png differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..cfadd7d Binary files /dev/null and b/assets/images/logo.png differ diff --git a/assets/images/osen.png b/assets/images/osen.png new file mode 100644 index 0000000..bab2c68 Binary files /dev/null and b/assets/images/osen.png differ diff --git a/assets/images/russia.svg b/assets/images/russia.svg new file mode 100644 index 0000000..cfb4e13 --- /dev/null +++ b/assets/images/russia.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/test.png b/assets/images/test.png new file mode 100644 index 0000000..c4be949 Binary files /dev/null and b/assets/images/test.png differ diff --git a/assets/images/united-kingdom.svg b/assets/images/united-kingdom.svg new file mode 100644 index 0000000..5f2eb8c --- /dev/null +++ b/assets/images/united-kingdom.svg @@ -0,0 +1,115 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/vesna.png b/assets/images/vesna.png new file mode 100644 index 0000000..8ef1be6 Binary files /dev/null and b/assets/images/vesna.png differ diff --git a/assets/images/zima.png b/assets/images/zima.png new file mode 100644 index 0000000..5487f99 Binary files /dev/null and b/assets/images/zima.png differ diff --git a/assets/images/Весна.png b/assets/images/Весна.png new file mode 100644 index 0000000..494a55f Binary files /dev/null and b/assets/images/Весна.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..64d2b00 --- /dev/null +++ b/index.html @@ -0,0 +1,363 @@ + + + + + + + Citikrasti + + + + + + + +
+ +
+ +
+ heroimage + +
+
+

На самом берегу живописной реки Гауя...

+

+ Расположены уютные резиденции, из окон спален которых можно встречать рассветы и провожать закаты… Все резиденции находятся буквально в 10 метрах от воды. Мы предлагаем эгоистично-романтичный отдых в двухместных домиках с террасой, индивидуальной сауной, + горячей купелью, подвесными кресло-качелями и потрясающим видом на реку. ​ +

+
+
+ +
+ +
+
+

Размещение

+ +
+
+
+
    +
  1. +
  2. +
  3. +
+
+
+ ... +
+
+ ... +
+
+ ... +
+
+ + + Previous + + + + Next + +
+ +
+

Meža Rezidense

+

В стоимость включены: проживание,сауна, горячая купель и завтрак Завтрак включает в себя свежевыжатый апельсиновый сок, качественный кофе, блинчики, омлет, яичницу, овсяную кашу его Вы выберете для себя по приезду по меню. Домики + оснащены всем необходимым для Вашего отдыха – полотенца, халаты, тапочки, банные принадлежности, фен для волос.

+
+
+
+
+
    +
  1. +
  2. +
  3. +
+
+
+ ... +
+
+ ... +
+
+ ... +
+
+ + + Previous + + + + Next + +
+ +
+

Meža Rezidense

+

В стоимость включены: проживание,сауна, горячая купель и завтрак Завтрак включает в себя свежевыжатый апельсиновый сок, качественный кофе, блинчики, омлет, яичницу, овсяную кашу его Вы выберете для себя по приезду по меню. Домики + оснащены всем необходимым для Вашего отдыха – полотенца, халаты, тапочки, банные принадлежности, фен для волос.

+
+
+
+
+
    +
  1. +
  2. +
  3. +
+
+
+ ... +
+
+ ... +
+
+ ... +
+
+ + + Previous + + + + Next + +
+ +
+

Meža Rezidense

+

В стоимость включены: проживание,сауна, горячая купель и завтрак Завтрак включает в себя свежевыжатый апельсиновый сок, качественный кофе, блинчики, омлет, яичницу, овсяную кашу его Вы выберете для себя по приезду по меню. Домики + оснащены всем необходимым для Вашего отдыха – полотенца, халаты, тапочки, банные принадлежности, фен для волос.

+
+
+ +
+ +
+

Информация по заезду и выезду

+

+ Ваш домик будет обязательно готов к 15:00, но Вы, конечно, можете приехать раньше – прогуляться по окрестностям, выпить бокальчик вина или чашечку кофе в оранжерее… +

+

+ Достаточно много времени занимает замена воды и уборка купелей — поэтому просим дать нам возможность начать необходимые работы в 11:00. Конечно, Вы можете наслаждаться завтраком сколько пожелаете… Это время распространяется только на сам домик. +

+

+ Пожалуйста, примите к сведению что мы не размещаем с животными и детками. Здесь не безопасный берег для детей и ничто не предусмотрено для их пребывания. Благодарим за понимание. +

+

+ Так как комплекс расположен в заповедной водоохранной затопляемой зоне – туалеты и душевые размещены отдельно. Однако, пусть Вас это не смущает – в домиках есть горячая и холодная вода, где сауну можно использовать как русскую баню. Не говоря уже о тёплой + ванне под открытым небом с более чем тонной воды… +

+
+
+
+

Чем заняться?

+ +
+
+
+ +
+
+

Сплав по Гауе

+
+
+
+
+ +
+
+

Сплав по Гауе

+
+
+
+
+ +
+
+

Сплав по Гауе

+
+
+
+
+ +
+
+

Сплав по Гауе

+
+
+
+
+ +
+
+

Сплав по Гауе

+
+
+
+
+ +
+
+

Сплав по Гауе

+
+
+
+ +
+ +
+

Мы работаем круглый год, каждый сезон у нас по-своему прекрасен

+
+

(Кликните на сезон для просмотра фото)

+
+
+ +
+ + +

+ Лето +

+ + + +

+ Осень +

+ + + +

Зима

+ + + +

Весна

+ +
+ + +
+
+ +
+

Как добраться?

+

+ Из центра Риги: около 40 минут (40км) — по Сигулдской трассе до большой развилки/кольца «Sēnīte» на Валмиеру и Сигулду. Навигаторы Waze и Google Maps знают , где мы находимся. Единственное, последние несколько сотен метров, пожалуйста, следуйте дорожным + указателям. +

+ +
+
+ +
+
+ +
+ +
+ +

+ Адрес: Citi Krasti, Kārļzemnieki, Inčukalna pagasts, LV-2141, Латвия
Телефон: +371 20372356, +371 24001871
Email: strelicia127@gmail.com +

+ +
+ +
+
+ +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..c5056a2 --- /dev/null +++ b/js/main.js @@ -0,0 +1,32 @@ +function ready() { + $('.carousel').carousel({ + interval: false, + wrap: true, + touch: true, + pause: "hover", + }) + $(".carousel-control-prev").on("click", function() { + $(this).parent().carousel('prev'); + }); + + $(".carousel-control-next").on("click", function() { + $(this).parent().carousel('next'); + }); + + + $(".navbar-toggler").on("click", function() { + $(".dop-asset").toggleClass("open"); + }); + + function stickyheader() { + var header = document.getElementsByClassName("navbar-dark")[0]; + var sticky = 250; + if (window.pageYOffset > sticky) { + header.classList.add("bg-dark"); + } else { + header.classList.remove("bg-dark"); + } + } + window.onscroll = function() { stickyheader() }; +} +document.addEventListener("DOMContentLoaded", ready); \ No newline at end of file diff --git a/simplepage.html b/simplepage.html new file mode 100644 index 0000000..cead40a --- /dev/null +++ b/simplepage.html @@ -0,0 +1,142 @@ + + + + + + + Citikrasti + + + + + + + +
+ +
+
+ heroimage +
+
+

На самом берегу живописной реки Гауя...

+

+ Расположены уютные резиденции, из окон спален которых можно встречать рассветы и провожать закаты… Все резиденции находятся буквально в 10 метрах от воды. Мы предлагаем эгоистично-романтичный отдых в двухместных домиках с террасой, индивидуальной сауной, + горячей купелью, подвесными кресло-качелями и потрясающим видом на реку. ​ +

+
+
+
+
+
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..6d9c862 --- /dev/null +++ b/style.css @@ -0,0 +1,512 @@ + * { + font-family: 'Open Sans Condensed', sans-serif; + } + + body { + background: #202021; + } + + .navbar-dark { + transition: all 0.5s; + } + + .bg-dark { + background-color: #000000e8!important; + transition: all 0.5s; + } + + header { + position: fixed; + width: 100%; + z-index: 999; + } + + .custom-container { + width: 90%; + position: relative; + } + + .hero .intro { + margin-top: -10%; + } + + .block-style-default { + background: #202021; + box-shadow: -10px 14px 20px rgba(0, 0, 0, 0.35); + border-radius: 8px; + margin-bottom: 60px; + } + + .hero .block-style-default { + padding: 2rem 4rem; + } + + .card-rows .card { + display: grid; + grid-template-columns: 5fr 2fr; + grid-template-areas: " carousel infoblock"; + background: #000000; + padding: 0px; + margin-bottom: 60px; + overflow: hidden; + align-content: center; + } + + .dark { + background: #000000; + } + + .card-rows .card:nth-child(2n) { + grid-template-columns: 2fr 5fr; + grid-template-areas: "infoblock carousel"; + } + + .card-rows .card .carousel { + grid-area: carousel; + display: grid; + } + + .card-rows .block-style-default .infoblock { + display: grid; + grid-area: infoblock; + } + + .block-style-default h2 { + margin-top: 0px; + margin-bottom: 30px; + } + + .infoblock { + padding: 4rem 4rem; + display: flex; + flex-direction: column; + align-items: flex-start; + align-self: center; + } + + .carousel-inner { + height: 100%; + } + + .carousel-item { + height: 100%; + } + + .w-100 { + height: 100%; + object-fit: cover; + } + + a { + font-style: normal; + font-weight: 300; + font-size: 36px; + } + + h1 { + font-family: Open Sans Condensed; + font-style: normal; + font-weight: 300; + font-size: 3.5rem; + line-height: 100%; + color: #FFFFFF; + margin-bottom: 20px; + } + + h2 { + font-family: Open Sans Condensed; + font-style: normal; + font-weight: 300; + font-size: 48px; + line-height: 100%; + color: #FFFFFF; + margin-top: 138px; + margin-bottom: 120px; + } + + .p-small { + font-family: Open Sans Condensed; + font-style: normal; + font-weight: 300; + font-size: 36px; + line-height: 149.19%; + } + + p { + font-family: Open Sans Condensed; + font-style: normal; + font-weight: 300; + font-size: 24px; + line-height: 141.5%; + color: #FFFFFF; + } + + .block-rows { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 60px; + row-gap: 60px; + padding: 0rem 10rem; + } + + .block-rows .block-style-default { + margin-bottom: 0px; + overflow: hidden; + background: #000000; + } + + .block-rows .block-style-default .infoblock { + text-align: center; + padding: 2rem 1rem; + } + + .block-rows .block-style-default .img-block img { + width: 100%; + object-fit: cover; + } + + .withsubhead { + margin-bottom: 10px; + } + + .subhead p { + font-style: normal; + font-weight: 300; + font-size: 24px; + line-height: 100%; + } + + .gallery-block { + margin-top: 120px; + display: grid; + width: 100%; + grid-template-columns: 1fr 1fr; + grid-auto-rows: 629px; + margin-bottom: 200px; + } + + .gallery-block .vremya { + position: relative; + display: grid; + } + + .vremya .text { + position: absolute; + display: grid; + font-style: normal; + font-weight: 300; + font-size: 8rem; + line-height: 100%; + place-self: center; + align-self: center; + color: #FFFFFF; + } + + .vremya img { + width: 100%; + object-fit: cover; + height: 100%; + } + + .two-col { + display: grid; + grid-template-columns: 1fr 1fr; + row-gap: 60px; + } + + .map iframe { + border-radius: 8px; + overflow: hidden; + width: 100%; + } + + .nav-link { + font-style: normal; + font-weight: 300; + font-size: 2rem; + color: #fff!important; + } + + .dop-asset { + display: grid; + grid-template-columns: 1fr; + } + + .open { + display: grid!important; + } + + .dop-asset .row-line { + display: grid; + column-gap: 10px; + align-items: center; + grid-template-columns: max-content max-content; + } + + .dop-asset .row-line img { + width: 18px; + height: 18px; + object-fit: cover; + } + + .dop-asset .row-line a { + font-family: Open Sans Condensed; + font-style: normal; + font-weight: 300; + font-size: 24px; + line-height: 149.19%; + text-decoration: none; + color: #fff; + } + + .gallery-system { + display: grid; + grid-template-columns: repeat(4, 1fr); + column-gap: 20px; + row-gap: 20px; + padding-bottom: 100px; + } + + .gallery-system a { + border-radius: 8px; + overflow: hidden; + margin-bottom: 0px; + } + + .gallery-system a img { + width: 100%; + object-fit: cover; + } + + .btn-lang { + background: #00000000!important; + border: none!important; + } + + .btn-lang:focus { + box-shadow: none!important; + } + + .btn-lang svg { + width: 50px; + height: 50px; + } + + .btn-lang path { + fill: #fff; + } + + .darkmode .modal-content { + background-color: #101011; + } + + .darkmode .modal-content h5 { + color: #fff; + } + + .darkmode .modal-content .close { + text-shadow: none; + color: #fff; + } + + .modal-dialog { + max-width: 700px; + } + + .launguage-pack { + display: grid; + grid-template-columns: repeat(3, 1fr); + column-gap: 20px; + } + + .launguage-pack a { + width: 100%; + display: grid; + grid-template-columns: max-content max-content; + place-self: center; + padding: 15px; + column-gap: 15px; + margin-bottom: 0; + align-items: center; + text-decoration: none; + place-content: space-around; + } + + .launguage-pack a p { + margin-bottom: 0; + line-height: normal; + } + + .launguage-pack a img { + width: 60px; + height: 60px; + object-fit: cover; + } + + .dnonepc { + display: none; + } + + @media (min-width: 992px) { + .navbar-expand-lg .navbar-collapse { + display: flex!important; + justify-content: center; + } + /* .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 1.5rem; + padding-left: 1.5rem; + } */ + } + + @media only screen and (max-width: 1600px) { + .block-rows { + padding: 0rem 5rem; + } + } + + @media only screen and (max-width: 1440px) {} + + @media only screen and (max-width: 1366px) { + .card-rows .card { + grid-template-columns: 1fr; + grid-template-areas: " carousel " "infoblock"; + } + .card-rows .card:nth-child(2n) { + grid-template-columns: 1fr; + grid-template-areas: " carousel " "infoblock"; + } + .hero img { + height: 530px; + object-fit: cover; + } + .hero .block-style-default { + padding: 2rem 2rem; + } + h1 { + font-size: 36px; + line-height: 100%; + color: #FFFFFF; + margin-bottom: 30px; + } + h2 { + font-size: 36px; + margin-top: 78px; + margin-bottom: 78px; + } + .p-small { + line-height: normal; + font-size: 24px; + } + .block-rows { + padding: 0rem 2rem; + } + .nav-link { + font-size: 24px; + } + .gallery-system { + grid-template-columns: repeat(3, 1fr); + } + } + + @media only screen and (max-width: 1024px) { + .hero img { + height: 530px; + object-fit: cover; + } + .hero .intro { + margin-top: -26%; + } + .hero .block-style-default { + padding: 2rem 2rem; + } + h1 { + font-size: 36px; + line-height: 100%; + color: #FFFFFF; + margin-bottom: 30px; + } + h2 { + font-size: 36px; + margin-top: 78px; + margin-bottom: 78px; + } + .p-small { + line-height: normal; + font-size: 24px; + } + p { + line-height: normal; + font-size: 18px; + } + .block-rows { + padding: 0rem 0rem; + column-gap: 30px; + row-gap: 30px; + grid-template-columns: 1fr 1fr; + } + .gallery-block { + grid-template-columns: 1fr; + } + .two-col { + grid-template-columns: 1fr; + row-gap: 0px; + } + } + + @media only screen and (max-width: 991px) { + .dnonepc { + display: block; + } + .dnonemobile { + display: none; + } + .dop-asset { + margin-top: 20px; + margin-bottom: 20px; + display: none; + } + .launguage-pack { + grid-template-columns: repeat(1, 300px); + row-gap: 20px; + justify-content: center; + } + } + + @media only screen and (max-width: 768px) { + .hero .intro { + margin-top: -50%; + } + .gallery-block { + grid-template-columns: 1fr; + grid-auto-rows: 400px; + } + .gallery-system { + grid-template-columns: repeat(2, 1fr); + } + } + + @media only screen and (max-width: 640px) { + .navbar-brand { + width: 180px; + margin-right: 0px; + } + .btn-lang svg { + width: 30px; + height: 30px; + } + .navbar-brand img { + max-width: 90%; + } + .custom-container { + width: 97%; + } + .infoblock { + padding: 2rem 2rem; + } + .block-rows { + grid-template-columns: 1fr; + } + .gallery-system { + grid-template-columns: repeat(1, 1fr); + } + } \ No newline at end of file