diff --git a/Hotel/css/normalize.css b/Hotel/css/normalize.css
new file mode 100644
index 0000000..192eb9c
--- /dev/null
+++ b/Hotel/css/normalize.css
@@ -0,0 +1,349 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/Hotel/css/style.css b/Hotel/css/style.css
new file mode 100644
index 0000000..d99e84a
--- /dev/null
+++ b/Hotel/css/style.css
@@ -0,0 +1,1511 @@
+:root{
+ --color-redSand: #F0BF5F;
+ --color-yellowGold: #C93;
+ --color-yellowGolds: #CC9933;
+ --color-sandBraun: #A47312;
+}
+
+ /* шрифты 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-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-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;
+}
+
+.wrapper-total{
+width: 1920px;
+padding: 30px 0;
+background: #F1F1F1;
+margin: 0 auto;
+
+}
+
+.wrapper{
+width: 1170px;
+margin: 0 auto;
+outline: 1px solid red;/*временн. обознач. блока*/
+}
+
+/* global style */
+.flex{
+display: flex;
+}
+
+.reset-link{
+text-decoration: none;
+
+}
+
+
+
+/* ===== верх Шапки ===== */
+.wrapper-header{
+margin-bottom: 70px;
+}
+
+.header-top{
+margin-bottom: 30px;
+justify-content: space-between;
+}
+
+.ht-logo{
+/* замена дефолтной обводки переходе tab */
+outline-color: var(--color-yellowGold);
+
+}
+
+.ht-logo-phone{
+align-items: center;
+column-gap: 40px;
+}
+
+.ht-telefon{
+color: #666;
+font-family: Muller;
+font-size: 20px;
+font-style: normal;
+font-weight: 500;
+line-height: normal;
+
+border-radius: 6px;
+padding: 3px 6px;
+
+outline: 1px solid transparent;
+outline-offset: 2px;
+
+transition: color 0.35s ease-in-out, outline-color 0.5s ease-in-out;
+}
+
+.ht-telefon:focus-visible{
+
+outline-color:var(--color-yellowGold);
+color: var(--color-sandBraun);
+}
+
+.ht-telefon:hover{
+color: var(--color-yellowGold );
+}
+
+.ht-telefon:active{
+
+outline-color:var(--color-yellowGold);
+color: var(--color-yellowGold);
+
+}
+
+.ht-arrow-right{
+width: 24px;
+transition: fill 0.3s ease-in-out;
+}
+
+.ht-cabinet{
+align-items: center;
+width: 155px;
+border-radius: 6px;
+
+outline: 1px solid transparent;
+
+transition: color 0.3s ease-in-out, outline-color 0.3s ease-in-out;
+}
+
+.ht-cabinet-outline{
+display: flex;
+align-items: center;
+column-gap: 5px;
+
+/* transition:
+color 0.35s ease-in-out,
+outline-color 0.3s ease-in-out; */
+}
+
+.ht-cabinet:focus-visible {
+outline-color: var(--color-sandBraun, #A47312);
+color: var(--color-sandBraun, #A47312);
+}
+
+.ht-cabinet:hover .header-lk-txt{
+color: var(--color-redSand);
+}
+
+.ht-cabinet:hover .ht-arrow-right{
+fill: var(--color-redSand);
+}
+
+.ht-cabinet:active {
+/* outline: 1px solid var(--color-yellowGold);
+outline-offset: 2px; */
+
+outline-color:var(--color-yellowGold); /* обводка */
+color: var(--color-yellowGold); /* цвет шрифта */
+
+
+}
+
+.header-lk-txt{
+margin: 0 0 0 0; /* обнул. тег р */
+color: var(--color-yellowGolds, #CC9933);
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+
+transition: color 0.5s ease-in-out;
+}
+
+
+/* ==== низ Шапки ==== */
+.header-bottom{
+height: 70px;
+justify-content: space-between;
+align-items: center;
+background-color: #fff;
+border-radius: 15px;
+}
+
+.header-bottom-menu{
+margin: 0 0 0 0;
+padding: 0 0 0 45px;
+}
+
+.hb-menu{
+margin: 0 0 0 0;
+padding: 0;
+}
+
+.hb-menu-li{
+list-style-type: none; /*убрать точки в списке*/
+}
+
+.hb-menu-li:not(:last-child){
+margin-right: 45px;
+}
+
+.menu-li-text{
+color: #666;
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+
+padding: 3px 5px;
+border-radius: 6px;
+/* Обводка outline, в основном классе */
+outline: 1px solid transparent; /*обесцвеченная обводка*/
+outline-offset: 3px;/* границы обводки offset */
+
+ /*время реагирования */
+transition: color 0.5s ease-in-out, outline-color .2s ease-in-out;
+}
+
+.menu-li-text:focus-within{
+outline-color:var(--color-yellowGold);
+color: var(--color-sandBraun);
+}
+
+.menu-li-text:hover{
+color: var(--color-yellowGold); /* цвет при наведении мышкой */
+}
+
+.menu-li-text:active{
+color: var(--color-yellowGold); /* цвет шрифта */
+outline-color:var(--color-yellowGold); /* обводка */
+
+/* outline: none; не сработал как надо */
+}
+
+.btn-coll-back {
+margin: 0 0 0 0; /* обнул. тег р */
+
+}
+
+.hba-btn {
+border-radius: 10px;
+border: 1px solid var(--color-yellowGold);
+padding: 13px 20px;
+
+margin-right: 45px;
+color: var(--color-yellowGold);
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+
+}
+
+.hba-btn:focus{
+background-color: var(--color-yellowGolds, #CC9933);
+color: #FFF;
+outline-color: transparent;
+}
+
+.hba-btn:hover{
+background-color: var(--color-yellowGolds);
+color: #FFF;
+}
+
+.hba-btn:active{
+background-color: var(--color-sandBraun);
+color: #FFF;
+}
+
+
+
+
+
+/* === 0. Спец.предложения ====*/
+.offer{
+margin-bottom: 70px;
+}
+
+.section-title{
+margin: 0 0 20px 0;
+padding-left: 30px;
+
+color: #333;
+font-family: Muller;
+font-size: 40px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+}
+
+.offer-images{
+gap: 24px;
+flex-wrap: wrap; /* на случ. переполнения */
+}
+
+.offer-img{
+border-radius: 15px;
+
+/* шаг №1а для ОБВОДКИ всего блока при :focus*/
+outline: 1px solid transparent; /*обесцвеченная обводка*/
+outline-offset: 3px;/* границы обводки offset */
+transition: all .3s ease-in-out; /*скорость срабатывания*/
+
+position: relative;
+}
+
+.two-img{
+flex-direction: column;
+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);
+width: 573px;
+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);
+width: 573px;
+height: 258px;
+}
+
+.img-lux{
+/* background-image: linear-gradient(градиент), url(картинка); */
+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);
+width: 573px;
+height: 540px;
+display: inline-block;
+}
+
+.offer-image-descr{
+/* outline: 2px solid red; временно обозначить */
+margin: 40px 0 0 45px;
+}
+
+.offer-image-descrLux{
+margin: 212px 0 0 45px;
+}
+
+.oi-descr-title{
+margin: 0 0 15px 0;
+width: 420px;
+color: #FFF;
+font-size: 40px;
+font-family: Muller;
+font-style: normal;
+font-weight: 700;
+line-height: normal;
+}
+
+.oi-descr-titleLux{
+margin: 0 0 15px 0;
+width: 299px;
+color: #FFF;
+font-family: Muller;
+font-size: 60px;
+line-height: normal;
+}
+
+.oi-descr-price{
+margin: 0 0 47px 0;
+color: #FFF;
+font-size: 20px;
+font-family: Muller;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+opacity: 0.8;
+}
+
+.oi-descr-priceLux{
+margin: 0 0 47px 0;
+color: #FFF;
+font-size: 30px;
+font-family: Muller;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+opacity: 0.8;
+}
+
+/* шаг №2а для ОБВОДКИ всего блока при :focus*/
+.oi-descr-link{
+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;
+
+transition: column-gap 0.5s ease-in-out; /*время реагирования */
+
+}
+
+/* шаг №3а для ОБВОДКИ всего блока при :focus*/
+.oi-descr-link:focus-within::after {
+
+content: '';
+
+position: absolute;
+outline: 2px solid var(--color-sandBraun);
+outline-offset: 5px;
+ top: -1px;
+ left: -1px;
+ right: -1px;
+ bottom: -1px;
+opacity: 0;
+
+border-radius: 10px;
+padding: 2px 2px;
+}
+
+/* шаги №4а для ОБВОДКИ всего блока при :focus*/
+.oi-descr-link:focus-within::after {
+opacity: 1;
+}
+
+.oi-descr-link:focus-visible{
+outline: none;
+}
+
+.oi-descr-link:hover {
+gap: 11px
+}
+
+.oi-descr-link:active {
+color: #FFF;
+}
+
+
+
+
+/* === 1. О нас ====*/
+
+.about{
+margin: 0 0 70px 0;
+}
+
+.about-descr{
+margin: 0 0 0 0;
+width: 888px;
+
+color: #000;
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 200%; /* 32px */
+}
+
+
+
+
+
+/* === 2. Услуги ====*/
+.servis{
+margin: 0 0 70px 0;
+}
+
+.servises-wrapper{
+flex-wrap: wrap;
+gap: 24px;
+}
+
+.servis-item{
+width: 573px;
+min-height: 330px;
+border-radius: 15px ;
+background: #FFF;
+
+/* шаг №1-б для ОБВОДКИ всего блока при :focus*/
+
+outline: 1px solid transparent; /*обесцвеченная обводка*/
+outline-offset: 3px;/* границы обводки offset */
+transition: all .3s ease-in-out; /*скорость срабатывания*/
+
+position: relative;
+}
+
+.sw-image{
+margin-bottom: 26px;
+}
+
+.sw-image-exclus{
+width: 573px;
+height: 165px;
+background-image: url(../img/servis-img-1.png);
+}
+
+.sw-image-arenda{
+width: 573px;
+height: 165px;
+background-image: url(../img/servis-img-2.png);
+}
+
+.sw-image-fitness{
+width: 573px;
+height: 165px;
+background-image: url(../img/servis-img-3.png);
+}
+
+.sw-image-avto{
+width: 573px;
+height: 165px;
+background-image: url(../img/servis-img-4.png);
+}
+
+/* шаг №2-б для ОБВОДКИ всего блока при :focus*/
+.sw-link{
+display: flex;
+gap: 5px;
+margin: 0 0 0 45px;
+max-width: fit-content; /*чтоб ссылка была только на слове*/
+
+color: var(--color-yellowGold);
+font-size: 20px;
+font-family: Muller;
+font-style: normal;
+font-weight: 500;
+line-height: 200%;
+text-decoration: none;
+
+transition: gap 0.5s ease-in-out, 0.5s ease-in-out;/*время реагирования */
+}
+
+/* шаг №3-б для ОБВОДКИ всего блока при :focus*/
+.sw-link:focus-within::after {
+
+content: '';
+
+position: absolute;
+outline: 2px solid var(--color-yellowGold);
+outline-offset: 5px;
+top: -1px;
+left: -1px;
+right: -1px;
+bottom: -1px;
+opacity: 0;
+
+border-radius: 10px;
+padding: 2px 2px;
+}
+
+/* шаги №4-б для ОБВОДКИ всего блока при :focus*/
+.sw-link:focus-within::after {
+opacity: 1;
+}
+
+.sw-link:focus-visible{
+outline: none;
+}
+
+.sw-link:hover{
+gap:15px;
+color: var(--color-redSand);
+}
+
+
+.sw-link:active {
+color: var(--color-sandBraun);
+}
+
+/* стрелка вправо > */
+.sw-link svg{
+ align-self: center;
+}
+
+.sw-link svg path{
+ stroke: var(--color-yellowGolds);
+}
+
+.sw-link:hover svg path{
+stroke: var(--color-redSand);
+}
+
+.sw-link:active svg path{
+stroke: var(--color-sandBraun);
+}
+
+
+.sw-text{
+width: 402px;
+margin: 0 0 0 45px;
+column-gap: 10px;
+
+color: #000;
+font-size: 16px;
+font-family: Muller;
+font-style: normal;
+font-weight: 400;
+line-height: 200%;
+}
+
+
+
+/* === 3. Преимущества ==== */
+
+.plus-list{
+/* по дом.заданию 11.12 - gap отключен */
+ display: flex;
+flex-wrap: wrap;
+/*gap: 24px;*/
+
+margin-bottom: 70px;
+
+}
+
+
+.pl-item{
+display: flex;
+flex-direction: column;
+row-gap: 10px;
+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{
+margin: 0 0 32px 0px;
+width: 189px;
+color: #000;
+font-size: 16px;
+font-family: Muller;
+font-style: normal;
+font-weight: 400;
+line-height: 200%;
+}
+
+.item-bathtub{
+background-image: url('../svg/bathtub.svg');
+width: 64px;
+height: 66px;
+}
+
+.item-hanger{
+background-image: url('../svg/hanger.svg');
+width: 66px;
+height: 66px;
+}
+
+.item-heating{
+background-image: url('../svg/heating.svg');
+width: 64px;
+height: 66px;
+}
+
+.item-key{
+background-image: url('../svg/hotel-key.svg');
+width: 66px;
+height: 66px;
+}
+
+.item-parking{
+background-image: url('../svg/parking.svg');
+width: 66px;
+height: 66px;
+}
+
+.item-reception{
+background-image: url('../svg/reception.svg');
+width: 64px;
+height: 66px;
+}
+
+.item-security{
+background-image: url('../svg/security-box.svg');
+width: 66px;
+height: 66px;
+}
+
+.item-pool{
+background-image: url('../svg/swimming-pool.svg');
+width: 64px;
+height: 66px;
+}
+
+/* ==== 4. Размещение===== */
+
+.place {
+ margin-bottom: 70px;
+}
+
+.place-list-wrapper {
+ flex-wrap: wrap;
+ gap: 24px;
+}
+
+/* Карточка товара */
+.place-card {
+display: flex;
+flex-direction: column;
+width: 374px;
+min-height: 440px;
+background-color: #FFF;
+
+/* overflow: hidden; */
+border-radius: 16px;
+
+}
+
+
+
+.price-txt {
+ margin: 0 0 0 0;
+}
+
+.price-txt-from{
+color: #999;
+margin-right: 5px;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+
+}
+
+.price-txt-number{
+color: #000;
+margin-right: 9px;
+font-size: 20px;
+font-style: normal;
+font-weight: 700;
+}
+
+.price-txt-text{
+color: #000;
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+
+}
+
+.pcd-country{
+color: #999;
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+
+}
+
+.pcd-location{
+max-width: 231px;
+}
+
+.pc-image {
+ margin-bottom: 35px;
+}
+
+.pc-more{
+
+/* шаг №1-в для ОБВОДКИ всего блока при :focus клавишей tab*/
+position: relative;
+outline: 1px solid transparent; /*обесцвеченная обводка*/
+outline-offset: 3px;/* границы обводки offset */
+transition: all .3s ease-in-out; /*скорость срабатывания*/
+
+}
+
+.pc-image-more {
+display:flex;
+align-items: flex-end; /*прижать ссылку линк вниз*/
+height: 100%;
+width: 374px;
+background-image: url(../img/place-more.png);
+background-size: cover;
+border-radius: 15px;
+}
+
+.pc-descr-wrapper {
+ 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%;
+}
+
+.pc-5stars{
+margin-top: 6px;
+}
+
+/* шаг №2-в для ОБВОДКИ всего блока при :focus*/
+.more-link {
+display: flex;
+align-items: center;
+gap: 5px;
+margin: 0px 0px 27px 54px;
+
+color: #FFF;
+font-size: 20px;
+font-family: Muller;
+font-style: normal;
+font-weight: 500;
+line-height: 200%;
+text-decoration: none;
+
+transition: gap .5s ease-in-out;
+}
+
+/* шаг №3-в для ОБВОДКИ всего блока при :focus*/
+.more-link:focus-within::after {
+
+content: '';
+position: absolute;
+outline: 2px solid var(--color-yellowGold);
+outline-offset: 5px;
+top: -1px;
+left: -1px;
+right: -1px;
+bottom: -1px;
+opacity: 0;
+
+border-radius: 10px;
+padding: 2px 2px;
+}
+
+/* шаги №4-в для ОБВОДКИ всего блока при :focus*/
+.more-link:focus-within::after {
+opacity: 1;
+}
+
+.more-link:focus-visible{
+outline: none;
+}
+
+/* шаг 5-в При :hover на ссылку ==> вся картинка стала ссылкой */
+
+.more-link:hover {
+gap: 15px;
+position: absolute;
+inset: 0;
+margin: 0;
+padding: 370px 0 0 54px;
+
+outline: 2px solid var(--color-yellowGold);
+outline-offset: 5px;
+border-radius: 10px;
+}
+
+.more-link:active {
+color: #FFF;
+outline-color: transparent;
+}
+
+
+
+/* кнопка НОМЕРА */
+.btn-wrapper {
+ 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);
+
+
+}
+
+.btn-appataments {
+ color: var(--color-yellowGold);
+ font-family: Muller;
+ font-size: 16px;
+ font-weight: 400;
+
+text-decoration: none;
+}
+
+.btn-appataments:focus{
+background-color: var(--color-yellowGolds);
+color: #FFF;
+outline-color: transparent;
+}
+
+.btn-appataments:hover{
+background-color: var(--color-yellowGolds);
+color: #FFF;
+}
+
+.btn-appataments:active{
+background-color: var(--color-sandBraun);
+color: #FFF;
+}
+
+
+
+/* ==== 5. Хочу тур ===== */
+
+.tour-wrapper{
+margin-bottom: 70px;
+padding: 45px 0 45px 0;
+
+border-radius: 15px;
+background: #E9E9E9;
+}
+
+.tour-wrapper .form-style{
+margin: 0 45px 0 40px;
+}
+
+.form-style{
+justify-content: flex-start;
+column-gap: 40px;
+padding: 30px 0 30px 30px;
+border-radius: 15px;
+}
+
+.form-style label{
+
+margin-bottom: 15px;
+color: #000;
+font-family: Muller;
+font-size: 12px;
+font-weight: 400;
+
+}
+
+.form-style select, input{
+border: none;
+/* margin-right: 41px;
+outline: 1px solid red;*/
+
+}
+
+
+.from-city{
+flex-direction: column;
+width: 160px;
+height: 16px;
+/* margin-right: 41px; */
+font-family: Muller;
+font-size: 16px;
+}
+
+.country{
+flex-direction: column;
+width: 160px;
+height: 16px;
+font-family: Muller;
+font-size: 16px;
+}
+
+.date{
+flex-direction: column;
+width: 130px;
+height: 16px;
+font-family: Muller;
+font-size: 16px;
+}
+
+.nigth{
+flex-direction: column;
+width: 120px;
+height: 16px;
+font-family: Muller;
+font-size: 16px;
+
+/* border-bottom: 1px solid #E9E9E9; */
+}
+
+.nigth input{
+border-bottom: 1px solid #E9E9E9;
+}
+
+.tourist{
+flex-direction: column;
+width: 120px;
+height: 16px;
+margin-right: 20px;
+
+font-family: Muller;
+font-size: 16px;
+
+}
+
+.tourist input{
+border-bottom: 1px solid #E9E9E9;
+}
+
+
+
+.form-style{
+display: flex;
+
+background: #ffffff;
+
+}
+
+.btn-search{
+margin: 0;
+
+color: var(--color-yellowGold);
+font-size: 16px;
+font-weight: 400;
+background-color: inherit;
+}
+
+.btn-search:focus{
+background-color: var(--color-yellowGolds);
+color: #FFF;
+outline-color: transparent; /*убрать черн.рамку обводки при :focus*/
+}
+
+.btn-search:hover{
+background-color: var(--color-yellowGolds);
+color: #FFF;
+}
+
+.btn-search:active{
+background-color: var(--color-sandBraun);
+color: #FFF;
+}
+
+
+
+/* ==== 6. Контакты ===== */
+
+.contacts{
+margin-bottom: 40px;
+
+border-radius: 15px;
+background: #FFF;
+padding: 45px;
+}
+
+/* левый блок Контактов */
+.contact-left{
+max-width: 375px;
+margin-right: 50px;
+
+/* outline: 1px solid red; */
+}
+
+/*(global) заголовок: Адрес-Тлфн-mail-График */
+.cla-title{
+min-width: 145px;
+color: #000;
+font-family: Muller;
+font-size: 20px;
+font-style: normal;
+font-weight: 700;
+}
+
+/* Адресс */
+.cl-address{
+display: flex;
+min-width: 230px;
+
+margin-bottom: 25px;
+padding-bottom: 25px;
+
+border-bottom: 1px solid #E9E9E9;
+}
+
+.address-descr{
+color: #000;
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 150%; /* 24px */
+}
+
+
+/* Телефон */
+.cl-telefon {
+display: flex;
+min-width: 230px;
+
+margin-bottom: 25px;
+padding-bottom: 25px;
+
+border-bottom: 1px solid #E9E9E9;
+}
+
+.telefon-descr{
+display: flex;
+flex-direction: column;
+
+outline: 1px solid transparent; /*обесцвеченная обводка*/
+outline-offset: 2px;/* границы обводки offset */
+
+transition: color 0.5s ease-in-out, outline-color .3s ease-in-out; /*время реагирования */
+
+}
+
+.telefon-descr a{
+text-decoration: none;
+color: var(--color-yellowGold);
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 150%; /* 24px */
+}
+
+.telefon-descr .tel-num:focus {
+outline-color:var(--color-yellowGolds);
+}
+
+.telefon-descr .tel-num:hover {
+ color: var(--color-redSand);
+}
+
+.telefon-descr .tel-num:active {
+color: var(--color-sandBraun); /* цвет шрифта */
+outline: 1px solid var(--color-sandBraun); /*обводка */
+}
+
+/* Mail */
+.cl-mail {
+display: flex;
+min-width: 230px;
+
+margin-bottom: 25px;
+padding-bottom: 25px;
+
+border-bottom: 1px solid #E9E9E9;
+}
+
+.mail-descr{
+display: flex;
+flex-direction: column;
+
+outline: 1px solid transparent; /*обесцвеченная обводка*/
+outline-offset: 2px;/* границы обводки offset */
+
+transition: color 0.5s ease-in-out, outline-color .3s ease-in-out; /*время реагирования */
+
+}
+
+.mail-descr a{
+text-decoration: none;
+
+color: var(--color-yellowGold);
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 150%; /* 24px */
+}
+
+.mail-descr .tomail:focus {
+outline-color:var(--color-yellowGolds);
+}
+
+.mail-descr .tomail:hover {
+ color: var(--color-redSand);
+}
+
+.mail-descr .tomail:active {
+color: var(--color-sandBraun); /* цвет шрифта */
+outline: 1px solid var(--color-sandBraun); /*обводка */
+}
+
+
+.md-txt{
+margin: inherit; /* временное обнуление в mail*/
+
+color: #999;
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 150%; /* 24px */
+}
+
+
+/* График */
+
+.cl-schedule {
+display: flex;
+min-width: 230px;
+
+margin-bottom: 25px;
+padding-bottom: 25px;
+
+border-bottom: 1px solid #E9E9E9;
+}
+
+.sd-txt{
+color: #000;
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 150%; /* 24px */
+}
+
+/* Кнопка МАРШРУТ */
+.route{
+margin-top: 35px;/* */
+display: flex;
+
+}
+
+.btn-route{
+
+padding: 30px;
+
+border-radius: 10px;
+border: 1px solid var(--color-yellowGold);
+
+text-decoration: none;
+color: var(--color-yellowGold);
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+}
+
+.btn-route:focus{
+background-color: var(--color-yellowGolds);
+color: #FFF;
+outline-color: transparent; /*убрать черн.рамку обводки при :focus*/
+
+}
+
+.btn-route:hover{
+background-color: var(--color-yellowGolds);
+color: #FFF;
+}
+
+.btn-route:active{
+background-color: var(--color-sandBraun);
+color: #FFF;
+}
+
+/* правый блок Контактов */
+.contact-rigth{
+width: 650px;
+}
+
+.cr-reseption img{
+border-radius: 10px;
+}
+
+/* ====== 7. ФУТЕР ===== */
+
+.footer-wrapper{
+padding: 45px;
+
+display: flex;
+justify-content: space-between;
+
+border-radius: 15px;
+background: #333;
+
+background-image: url('../img/footersun.png');
+background-repeat: no-repeat;
+background-position: 740px 110px; /* */
+/*background-position: 740px ; временно */
+
+}
+
+/* лев. блок ИНФО */
+.footer-info{
+display: flex;
+flex-direction: column;
+
+max-width: 305px;
+}
+
+.info-lagoon,
+.info-descr{
+margin-bottom: 37px;
+
+color: #FFF;
+/* color: rgb(112, 112, 108); */
+
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+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;
+color: var(--color-yellowGold);
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 150%; /* 24px */
+
+/* Обводка outline, в основном классе */
+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;
+}
+
+.info-accept a:focus{
+outline-color: var(--color-yellowGolds);
+}
+
+.info-accept a:hover{
+color: var(--color-yellowGolds);
+}
+
+.info-accept a:active{
+outline: 1px solid var(--color-yellowGolds);
+
+}
+
+
+/* средн. блок АДРЕС */
+.footer-address{
+display: flex;
+flex-direction: column;
+
+max-width: 360px;
+margin-left: -90px;
+}
+
+.address-txt{
+margin-bottom: 15px;
+
+color: #FFF;
+/* color: rgb(112, 112, 108); */
+
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 30px; /* 187.5% */
+}
+
+.address-tel {
+display: flex;
+flex-direction: column;
+margin-bottom: 15px;
+
+}
+
+.address-tel a{
+text-decoration: none;
+
+color: var(--color-yellowGold);
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 150%; /* 24px */
+
+max-width: fit-content;
+outline: 1px solid transparent;
+outline-offset: 2px;
+/*время реагирования */
+transition: color 0.5s ease-in-out, outline-color .35s ease-in-out;
+
+border-radius: 10px;
+padding: 2px 10px;
+}
+
+/* ToDo: [++] убрать двойная обводка */
+.address-tel a:focus{
+
+/* max-width: fit-content; */
+outline-color: var(--color-yellowGolds);
+}
+
+.address-tel a:hover {
+ color: var(--color-redSand);
+}
+
+.address-tel a:active {
+color: var(--color-sandBraun); /* цвет шрифта */
+outline: 1px solid var(--color-sandBraun); /*обводка */
+}
+
+
+.address-mail {
+display: flex;
+flex-direction: column;
+margin-bottom: 15px;
+
+}
+
+/* ToDo: [--] убрать двойная обводка */
+.address-mail a{
+text-decoration: none;
+
+color: var(--color-yellowGold);
+font-family: Muller;
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 150%; /* 24px */
+
+max-width: fit-content; /*чтоб не располз. рамка outline 'a*/
+outline: 1px solid transparent;
+outline-offset: 2px;
+
+/*время реагирования */
+transition: color 0.5s ease-in-out, outline-color .35s ease-in-out;
+
+border-radius: 10px;
+padding: 2px 10px;
+}
+
+.address-mail a:focus {
+outline-color:var(--color-yellowGolds);
+
+}
+
+.address-mail a:hover {
+ color: var(--color-redSand);
+}
+
+.address-mail a:active {
+color: var(--color-sandBraun); /* цвет шрифта */
+outline: 1px solid var(--color-sandBraun); /*обводка */
+}
+
+
+/* прав.блок СОЦСЕТИ */
+
+.footer-social{
+display: flex;
+flex-direction: column;
+gap: 20px;
+}
+
+/* Стили и псевдоклассы для svg-иконок */
+.soc-icon svg path{
+fill:#999999;
+
+transition: color 0.5s ease-in-out;
+
+}
+
+.soc-icon:focus svg path{
+fill:var(--color-yellowGolds);
+ }
+
+.soc-icon:hover svg path{
+fill:var(--color-yellowGolds);
+}
+
+.soc-icon:active svg path{
+fill:var(--color-sandBraun);
+ }
\ No newline at end of file
diff --git a/Hotel/favicon.ico b/Hotel/favicon.ico
new file mode 100644
index 0000000..7b6522b
Binary files /dev/null and b/Hotel/favicon.ico differ
diff --git a/Hotel/fonts/MullerBold.woff b/Hotel/fonts/MullerBold.woff
new file mode 100644
index 0000000..f45c711
Binary files /dev/null and b/Hotel/fonts/MullerBold.woff differ
diff --git a/Hotel/fonts/MullerBold.woff2 b/Hotel/fonts/MullerBold.woff2
new file mode 100644
index 0000000..57fc087
Binary files /dev/null and b/Hotel/fonts/MullerBold.woff2 differ
diff --git a/Hotel/fonts/MullerLight.woff b/Hotel/fonts/MullerLight.woff
new file mode 100644
index 0000000..e73f152
Binary files /dev/null and b/Hotel/fonts/MullerLight.woff differ
diff --git a/Hotel/fonts/MullerLight.woff2 b/Hotel/fonts/MullerLight.woff2
new file mode 100644
index 0000000..22585e2
Binary files /dev/null and b/Hotel/fonts/MullerLight.woff2 differ
diff --git a/Hotel/fonts/MullerMedium.woff b/Hotel/fonts/MullerMedium.woff
new file mode 100644
index 0000000..5ae19cb
Binary files /dev/null and b/Hotel/fonts/MullerMedium.woff differ
diff --git a/Hotel/fonts/MullerMedium.woff2 b/Hotel/fonts/MullerMedium.woff2
new file mode 100644
index 0000000..a6e9457
Binary files /dev/null and b/Hotel/fonts/MullerMedium.woff2 differ
diff --git a/Hotel/fonts/MullerRegular.woff b/Hotel/fonts/MullerRegular.woff
new file mode 100644
index 0000000..d17f369
Binary files /dev/null and b/Hotel/fonts/MullerRegular.woff differ
diff --git a/Hotel/fonts/MullerRegular.woff2 b/Hotel/fonts/MullerRegular.woff2
new file mode 100644
index 0000000..d5e52d8
Binary files /dev/null and b/Hotel/fonts/MullerRegular.woff2 differ
diff --git a/Hotel/img/Krit.jpg b/Hotel/img/Krit.jpg
new file mode 100644
index 0000000..8e3b3f9
Binary files /dev/null and b/Hotel/img/Krit.jpg differ
diff --git a/Hotel/img/Maldive.jpg b/Hotel/img/Maldive.jpg
new file mode 100644
index 0000000..70bed62
Binary files /dev/null and b/Hotel/img/Maldive.jpg differ
diff --git a/Hotel/img/footersun.png b/Hotel/img/footersun.png
new file mode 100644
index 0000000..1654641
Binary files /dev/null and b/Hotel/img/footersun.png differ
diff --git a/Hotel/img/logo.png b/Hotel/img/logo.png
new file mode 100644
index 0000000..414e7ed
Binary files /dev/null and b/Hotel/img/logo.png differ
diff --git a/Hotel/img/lux-number.jpg b/Hotel/img/lux-number.jpg
new file mode 100644
index 0000000..1e16be3
Binary files /dev/null and b/Hotel/img/lux-number.jpg differ
diff --git a/Hotel/img/place-1.png b/Hotel/img/place-1.png
new file mode 100644
index 0000000..fc5789c
Binary files /dev/null and b/Hotel/img/place-1.png differ
diff --git a/Hotel/img/place-2.png b/Hotel/img/place-2.png
new file mode 100644
index 0000000..121e5a9
Binary files /dev/null and b/Hotel/img/place-2.png differ
diff --git a/Hotel/img/place-3.png b/Hotel/img/place-3.png
new file mode 100644
index 0000000..512dd6e
Binary files /dev/null and b/Hotel/img/place-3.png differ
diff --git a/Hotel/img/place-4.png b/Hotel/img/place-4.png
new file mode 100644
index 0000000..b7da827
Binary files /dev/null and b/Hotel/img/place-4.png differ
diff --git a/Hotel/img/place-5.png b/Hotel/img/place-5.png
new file mode 100644
index 0000000..89b12db
Binary files /dev/null and b/Hotel/img/place-5.png differ
diff --git a/Hotel/img/place-6.png b/Hotel/img/place-6.png
new file mode 100644
index 0000000..3a44d2e
Binary files /dev/null and b/Hotel/img/place-6.png differ
diff --git a/Hotel/img/place-7.png b/Hotel/img/place-7.png
new file mode 100644
index 0000000..986f0e4
Binary files /dev/null and b/Hotel/img/place-7.png differ
diff --git a/Hotel/img/place-8.png b/Hotel/img/place-8.png
new file mode 100644
index 0000000..3cffe16
Binary files /dev/null and b/Hotel/img/place-8.png differ
diff --git a/Hotel/img/place-more.png b/Hotel/img/place-more.png
new file mode 100644
index 0000000..66c1a99
Binary files /dev/null and b/Hotel/img/place-more.png differ
diff --git a/Hotel/img/reseption.jpg b/Hotel/img/reseption.jpg
new file mode 100644
index 0000000..b953584
Binary files /dev/null and b/Hotel/img/reseption.jpg differ
diff --git a/Hotel/img/servis-img-1.png b/Hotel/img/servis-img-1.png
new file mode 100644
index 0000000..48be7e9
Binary files /dev/null and b/Hotel/img/servis-img-1.png differ
diff --git a/Hotel/img/servis-img-2.png b/Hotel/img/servis-img-2.png
new file mode 100644
index 0000000..e5c35b3
Binary files /dev/null and b/Hotel/img/servis-img-2.png differ
diff --git a/Hotel/img/servis-img-3.png b/Hotel/img/servis-img-3.png
new file mode 100644
index 0000000..01199f6
Binary files /dev/null and b/Hotel/img/servis-img-3.png differ
diff --git a/Hotel/img/servis-img-4.png b/Hotel/img/servis-img-4.png
new file mode 100644
index 0000000..f36b355
Binary files /dev/null and b/Hotel/img/servis-img-4.png differ
diff --git a/Hotel/index.html b/Hotel/index.html
new file mode 100644
index 0000000..cf0b1ad
--- /dev/null
+++ b/Hotel/index.html
@@ -0,0 +1,1139 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Home work 11.12 Hotels
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Спецпредложения
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ О нас
+
+
+ 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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Преимущества
+
+
+
+
+
+
+
+
+
+
+
+ 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.
+
+
+
+
+
+
+
+
+ TEST OF OVERFLOW - ТЕСТ НА ПЕРЕПОЛНЕНИЕ
+ TEST OF OVERFLOW - ТЕСТ НА ПЕРЕПОЛНЕНИЕ
+ TEST OF OVERFLOW - ТЕСТ НА ПЕРЕПОЛНЕНИЕ
+
+
+
+
+
+
+
+
+
+ TEST OF OVERFLOW - ТЕСТ НА ПЕРЕПОЛНЕНИЕ
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Размещение
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lagoona española
+
Барселона, Испания
+
+
+
+
+
+
+
+
+
+
+ Номера
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lagoona Dela son típicas
+
Барселона, Испания
+
+
+
+
+
+
+
+
+
+ Номера
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lagoona Trio la guerra
+
Барселона, Испания
+
+
+
+
+
+
+
+
+
+ Номера
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lagoona mentira piadosa
+
Барселона, Испания
+
+
+
+
+
+
+
+
+ Номера
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lagoona de la creatividad
+
Барселона, Испания
+
+
+
+
+
+
+
+
+ Номера
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lagoona Bosa el retorno
+
Барселона, Испания
+
+
+
+
+
+
+
+
+ Номера
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lagoona mentira piadosa
+
Барселона, Испания
+
+
+
+
+
+
+
+
+ Номера
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lagoona siguió siempre
+
Барселона, Испания
+
+
+
+
+
+
+
+
+
+
+
+
+ Номера
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Хочу тур
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Hotel/svg/arrow-go.svg b/Hotel/svg/arrow-go.svg
new file mode 100644
index 0000000..074e1ef
--- /dev/null
+++ b/Hotel/svg/arrow-go.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/Hotel/svg/arrow-right.svg b/Hotel/svg/arrow-right.svg
new file mode 100644
index 0000000..639c90b
--- /dev/null
+++ b/Hotel/svg/arrow-right.svg
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/Hotel/svg/arrow-white-go.svg b/Hotel/svg/arrow-white-go.svg
new file mode 100644
index 0000000..718460e
--- /dev/null
+++ b/Hotel/svg/arrow-white-go.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/Hotel/svg/bathtub.svg b/Hotel/svg/bathtub.svg
new file mode 100644
index 0000000..4e92fdf
--- /dev/null
+++ b/Hotel/svg/bathtub.svg
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/favicon.svg b/Hotel/svg/favicon.svg
new file mode 100644
index 0000000..251f162
--- /dev/null
+++ b/Hotel/svg/favicon.svg
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/footer-ok.svg b/Hotel/svg/footer-ok.svg
new file mode 100644
index 0000000..b020335
--- /dev/null
+++ b/Hotel/svg/footer-ok.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/Hotel/svg/footer-ta.svg b/Hotel/svg/footer-ta.svg
new file mode 100644
index 0000000..e4af0f1
--- /dev/null
+++ b/Hotel/svg/footer-ta.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/footer-vk.svg b/Hotel/svg/footer-vk.svg
new file mode 100644
index 0000000..81f6fd4
--- /dev/null
+++ b/Hotel/svg/footer-vk.svg
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/hanger.svg b/Hotel/svg/hanger.svg
new file mode 100644
index 0000000..ab82d83
--- /dev/null
+++ b/Hotel/svg/hanger.svg
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/heating.svg b/Hotel/svg/heating.svg
new file mode 100644
index 0000000..a15c1dc
--- /dev/null
+++ b/Hotel/svg/heating.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/hotel-key.svg b/Hotel/svg/hotel-key.svg
new file mode 100644
index 0000000..a4158d2
--- /dev/null
+++ b/Hotel/svg/hotel-key.svg
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/logo_lagoon.svg b/Hotel/svg/logo_lagoon.svg
new file mode 100644
index 0000000..56d6a9e
--- /dev/null
+++ b/Hotel/svg/logo_lagoon.svg
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/parking.svg b/Hotel/svg/parking.svg
new file mode 100644
index 0000000..b60fe16
--- /dev/null
+++ b/Hotel/svg/parking.svg
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/reception.svg b/Hotel/svg/reception.svg
new file mode 100644
index 0000000..9a0c1c4
--- /dev/null
+++ b/Hotel/svg/reception.svg
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/security-box.svg b/Hotel/svg/security-box.svg
new file mode 100644
index 0000000..7d802aa
--- /dev/null
+++ b/Hotel/svg/security-box.svg
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/star-empty.svg b/Hotel/svg/star-empty.svg
new file mode 100644
index 0000000..88dadcd
--- /dev/null
+++ b/Hotel/svg/star-empty.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/star-full.svg b/Hotel/svg/star-full.svg
new file mode 100644
index 0000000..b1a8aab
--- /dev/null
+++ b/Hotel/svg/star-full.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/Hotel/svg/swimming-pool.svg b/Hotel/svg/swimming-pool.svg
new file mode 100644
index 0000000..b4da7d7
--- /dev/null
+++ b/Hotel/svg/swimming-pool.svg
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Lionica/.vscode/settings.json b/Lionica/.vscode/settings.json
new file mode 100644
index 0000000..aef8443
--- /dev/null
+++ b/Lionica/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/Lionica/style/style.css b/Lionica/style/style.css
index 3940e74..595cd3f 100644
--- a/Lionica/style/style.css
+++ b/Lionica/style/style.css
@@ -606,7 +606,7 @@ padding-top: 48px;
transition: color 0.3s ease-in-out;
}
-/* focus over active для Контактов*/
+/* focus hover active для Контактов*/
.contacts-item-link:focus{
outline: 1px solid #71A7E2;
}
@@ -895,7 +895,7 @@ margin-right: 28px;
margin-right: 56px;
}
-/*тр иконки соц.сетей: Х in mail*/
+/*три иконки соц.сетей: Х in mail*/
.social{
align-items: center;
}