From 6762eef7195589f9e2addfbf817c9b53df0efd69 Mon Sep 17 00:00:00 2001 From: da Date: Tue, 17 Oct 2023 15:03:56 +0300 Subject: [PATCH] modify project HOTEL --- Hotel/css/style.css | 338 +++++---- Hotel/index.html | 1708 +++++++++++++++++++++---------------------- 2 files changed, 996 insertions(+), 1050 deletions(-) diff --git a/Hotel/css/style.css b/Hotel/css/style.css index d99e84a..56e942b 100644 --- a/Hotel/css/style.css +++ b/Hotel/css/style.css @@ -1,40 +1,39 @@ :root{ - --color-redSand: #F0BF5F; - --color-yellowGold: #C93; - --color-yellowGolds: #CC9933; - --color-sandBraun: #A47312; +--color-redSand: #F0BF5F; +--color-yellowGold: #C93; +--color-yellowGolds: #CC9933; +--color-sandBraun: #A47312; } - /* шрифты Muller */ +/* шрифты Muller */ @font-face { - font-family: 'Muller'; - src: local('Muller-Regular'), - url('../fonts/MullerRegular.woff2') format('woff2'), - url('../fonts/MullerRegular.woff') format('woff'); - font-display: swap; - font-weight: 400; - font-style: normal; -} +font-family: 'Muller'; +src: local('Muller-Regular'), +url('../fonts/MullerRegular.woff2') format('woff2'), +url('../fonts/MullerRegular.woff') format('woff'); +font-display: swap; +font-weight: 400; +font-style: normal; +} @font-face { - font-family: 'Muller'; - src: local('Muller-Medium'), - url('../fonts/MullerMedium.woff2') format('woff2'), - url('../fonts/MullerMedium.woff') format('woff'); - font-display: swap; - font-weight: 500; - font-style: normal; +font-family: 'Muller'; +src: local('Muller-Medium'), +url('../fonts/MullerMedium.woff2') format('woff2'), +url('../fonts/MullerMedium.woff') format('woff'); +font-display: swap; +font-weight: 500; +font-style: normal; } - @font-face { - font-family: 'Muller'; - src: local('Muller-Bold'), - url('../fonts/MullerBold.woff2') format('woff2'), - url('../fonts/MullerBold.woff') format('woff'); - font-display: swap; - font-weight: 700; - font-style: normal; +font-family: 'Muller'; +src: local('Muller-Bold'), +url('../fonts/MullerBold.woff2') format('woff2'), +url('../fonts/MullerBold.woff') format('woff'); +font-display: swap; +font-weight: 700; +font-style: normal; } .wrapper-total{ @@ -48,7 +47,7 @@ margin: 0 auto; .wrapper{ width: 1170px; margin: 0 auto; -outline: 1px solid red;/*временн. обознач. блока*/ +/*outline: 1px solid red;временн. обознач. блока*/ } /* global style */ @@ -58,7 +57,6 @@ display: flex; .reset-link{ text-decoration: none; - } @@ -76,7 +74,6 @@ justify-content: space-between; .ht-logo{ /* замена дефолтной обводки переходе tab */ outline-color: var(--color-yellowGold); - } .ht-logo-phone{ @@ -92,11 +89,11 @@ font-style: normal; font-weight: 500; line-height: normal; -border-radius: 6px; -padding: 3px 6px; +/* border-radius: 6px; +padding: 3px 6px; */ outline: 1px solid transparent; -outline-offset: 2px; +outline-offset: 6px; transition: color 0.35s ease-in-out, outline-color 0.5s ease-in-out; } @@ -115,7 +112,6 @@ color: var(--color-yellowGold ); outline-color:var(--color-yellowGold); color: var(--color-yellowGold); - } .ht-arrow-right{ @@ -124,13 +120,13 @@ transition: fill 0.3s ease-in-out; } .ht-cabinet{ -align-items: center; +align-items: center; width: 155px; -border-radius: 6px; +/* border-radius: 6px; */ outline: 1px solid transparent; -transition: color 0.3s ease-in-out, outline-color 0.3s ease-in-out; +transition: color 0.3s ease-in-out, outline-color 0.3s ease-in-out; } .ht-cabinet-outline{ @@ -138,7 +134,7 @@ display: flex; align-items: center; column-gap: 5px; -/* transition: +/* transition: color 0.35s ease-in-out, outline-color 0.3s ease-in-out; */ } @@ -155,15 +151,13 @@ color: var(--color-redSand); .ht-cabinet:hover .ht-arrow-right{ fill: var(--color-redSand); } - + .ht-cabinet:active { -/* outline: 1px solid var(--color-yellowGold); +/* outline: 1px solid var(--color-yellowGold); outline-offset: 2px; */ outline-color:var(--color-yellowGold); /* обводка */ color: var(--color-yellowGold); /* цвет шрифта */ - - } .header-lk-txt{ @@ -193,13 +187,14 @@ margin: 0 0 0 0; padding: 0 0 0 45px; } -.hb-menu{ +/* .hb-menu{ margin: 0 0 0 0; padding: 0; -} +} */ .hb-menu-li{ list-style-type: none; /*убрать точки в списке*/ +display: inline-block; } .hb-menu-li:not(:last-child){ @@ -214,13 +209,14 @@ font-style: normal; font-weight: 400; line-height: normal; -padding: 3px 5px; -border-radius: 6px; +/* padding: 3px 5px; +border-radius: 6px; */ + /* Обводка outline, в основном классе */ outline: 1px solid transparent; /*обесцвеченная обводка*/ -outline-offset: 3px;/* границы обводки offset */ +outline-offset: 5px;/* границы обводки offset */ - /*время реагирования */ +/*время реагирования */ transition: color 0.5s ease-in-out, outline-color .2s ease-in-out; } @@ -249,7 +245,7 @@ margin: 0 0 0 0; /* обнул. тег р */ border-radius: 10px; border: 1px solid var(--color-yellowGold); padding: 13px 20px; - + margin-right: 45px; color: var(--color-yellowGold); font-family: Muller; @@ -258,6 +254,7 @@ font-style: normal; font-weight: 400; line-height: normal; +transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; } .hba-btn:focus{ @@ -275,7 +272,7 @@ color: #FFF; background-color: var(--color-sandBraun); color: #FFF; } - + @@ -319,10 +316,10 @@ gap: 24px; } .img-maldiv{ -background: - linear-gradient(90deg, rgba(48, 64, 89, 0.84) -2.9%, - rgba(53, 65, 83, 0.00) 65.7%), - url(../img/Maldive.jpg); +background: +linear-gradient(90deg, rgba(48, 64, 89, 0.84) -2.9%, +rgba(53, 65, 83, 0.00) 65.7%), +url(../img/Maldive.jpg); width: 573px; height: 258px; } @@ -330,19 +327,19 @@ height: 258px; .img-krit{ /* background-image: url(../img/Krit.jpg); */ background: - linear-gradient(90deg, rgba(48, 64, 89, 0.84) -2.9%, - rgba(53, 65, 83, 0.00) 65.7%), - url(../img/Krit.jpg); +linear-gradient(90deg, rgba(48, 64, 89, 0.84) -2.9%, +rgba(53, 65, 83, 0.00) 65.7%), +url(../img/Krit.jpg); width: 573px; height: 258px; } .img-lux{ /* background-image: linear-gradient(градиент), url(картинка); */ -background-image: +background-image: /* linear-gradient(90deg, rgba(48, 64, 89, 0.84) -2.9%, - rgba(53, 65, 83, 0.00) 65.7%), */ -url(../img/lux-number.jpg); +rgba(53, 65, 83, 0.00) 65.7%), */ +url(../img/lux-number.jpg); width: 573px; height: 540px; display: inline-block; @@ -404,16 +401,16 @@ opacity: 0.8; display: flex; column-gap: 5px; - margin: 0 0 0 0; - color: var(--color-redSand); - font-size: 16px; - font-family: Muller; - font-style: normal; - font-weight: 400; - line-height: normal; - text-decoration: none; +margin: 0 0 0 0; +color: var(--color-redSand); +font-size: 16px; +font-family: Muller; +font-style: normal; +font-weight: 400; +line-height: normal; +text-decoration: none; -transition: column-gap 0.5s ease-in-out; /*время реагирования */ +transition: column-gap 0.45s ease-in-out, color 0.45s ease-in-out; /*время реагирования */ } @@ -425,10 +422,10 @@ content: ''; position: absolute; outline: 2px solid var(--color-sandBraun); outline-offset: 5px; - top: -1px; - left: -1px; - right: -1px; - bottom: -1px; +top: -1px; +left: -1px; +right: -1px; +bottom: -1px; opacity: 0; border-radius: 10px; @@ -474,9 +471,6 @@ line-height: 200%; /* 32px */ } - - - /* === 2. Услуги ====*/ .servis{ margin: 0 0 70px 0; @@ -500,7 +494,7 @@ outline-offset: 3px;/* границы обводки offset */ transition: all .3s ease-in-out; /*скорость срабатывания*/ position: relative; -} +} .sw-image{ margin-bottom: 26px; @@ -545,7 +539,20 @@ font-weight: 500; line-height: 200%; text-decoration: none; -transition: gap 0.5s ease-in-out, 0.5s ease-in-out;/*время реагирования */ +transition: gap 0.5s ease-in-out, color 0.45s ease-in-out;/*время реагирования */ +} + +.sw-link h2{ +margin: 0 0 0 0px; +color: var(--color-yellowGold); +font-size: 20px; +font-family: Muller; +font-style: normal; +font-weight: 500; +line-height: 200%; +text-decoration: none; + + } /* шаг №3-б для ОБВОДКИ всего блока при :focus*/ @@ -587,11 +594,11 @@ color: var(--color-sandBraun); /* стрелка вправо > */ .sw-link svg{ - align-self: center; +align-self: center; } .sw-link svg path{ - stroke: var(--color-yellowGolds); +stroke: var(--color-yellowGolds); } .sw-link:hover svg path{ @@ -602,7 +609,7 @@ stroke: var(--color-redSand); stroke: var(--color-sandBraun); } - + .sw-text{ width: 402px; margin: 0 0 0 45px; @@ -617,17 +624,15 @@ line-height: 200%; } - /* === 3. Преимущества ==== */ .plus-list{ /* по дом.заданию 11.12 - gap отключен */ - display: flex; +display: flex; flex-wrap: wrap; /*gap: 24px;*/ -margin-bottom: 70px; - +margin-bottom: 70px; } @@ -640,19 +645,16 @@ width: 273px; padding: 40px 0 0 45px; margin-bottom: 24px; - box-sizing: border-box; min-height: 276px; border-radius: 15px; background: #FFF; - } /* по дом.заданию 11.12 - добавление nth-child вместо gap */ .pl-item:not(:nth-child(4n)) { margin-right: 24px; - } .item-descr{ @@ -713,35 +715,34 @@ background-image: url('../svg/swimming-pool.svg'); width: 64px; height: 66px; } - + /* ==== 4. Размещение===== */ .place { - margin-bottom: 70px; +margin-bottom: 70px; } .place-list-wrapper { - flex-wrap: wrap; - gap: 24px; +flex-wrap: wrap; +gap: 24px; } /* Карточка товара */ .place-card { display: flex; -flex-direction: column; +flex-direction: column; width: 374px; min-height: 440px; background-color: #FFF; /* overflow: hidden; */ border-radius: 16px; - } .price-txt { - margin: 0 0 0 0; +margin: 0 0 0 0; } .price-txt-from{ @@ -750,7 +751,7 @@ margin-right: 5px; font-size: 16px; font-style: normal; font-weight: 400; - + } .price-txt-number{ @@ -767,7 +768,6 @@ font-family: Muller; font-size: 16px; font-style: normal; font-weight: 400; - } .pcd-country{ @@ -776,7 +776,6 @@ font-family: Muller; font-size: 16px; font-style: normal; font-weight: 400; - } .pcd-location{ @@ -784,7 +783,7 @@ max-width: 231px; } .pc-image { - margin-bottom: 35px; +margin-bottom: 35px; } .pc-more{ @@ -798,7 +797,7 @@ transition: all .3s ease-in-out; /*скорость срабатывания*/ } .pc-image-more { -display:flex; +display:flex; align-items: flex-end; /*прижать ссылку линк вниз*/ height: 100%; width: 374px; @@ -808,18 +807,18 @@ border-radius: 15px; } .pc-descr-wrapper { - margin-bottom: 20px; - padding-left: 45px; +margin-bottom: 20px; +padding-left: 45px; } .pc-descr { - width: 190px; - color: #000; - font-family: Muller; - font-size: 16px; - font-style: normal; - font-weight: 400; - line-height: 200%; +width: 190px; +color: #000; +font-family: Muller; +font-size: 16px; +font-style: normal; +font-weight: 400; +line-height: 200%; } .pc-5stars{ @@ -828,6 +827,7 @@ margin-top: 6px; /* шаг №2-в для ОБВОДКИ всего блока при :focus*/ .more-link { +/* display: inline-block; */ display: flex; align-items: center; gap: 5px; @@ -844,6 +844,18 @@ text-decoration: none; transition: gap .5s ease-in-out; } +/* test: передача ссылки на всю картинку */ +.more-link::before{ +content: ''; +display: block; +position: absolute; +left: 0; +top: 0; +width: 100%; +height: 100%; +/* background-color: rgb(237, 218, 71); !тест: должно закрасить всею картинку*/ +} + /* шаг №3-в для ОБВОДКИ всего блока при :focus*/ .more-link:focus-within::after { @@ -890,30 +902,30 @@ outline-color: transparent; } - + /* кнопка НОМЕРА */ .btn-wrapper { - width: 100px; - margin-top: auto; /* Прижимаем кнопку к низу */ - display: flex; - justify-content: center; - text-align: center; +width: 100px; +margin-top: auto; /* Прижимаем кнопку к низу */ +display: flex; +justify-content: center; +text-align: center; - padding: 13px 0px; - margin-left: 45px; - margin-bottom: 45px; - - border-radius: 10px; - border: 1px solid var(--color-yellowGold); +padding: 13px 0px; +margin-left: 45px; +margin-bottom: 45px; - +border-radius: 10px; +border: 1px solid var(--color-yellowGold); + +transition: all 0.35s ease-in-out; } .btn-appataments { - color: var(--color-yellowGold); - font-family: Muller; - font-size: 16px; - font-weight: 400; +color: var(--color-yellowGold); +font-family: Muller; +font-size: 16px; +font-weight: 400; text-decoration: none; } @@ -969,11 +981,11 @@ font-weight: 400; .form-style select, input{ border: none; -/* margin-right: 41px; +/* margin-right: 41px; outline: 1px solid red;*/ } - + .from-city{ flex-direction: column; @@ -982,6 +994,7 @@ height: 16px; /* margin-right: 41px; */ font-family: Muller; font-size: 16px; + } .country{ @@ -1028,7 +1041,7 @@ font-size: 16px; .tourist input{ border-bottom: 1px solid #E9E9E9; } - + .form-style{ @@ -1045,6 +1058,7 @@ color: var(--color-yellowGold); font-size: 16px; font-weight: 400; background-color: inherit; +cursor: pointer; } .btn-search:focus{ @@ -1146,12 +1160,16 @@ font-weight: 400; line-height: 150%; /* 24px */ } +.tel-num{ +transition: color 0.5s ease-in-out; +} + .telefon-descr .tel-num:focus { outline-color:var(--color-yellowGolds); } .telefon-descr .tel-num:hover { - color: var(--color-redSand); +color: var(--color-redSand); } .telefon-descr .tel-num:active { @@ -1192,12 +1210,16 @@ font-weight: 400; line-height: 150%; /* 24px */ } +.tomail{ +transition: color 0.5s linear; +} + .mail-descr .tomail:focus { outline-color:var(--color-yellowGolds); } .mail-descr .tomail:hover { - color: var(--color-redSand); +color: var(--color-redSand); } .mail-descr .tomail:active { @@ -1260,6 +1282,8 @@ font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; + +transition: all 0.35s ease-in-out; } .btn-route:focus{ @@ -1277,7 +1301,7 @@ color: #FFF; .btn-route:active{ background-color: var(--color-sandBraun); color: #FFF; -} +} /* правый блок Контактов */ .contact-rigth{ @@ -1328,15 +1352,6 @@ font-weight: 400; line-height: 190%; /* 30.4px */ } -.info-accept{ -/* Обводка outline, в основном классе */ -/*outline: 1px solid transparent; обесцвеченная обводка*/ -/* outline-offset: 3px;границы обводки offset */ - - /*время реагирования -transition: color 0.5s ease-in-out, outline-color .2s ease-in-out; -*/ -} .info-accept a{ text-decoration: none; @@ -1351,11 +1366,11 @@ line-height: 150%; /* 24px */ outline: 1px solid transparent; /*обесцвеченная обводка*/ outline-offset: 5px;/* границы обводки offset */ - /*время реагирования */ +/*время реагирования */ transition: color 0.5s ease-in-out, outline-color .35s ease-in-out; -border-radius: 10px; -padding: 2px 10px; +/* border-radius: 10px; +padding: 2px 0px; */ } .info-accept a:focus{ @@ -1368,7 +1383,7 @@ color: var(--color-yellowGolds); .info-accept a:active{ outline: 1px solid var(--color-yellowGolds); - + } @@ -1413,12 +1428,12 @@ line-height: 150%; /* 24px */ max-width: fit-content; outline: 1px solid transparent; -outline-offset: 2px; +outline-offset: 2px; /*время реагирования */ transition: color 0.5s ease-in-out, outline-color .35s ease-in-out; -border-radius: 10px; -padding: 2px 10px; +/* border-radius: 10px; +padding: 2px 0px; */ } /* ToDo: [++] убрать двойная обводка */ @@ -1429,7 +1444,7 @@ outline-color: var(--color-yellowGolds); } .address-tel a:hover { - color: var(--color-redSand); +color: var(--color-redSand); } .address-tel a:active { @@ -1437,7 +1452,7 @@ color: var(--color-sandBraun); /* цвет шрифта */ outline: 1px solid var(--color-sandBraun); /*обводка */ } - + .address-mail { display: flex; flex-direction: column; @@ -1458,22 +1473,22 @@ line-height: 150%; /* 24px */ max-width: fit-content; /*чтоб не располз. рамка outline 'a*/ outline: 1px solid transparent; -outline-offset: 2px; +outline-offset: 2px; /*время реагирования */ transition: color 0.5s ease-in-out, outline-color .35s ease-in-out; -border-radius: 10px; -padding: 2px 10px; +/* border-radius: 10px; +padding: 2px 0px; */ } .address-mail a:focus { outline-color:var(--color-yellowGolds); - + } .address-mail a:hover { - color: var(--color-redSand); +color: var(--color-redSand); } .address-mail a:active { @@ -1493,14 +1508,19 @@ gap: 20px; /* Стили и псевдоклассы для svg-иконок */ .soc-icon svg path{ fill:#999999; - transition: color 0.5s ease-in-out; } +/* по макету: при :focus не д.б. обводки */ +.soc-icon:focus { +outline:none; +} + .soc-icon:focus svg path{ fill:var(--color-yellowGolds); - } + +} .soc-icon:hover svg path{ fill:var(--color-yellowGolds); @@ -1508,4 +1528,4 @@ fill:var(--color-yellowGolds); .soc-icon:active svg path{ fill:var(--color-sandBraun); - } \ No newline at end of file +} diff --git a/Hotel/index.html b/Hotel/index.html index cf0b1ad..773f436 100644 --- a/Hotel/index.html +++ b/Hotel/index.html @@ -1,65 +1,63 @@ - - - - - - - - - - - - - Home work 11.12 Hotels - - - - -
- - -
- - -
- - -
+
+ +

Спецпредложения

-
- +
+ -
- +
+ -

- Спецпредложения -

+
+
+

Мальдивские острова

-
- +

от 55 000 р

-
- - -
- -
- -

- Мальдивские острова -

- -

- от 55 000 р -

- - - Подробнее - - + + Подробнее + подробно + +
-
- -
- -
- -

- Горящий тур на остров Крит -

- -

- от 30 000  -

- - Подробнее - - +
+
+

+ Горящий тур на остров Крит +

+ +

от 30 000 

+ + Подробнее + подробно + +
-
-
- -
- -
- -
+
+ +
+
+

Номера категории люкс

-

- Номера категории люкс -

- -

- от 5 000  -

- - - Подробнее - - +

от 5 000 

+ + Подробнее + подробно + +
-
- - -
+
+ + +
+ +

О нас

+

+ Идейные соображения высшего порядка, а также сложившаяся структура + организации влечёт за собой процесс внедрения и модернизации + системы обучения кадров, соответствует насущным потребностям. + Идейные соображения высшего порядка, а также дальнейшее развитие + различных форм деятельности представляет собой интересный + эксперимент проверки системы обучения кадров, соответствует + насущным потребностям. Равным образом сложившаяся структура + организации требуют определения и уточнения существенных + финансовых и административных условий. +

+
+ +
+ +

Услуги

+ + - - -
- - - - - - - -
- -

- О нас -

-

- Lorem, ipsum dolor sit amet consectetur adipisicing elit. - Sed est impedit commodi autem fuga ipsum facere nam incidunt, - vel voluptatem totam, nesciunt nostrum quia officiis aliquam - laborum laudantium, minus et. Minus nulla officiis, illum - amet non aliquam provident voluptas dolorem esse ut sapiente - nemo aliquid nostrum quas unde recusandae laboriosam. - - Lorem, ipsum dolor sit amet consectetur adipisicing elit. - Sed est impedit commodi autem fuga ipsum facere nam incidunt, - vel voluptatem totam, nesciunt nostrum quia officiis aliquam - laborum laudantium, minus et. Minus nulla officiis, illum - amet non aliquam provident voluptas dolorem esse ut sapiente - nemo aliquid nostrum quas unde recusandae laboriosam. -

- -
- - - -
- -

- Услуги -

- -
- - - - -

- Значимость проблем значительно возрастет - если ты попробуешь докопаться до борца -

- +
+
+ +

Аренда vip и банкетных залов

+ + + + +
-
-
+

+ Значимость этих проблем настолько очевидна, что дальнейшее + развитие различных форм +

+
- - Сауны, фитнес-залы, бани, бассейны - - - - - +
+
-

- BJJ и самбо развивают гармонию и силу через - повседневную работу над собой и своим духом -

-
+ +

Сауны, фитнес-залы, бани, бассейны

+ + + + +
-
-
+

+ Не следует, однако забывать, что начало повседневной работы + по формированию позиции +

+
- - Охраняемы автостоянки, vip-эскорт - - - - - +
+
-

- Не следует, однако забывать, что - самбисты могут после прогиба сделать болевой -

-
+ +

Охраняемы автомобильные автостоянки

+ + + + +
+

+ Не следует, однако забывать, что начало повседневной работы + по формированию позиции +

+
- - + +
+
+ -
- -
- - - - -
- -

- Преимущества -

+
+ +

Преимущества

-
- +
+ -
+
+
-
+

+ Идейные соображения высшего порядка, а также постоянный + количественный рост +

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - sit amet consectetur adipisicing elit. -

-
- -
+
+
-
+

+ Значимость этих проблем настолько очевидна, что вопрос + остаётся открытым +

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - sit amet consectetur adipisicing elit. -

-
- -
-
-
-

- consectetur adipisicing elit. - sit amet consectetur adipisicing elit. +

+
+

+ Таким образом реализация плановых заданий играет важную роль + для понимания - -

-
- -
-
+

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - sit amet consectetur adipisicing elit. -

-
-
-
+
+
+

+ Повседневная практика показывает, что сложившаяся структура + организации +

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - sit amet consectetur adipisicing elit. -

-
-
-
+
+
+

+ Равным образом рамки и место обучения кадров способствует + подготовки сотрудника +

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - sit amet consectetur adipisicing elit. -

-
-
-
+
+
+

+ Консультация с активом влечёт за собой процесс внедрения услуг + нашего сервиса +

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - sit amet consectetur adipisicing elit. -

-
+
+
+

+ Повседневная практика показывает, что сложившаяся структура + организации +

+
-
-
+
+
+

+ Значимость этого настолько очевидна, что консультация наших + экспертов помогает +

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - sit amet consectetur adipisicing end-text. -

-
- -
+ + - -
+ +
+
+ -
- - - - - - - - +
+ +

Размещение

-
- -

- Размещение -

+
+ -
- +
+ +
+ Испания +
-
- -
- Испания -
+
+ -
- +
+
+

от

+

4 698

+

/ ночь

+
-
-
-

от

-

4 698

-

/ ночь

+

+ Lagoona española +

+

Барселона, Испания

-

Lagoona española

-

Барселона, Испания

-
- -
- Рейтинг отелей - - - - +
+ Рейтинг отелей + + + + +
+ -
- - - - - Номера - + Номера +
+ -
+
+ +
+ Испания +
-
- -
- Испания -
+
+ -
- +
+
+

от

+

5 148

+

/ ночь

+
-
-
-

от

-

5 148

-

/ ночь

+

+ Lagoona Dela son típicas +

+

Барселона, Испания

-

Lagoona Dela son típicas

-

Барселона, Испания

-
- -
- Рейтинг отелей - - - - +
+ Рейтинг отелей + + + + +
+ -
- - - - Номера - + Номера +
+ -
+
+ +
+ Испания +
-
- -
- Испания -
+
+ -
- +
+
+

от

+

6 254

+

/ ночь

+
-
-
-

от

-

6 254

-

/ ночь

+

+ Lagoona Trio la guerra +

+

Барселона, Испания

-

Lagoona Trio la guerra

-

Барселона, Испания

-
- -
- Рейтинг отелей - - - - +
+ Рейтинг отелей + + + + +
+ -
- - - - Номера - - -
+ Номера +
+ +
+ +
+ Испания +
-
- -
- Испания -
+
+ -
- +
+
+

от

+

6 320

+

/ ночь

+
-
-
-

от

-

6 320

-

/ ночь

+

+ Lagoona mentira piadosa +

+

Барселона, Испания

-

Lagoona mentira piadosa

-

Барселона, Испания

-
- -
- Рейтинг отелей - - - - +
+ Рейтинг отелей + + + + +
+ -
- - - - Номера - - + Номера +
+ -
+
+ +
+ Испания +
-
- -
- Испания -
+
+ -
- +
+
+

от

+

6 457

+

/ ночь

+
-
-
-

от

-

6 457

-

/ ночь

+

+ Lagoona de la creatividad +

+

Барселона, Испания

-

Lagoona de la creatividad

-

Барселона, Испания

-
- -
- Рейтинг отелей - - - - +
+ Рейтинг отелей + + + + +
+ -
- - - - Номера - + Номера +
+ -
+
+ +
+ Испания +
-
- -
- Испания -
+
+ -
- +
+
+

от

+

6 254

+

/ ночь

+
-
-
-

от

-

6 254

-

/ ночь

+

+ Lagoona Bosa el retorno +

+

Барселона, Испания

-

Lagoona Bosa el retorno

-

Барселона, Испания

-
- -
- Рейтинг отелей - - - - +
+ Рейтинг отелей + + + + +
+ -
- - - - Номера - - -
- - -
- - + +
+ +
+ Испания +
-
- +
+ -
-
-

от

-

6 505

-

/ ночь

-
+
+
+

от

+

6 505

+

/ ночь

+
-

Lagoona mentira piadosa

-

Барселона, Испания

-
+

+ Lagoona mentira piadosa +

+

Барселона, Испания

+
-
- Рейтинг отелей - - - - +
+ Рейтинг отелей + + + + +
+ -
- - - - Номера - - - -
- -
- - + -
- - -
-
-

от

-

6 824

-

/ ночь

-
+
+ +
+ Испания +
-

Lagoona siguió siempre

-

Барселона, Испания

+
+ +
+
+

от

+

6 824

+

/ ночь

+
- +

+ Lagoona siguió siempre +

+

Барселона, Испания

-
+ +
-
- Рейтинг отелей - - - - +
+ Рейтинг отелей + + + + +
- -
- + - - Номера - - - -
- - - -
- -
- - - - - -
-

- Хочу тур -

- - -
- -
- -
- - - - -
- - -
- - - - -
- -
- - -
- -
- - -
- -
- - + + + + +
+ +
+ + +
+

Хочу тур

+ + +
+ +
+ + + +
- - - - - - - - - -
- - -
- - - - - - - - -
- -

- Контакты -

- - -
+
+ + +
- -
+
+ + +
-
+
+ + +
-
- Адрес +
+ +
-
- Москва, пр-т Борьбы, дом 3 въезд 4, офис 5 - +
+ + + +
+

Контакты

+ +
+ +
+
+
Адрес
+ +
+ Москва, улица Юности, дом 5 строение 4, офис 2 + +
-
- - -
-
- Телефон - - +
+
+ Телефон + +
+
-
- +7 495 005-05-44 - +7 495 042-42-42 + +
+
Email
+
+ lg.oona@mail.ru +

вопросы бронирования

+ hotels.ln@mail.ru +

+ вопросы сотрудничества + +

+
-
+
+
График
+
+
+ Понедельник-пятница, с 10:00 до 19:00 + +
+
+
-
-
Email
-
- sambo@sport-travel.ru -

вопросы бронирования

- bjj-travel@travel.ru -

- вопросы сотрудничества - -

+
+ -
-
График
-
-
- Понедельник-пятница, с 10:00 до 19:00 - -
+
+
+ ресепшн
- - +
+ + + + +
+
- - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - \ No newline at end of file + + + + + + + + +