diff --git a/Icon-Burger-menu.fda17e88.png b/Icon-Burger-menu.fda17e88.png new file mode 100644 index 0000000000..289fd29153 Binary files /dev/null and b/Icon-Burger-menu.fda17e88.png differ diff --git a/Icon-Close.35a94dac.png b/Icon-Close.35a94dac.png new file mode 100644 index 0000000000..520c629db5 Binary files /dev/null and b/Icon-Close.35a94dac.png differ diff --git a/Icon-Phone-call.f2eee59c.png b/Icon-Phone-call.f2eee59c.png new file mode 100644 index 0000000000..162f015468 Binary files /dev/null and b/Icon-Phone-call.f2eee59c.png differ diff --git a/Logo.c94b569d.png b/Logo.c94b569d.png new file mode 100644 index 0000000000..f7670823d1 Binary files /dev/null and b/Logo.c94b569d.png differ diff --git a/bg-header-modile.758ca939.png b/bg-header-modile.758ca939.png new file mode 100644 index 0000000000..c9bcb0de6f Binary files /dev/null and b/bg-header-modile.758ca939.png differ diff --git a/index.b3b5041b.js b/index.b3b5041b.js new file mode 100644 index 0000000000..2f4ca57791 --- /dev/null +++ b/index.b3b5041b.js @@ -0,0 +1,3 @@ +//# sourceMappingURL=index.b3b5041b.js.map + +//# sourceMappingURL=index.b3b5041b.js.map diff --git a/index.b3b5041b.js.map b/index.b3b5041b.js.map new file mode 100644 index 0000000000..d2251275b4 --- /dev/null +++ b/index.b3b5041b.js.map @@ -0,0 +1 @@ +{"mappings":"A,2D","sources":["","src/scripts/main.js"],"sourcesContent":["\"use strict\";\n\n//# sourceMappingURL=index.b3b5041b.js.map\n","'use strict';\n"],"names":[],"version":3,"file":"index.b3b5041b.js.map"} \ No newline at end of file diff --git a/index.facefb9b.css b/index.facefb9b.css new file mode 100644 index 0000000000..d8dbae11af --- /dev/null +++ b/index.facefb9b.css @@ -0,0 +1,2 @@ +*{box-sizing:border-box}.page{color:#1b2129;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;line-height:140%}.page__body{margin:0;padding:0}.page__menu{opacity:0;pointer-events:none;position:fixed;top:0;left:0;right:0}.title{color:#fff;margin:0;font-size:36px;font-weight:700;line-height:100%}.header{background-image:url(bg-header-modile.758ca939.png);background-position:50%;background-repeat:no-repeat;background-size:cover;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:100vh;display:-ms-flexbox;display:flex}.header__top{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.header__bottom{padding:0 20px 40px}.top-bar__icons{gap:24px;display:-ms-flexbox;display:flex}.top-bar{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:24px 20px;display:-ms-flexbox;display:flex}.menu{background-color:#f9f9f9;height:100vh;font-weight:700}.menu__content{padding-left:20px;padding-right:20px}.page__menu:target{opacity:1;pointer-events:all}.icon{width:24px;height:24px;display:block}.icon--phone{background-image:url(Icon-Phone-call.f2eee59c.png)}.icon--menu{background-image:url(Icon-Burger-menu.fda17e88.png)}.icon--close{background-image:url(Icon-Close.35a94dac.png)}.nav__list{-ms-flex-direction:column;flex-direction:column;gap:32px;margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex}.menu__call-to-order{color:inherit;text-transform:uppercase;letter-spacing:2px;width:-moz-fit-content;border-bottom:1px solid #1b2129;width:fit-content;padding-bottom:3px;text-decoration:none;display:block}.menu__phone-number{color:inherit;text-transform:uppercase;margin-bottom:16px;font-size:16px;text-decoration:none;display:block}.nav__link{color:inherit;font-size:22px;line-height:22px;text-decoration:none}.menu__nav{margin-bottom:48px}.menu__top{margin-bottom:60px}.top-bar__logo{display:-ms-flexbox;display:flex} +/*# sourceMappingURL=index.facefb9b.css.map */ diff --git a/index.facefb9b.css.map b/index.facefb9b.css.map new file mode 100644 index 0000000000..1dbd618e44 --- /dev/null +++ b/index.facefb9b.css.map @@ -0,0 +1 @@ +{"mappings":"ACAA,wBAIA,mGAQA,+BAMA,8EAUA,2EAQA,ySAYA,2IAMA,oCAIA,0DAKA,yJAOA,4DAMA,oDAIA,gDAKA,2CAMA,iFAIA,iFAIA,4EAIA,wIASA,8MAYA,gIASA,8EAOA,8BAIA,8BAIA","sources":["index.facefb9b.css","src/styles/style.css"],"sourcesContent":["* {\n box-sizing: border-box;\n}\n\n.page {\n color: #1b2129;\n font-family: Manrope, sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 140%;\n}\n\n.page__body {\n margin: 0;\n padding: 0;\n}\n\n.page__menu {\n opacity: 0;\n pointer-events: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.title {\n color: #fff;\n margin: 0;\n font-size: 36px;\n font-weight: 700;\n line-height: 100%;\n}\n\n.header {\n background-image: url(\"bg-header-modile.758ca939.png\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-pack: justify;\n justify-content: space-between;\n height: 100vh;\n display: -ms-flexbox;\n display: flex;\n}\n\n.header__top {\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: center;\n align-items: center;\n display: -ms-flexbox;\n display: flex;\n}\n\n.header__bottom {\n padding: 0 20px 40px;\n}\n\n.top-bar__icons {\n gap: 24px;\n display: -ms-flexbox;\n display: flex;\n}\n\n.top-bar {\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: center;\n align-items: center;\n padding: 24px 20px;\n display: -ms-flexbox;\n display: flex;\n}\n\n.menu {\n background-color: #f9f9f9;\n height: 100vh;\n font-weight: 700;\n}\n\n.menu__content {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n.page__menu:target {\n opacity: 1;\n pointer-events: all;\n}\n\n.icon {\n width: 24px;\n height: 24px;\n display: block;\n}\n\n.icon--phone {\n background-image: url(\"Icon-Phone-call.f2eee59c.png\");\n}\n\n.icon--menu {\n background-image: url(\"Icon-Burger-menu.fda17e88.png\");\n}\n\n.icon--close {\n background-image: url(\"Icon-Close.35a94dac.png\");\n}\n\n.nav__list {\n -ms-flex-direction: column;\n flex-direction: column;\n gap: 32px;\n margin: 0;\n padding: 0;\n list-style: none;\n display: -ms-flexbox;\n display: flex;\n}\n\n.menu__call-to-order {\n color: inherit;\n text-transform: uppercase;\n letter-spacing: 2px;\n border-bottom: 1px solid #1b2129;\n width: -moz-fit-content;\n width: fit-content;\n padding-bottom: 3px;\n text-decoration: none;\n display: block;\n}\n\n.menu__phone-number {\n color: inherit;\n text-transform: uppercase;\n margin-bottom: 16px;\n font-size: 16px;\n text-decoration: none;\n display: block;\n}\n\n.nav__link {\n color: inherit;\n font-size: 22px;\n line-height: 22px;\n text-decoration: none;\n}\n\n.menu__nav {\n margin-bottom: 48px;\n}\n\n.menu__top {\n margin-bottom: 60px;\n}\n\n.top-bar__logo {\n display: -ms-flexbox;\n display: flex;\n}\n\n/*# sourceMappingURL=index.facefb9b.css.map */\n","* {\n box-sizing: border-box;\n}\n\n.page {\n color: #1B2129;\n font-family: Manrope, sans-serif;\n font-weight: 400;\n line-height: 140%;\n font-size: 16px;\n}\n\n.page__body {\n padding: 0;\n margin: 0;\n}\n\n\n.page__menu {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n\n opacity: 0;\n pointer-events: none;\n}\n\n.title {\n margin: 0;\n font-weight: 700;\n color:#fff;\n font-size: 36px;\n line-height: 100%;\n}\n\n.header {\n height: 100vh;\n background-image: url(../images/bg-header-modile.png);\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.header__top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.header__bottom {\n padding: 0 20px 40px;\n}\n\n.top-bar__icons {\n display: flex;\n gap: 24px\n}\n\n.top-bar {\n padding: 24px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.menu {\n height: 100vh;\n background-color: #F9F9F9;\n font-weight: 700;\n}\n\n.menu__content {\n padding-inline: 20px;\n}\n\n.page__menu:target {\n opacity: 1;\n pointer-events: all;\n}\n\n.icon {\n display: block;\n height: 24px;\n width: 24px;\n}\n\n.icon--phone{\n background-image: url(../images/icons/Icon-Phone-call.png);\n}\n\n.icon--menu {\n background-image: url(../images/icons/Icon-Burger-menu.png);\n}\n\n.icon--close {\n background-image: url(../images/icons/Icon-Close.png);\n}\n\n.nav__list {\n padding: 0;\n margin: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 32px;\n}\n\n.menu__call-to-order {\n color: inherit;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 2px;\n\n display: block;\n padding-bottom: 3px;\n border-bottom: 1px solid #1B2129;\n width: fit-content;\n}\n\n.menu__phone-number {\n display: block;\n margin-bottom: 16px;\n color: inherit;\n text-decoration: none;\n font-size: 16px;\n text-transform: uppercase;\n}\n\n.nav__link {\n color: inherit;\n text-decoration: none;\n font-size: 22px;\n line-height: 22px;\n}\n\n.menu__nav {\n margin-bottom: 48px;\n}\n\n.menu__top {\n margin-bottom: 60px;\n}\n\n.top-bar__logo {\n display: flex;\n}\n"],"names":[],"version":3,"file":"index.facefb9b.css.map"} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000000..59b600d1de --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +B&O

Your senses.
Set free.

\ No newline at end of file