commit 5b3334f5ab92f0a0460b04de3363b3a223dd744a Author: Alena Date: Thu Nov 27 14:24:24 2025 +0200 first commit diff --git a/fonts/Muller/Muller-ExtraBold-DEMO.eot b/fonts/Muller/Muller-ExtraBold-DEMO.eot new file mode 100644 index 0000000..f3e37df Binary files /dev/null and b/fonts/Muller/Muller-ExtraBold-DEMO.eot differ diff --git a/fonts/Muller/Muller-ExtraBold-DEMO.woff b/fonts/Muller/Muller-ExtraBold-DEMO.woff new file mode 100644 index 0000000..e90fd4a Binary files /dev/null and b/fonts/Muller/Muller-ExtraBold-DEMO.woff differ diff --git a/fonts/Muller/Muller-ExtraBold-DEMO.woff2 b/fonts/Muller/Muller-ExtraBold-DEMO.woff2 new file mode 100644 index 0000000..14e911a Binary files /dev/null and b/fonts/Muller/Muller-ExtraBold-DEMO.woff2 differ diff --git a/fonts/Muller/Muller-Thin-DEMO.eot b/fonts/Muller/Muller-Thin-DEMO.eot new file mode 100644 index 0000000..50603dd Binary files /dev/null and b/fonts/Muller/Muller-Thin-DEMO.eot differ diff --git a/fonts/Muller/Muller-Thin-DEMO.woff b/fonts/Muller/Muller-Thin-DEMO.woff new file mode 100644 index 0000000..982a80f Binary files /dev/null and b/fonts/Muller/Muller-Thin-DEMO.woff differ diff --git a/fonts/Muller/Muller-Thin-DEMO.woff2 b/fonts/Muller/Muller-Thin-DEMO.woff2 new file mode 100644 index 0000000..478bf6f Binary files /dev/null and b/fonts/Muller/Muller-Thin-DEMO.woff2 differ diff --git a/images/About/Background/Microphone.png b/images/About/Background/Microphone.png new file mode 100644 index 0000000..ee753b0 Binary files /dev/null and b/images/About/Background/Microphone.png differ diff --git a/images/About/Background/dancer.png b/images/About/Background/dancer.png new file mode 100644 index 0000000..0cc5d83 Binary files /dev/null and b/images/About/Background/dancer.png differ diff --git a/images/About/Circle/Ellipse 3.svg b/images/About/Circle/Ellipse 3.svg new file mode 100644 index 0000000..69557cb --- /dev/null +++ b/images/About/Circle/Ellipse 3.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/images/About/Circle/Ellipse 5.svg b/images/About/Circle/Ellipse 5.svg new file mode 100644 index 0000000..39ec50c --- /dev/null +++ b/images/About/Circle/Ellipse 5.svg @@ -0,0 +1,20 @@ + + + + + +
 + + + + + + + + + + + + + + diff --git a/images/About/Circle/Ellipse 6.svg b/images/About/Circle/Ellipse 6.svg new file mode 100644 index 0000000..aaed2bb --- /dev/null +++ b/images/About/Circle/Ellipse 6.svg @@ -0,0 +1,20 @@ + + + + + +
 + + + + + + + + + + + + + + diff --git a/images/About/Circle/Ellipse 7.svg b/images/About/Circle/Ellipse 7.svg new file mode 100644 index 0000000..3e40e74 --- /dev/null +++ b/images/About/Circle/Ellipse 7.svg @@ -0,0 +1,20 @@ + + + + + +
 + + + + + + + + + + + + + + diff --git a/images/About/Circle/index.svg b/images/About/Circle/index.svg new file mode 100644 index 0000000..dd42390 --- /dev/null +++ b/images/About/Circle/index.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/images/About/Messenge.svg b/images/About/Messenge.svg new file mode 100644 index 0000000..3c3baf1 --- /dev/null +++ b/images/About/Messenge.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/About/Row/Bottle.svg b/images/About/Row/Bottle.svg new file mode 100644 index 0000000..4378eed --- /dev/null +++ b/images/About/Row/Bottle.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/About/Row/Microphone.svg b/images/About/Row/Microphone.svg new file mode 100644 index 0000000..7df802f --- /dev/null +++ b/images/About/Row/Microphone.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/About/Row/Money.svg b/images/About/Row/Money.svg new file mode 100644 index 0000000..223098b --- /dev/null +++ b/images/About/Row/Money.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/About/Row/Salute.svg b/images/About/Row/Salute.svg new file mode 100644 index 0000000..844845c --- /dev/null +++ b/images/About/Row/Salute.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/About/Tick.svg b/images/About/Tick.svg new file mode 100644 index 0000000..9d089a2 --- /dev/null +++ b/images/About/Tick.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Answer/BCG.png b/images/Answer/BCG.png new file mode 100644 index 0000000..d6c1f5e Binary files /dev/null and b/images/Answer/BCG.png differ diff --git a/images/Answer/Shoes.png b/images/Answer/Shoes.png new file mode 100644 index 0000000..6f397c3 Binary files /dev/null and b/images/Answer/Shoes.png differ diff --git a/images/Background.png b/images/Background.png new file mode 100644 index 0000000..adf12aa Binary files /dev/null and b/images/Background.png differ diff --git a/images/Footer/Calendar.svg b/images/Footer/Calendar.svg new file mode 100644 index 0000000..d9fe16e --- /dev/null +++ b/images/Footer/Calendar.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Footer/Logo.svg b/images/Footer/Logo.svg new file mode 100644 index 0000000..691d6fe --- /dev/null +++ b/images/Footer/Logo.svg @@ -0,0 +1,148 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/Footer/Map.svg b/images/Footer/Map.svg new file mode 100644 index 0000000..3c19af3 --- /dev/null +++ b/images/Footer/Map.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Footer/Mobile.svg b/images/Footer/Mobile.svg new file mode 100644 index 0000000..1dad615 --- /dev/null +++ b/images/Footer/Mobile.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Halls/Photo/1.png b/images/Halls/Photo/1.png new file mode 100644 index 0000000..03d7a97 Binary files /dev/null and b/images/Halls/Photo/1.png differ diff --git a/images/Halls/Photo/2.png b/images/Halls/Photo/2.png new file mode 100644 index 0000000..88320d8 Binary files /dev/null and b/images/Halls/Photo/2.png differ diff --git a/images/Halls/Vector (10).svg b/images/Halls/Vector (10).svg new file mode 100644 index 0000000..a0f14c3 --- /dev/null +++ b/images/Halls/Vector (10).svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Halls/Vector (11).svg b/images/Halls/Vector (11).svg new file mode 100644 index 0000000..d11ef2a --- /dev/null +++ b/images/Halls/Vector (11).svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Halls/Vector (12).svg b/images/Halls/Vector (12).svg new file mode 100644 index 0000000..6d11165 --- /dev/null +++ b/images/Halls/Vector (12).svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Halls/Vector (13).svg b/images/Halls/Vector (13).svg new file mode 100644 index 0000000..c5c350f --- /dev/null +++ b/images/Halls/Vector (13).svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Header/Logo.svg b/images/Header/Logo.svg new file mode 100644 index 0000000..691d6fe --- /dev/null +++ b/images/Header/Logo.svg @@ -0,0 +1,148 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/Header/Map.svg b/images/Header/Map.svg new file mode 100644 index 0000000..3c19af3 --- /dev/null +++ b/images/Header/Map.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Header/Mobile.svg b/images/Header/Mobile.svg new file mode 100644 index 0000000..1dad615 --- /dev/null +++ b/images/Header/Mobile.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Privilege/Background/BCG.png b/images/Privilege/Background/BCG.png new file mode 100644 index 0000000..d6c1f5e Binary files /dev/null and b/images/Privilege/Background/BCG.png differ diff --git a/images/Privilege/Background/Microphone.png b/images/Privilege/Background/Microphone.png new file mode 100644 index 0000000..6764e6d Binary files /dev/null and b/images/Privilege/Background/Microphone.png differ diff --git a/images/Privilege/Board/Bottle.svg b/images/Privilege/Board/Bottle.svg new file mode 100644 index 0000000..0d7e702 --- /dev/null +++ b/images/Privilege/Board/Bottle.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Privilege/Board/Clothes.svg b/images/Privilege/Board/Clothes.svg new file mode 100644 index 0000000..a18e7cc --- /dev/null +++ b/images/Privilege/Board/Clothes.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Privilege/Board/Dance.svg b/images/Privilege/Board/Dance.svg new file mode 100644 index 0000000..5557fd9 --- /dev/null +++ b/images/Privilege/Board/Dance.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Privilege/Board/Disk.svg b/images/Privilege/Board/Disk.svg new file mode 100644 index 0000000..7521eb9 --- /dev/null +++ b/images/Privilege/Board/Disk.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Privilege/Board/Location.svg b/images/Privilege/Board/Location.svg new file mode 100644 index 0000000..b1beab4 --- /dev/null +++ b/images/Privilege/Board/Location.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Privilege/Board/Money.svg b/images/Privilege/Board/Money.svg new file mode 100644 index 0000000..a24a553 --- /dev/null +++ b/images/Privilege/Board/Money.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Privilege/Ticks.svg b/images/Privilege/Ticks.svg new file mode 100644 index 0000000..d54c4d9 --- /dev/null +++ b/images/Privilege/Ticks.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Steps/Row/Calendar.svg b/images/Steps/Row/Calendar.svg new file mode 100644 index 0000000..8253518 --- /dev/null +++ b/images/Steps/Row/Calendar.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Steps/Row/Clock.svg b/images/Steps/Row/Clock.svg new file mode 100644 index 0000000..0a501e1 --- /dev/null +++ b/images/Steps/Row/Clock.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Steps/Row/Group.svg b/images/Steps/Row/Group.svg new file mode 100644 index 0000000..93785bd --- /dev/null +++ b/images/Steps/Row/Group.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Steps/Row/Out.svg b/images/Steps/Row/Out.svg new file mode 100644 index 0000000..ac03c95 --- /dev/null +++ b/images/Steps/Row/Out.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Steps/Row/Time.svg b/images/Steps/Row/Time.svg new file mode 100644 index 0000000..a9f3133 --- /dev/null +++ b/images/Steps/Row/Time.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/Steps/Screen/Скриншот (1).png b/images/Steps/Screen/Скриншот (1).png new file mode 100644 index 0000000..7c7f206 Binary files /dev/null and b/images/Steps/Screen/Скриншот (1).png differ diff --git a/images/Steps/Screen/Скриншот (2).png b/images/Steps/Screen/Скриншот (2).png new file mode 100644 index 0000000..fbae16e Binary files /dev/null and b/images/Steps/Screen/Скриншот (2).png differ diff --git a/images/Steps/Screen/Скриншот (3).png b/images/Steps/Screen/Скриншот (3).png new file mode 100644 index 0000000..ae85094 Binary files /dev/null and b/images/Steps/Screen/Скриншот (3).png differ diff --git a/images/Steps/Screen/Скриншот (4).png b/images/Steps/Screen/Скриншот (4).png new file mode 100644 index 0000000..c225c70 Binary files /dev/null and b/images/Steps/Screen/Скриншот (4).png differ diff --git a/images/Steps/Screen/Скриншот (5).png b/images/Steps/Screen/Скриншот (5).png new file mode 100644 index 0000000..1f986ac Binary files /dev/null and b/images/Steps/Screen/Скриншот (5).png differ diff --git a/images/Steps/Screen/Скриншот.png b/images/Steps/Screen/Скриншот.png new file mode 100644 index 0000000..26d2180 Binary files /dev/null and b/images/Steps/Screen/Скриншот.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..85f30dd --- /dev/null +++ b/index.html @@ -0,0 +1,198 @@ + + + + + + + Figma_3 + + + + + + +
+
+
+
+ +
+
+
+ + + +
+
+
38 (097) 970-90-90 +
+
+
+ + + +
+ м. Лубянка +
+
+
+ + +
+
+
+
+
+
+
+
Арендуй Караоке-Зал до 10 человек
+
возьми алкоголь и еду с собой + м. Лубянка +
+
+ +
+ + + + Если хочешь попеть и оторваться +
+ +
+ + + + Отдохнуть после работы +
+ +
+ + + + Хорошо провести время +
+
+ +
+
+
+
24
+
Можно шуметь
+
Круглосуточно
+
+
+ + + +
+
Связаться с нами
+
+
+
+
+ +
+ + + + + + + + + + + + Профессиональное караоке AST-50 +
+ +
+ + + + + + + + + + + + Без пробкового сбора +
+ +
+ + + + + + + + + + + + Без депозита +
+ +
+ + + + + + + + + + + + Скидка + в День Рождения +
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..e69de29 diff --git a/reset.css b/reset.css new file mode 100644 index 0000000..40b4860 --- /dev/null +++ b/reset.css @@ -0,0 +1,18 @@ +*{padding: 0;margin: 0;border: 0;} +*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} +:focus,:active{outline: none;} +a:focus,a:active{outline: none;} +nav,footer,header,aside{display: block;} +html,body{ + height:100%;width:100%; + font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;} +input,button,textarea{font-family:inherit;} +input::-ms-clear{display: none;} +button{cursor: pointer;} +button::-moz-focus-inner{padding:0;border:0;} +a,a:visited{text-decoration: none;} +a:hover{text-decoration: none;} +ul li{list-style: none;} +img{vertical-align: top;} +h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: inherit;} +a{color:inherit;} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..9e10034 --- /dev/null +++ b/style.css @@ -0,0 +1,258 @@ +@font-face { + font-family: "Muller"; + src: url("/fonts/Muller/Muller-Thin-DEMO.woff2") format("woff2"), + url("/fonts/Muller/Muller-Thin-DEMO.eot") format("eot"), + url("/fonts/Muller/Muller-Thin-DEMO.woff") format("woff"); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Muller"; + src: url("/fonts/Muller/Muller-ExtraBold-DEMO.woff2") format("woff2"), + url("/fonts/Muller/Muller-ExtraBold-DEMO.eot") format("eot"), + url("/fonts/Muller/Muller-ExtraBold-DEMO.woff") format("woff"); + font-weight: 700; + font-style: normal; + font-display: swap; +} +.plus { + font-family: Arial, Helvetica, sans-serif; + font-weight: 100; + opacity: 0.5; + font-size: 16px; + margin: 2px; +} + +html, body { + height: 100%; + width: 100%; + font-family: "Muller", sans-serif; + font-size: 16px; + font-weight: 400; + letter-spacing: 3%; +} +.wrapper { + height: 100%; + background: linear-gradient(rgba(96, 101, 113, 0.05), rgba(96, 101, 113, 100) 150%); + background-color: black; +} +.header { + position: fixed; + height: 140px; + display: flex; + justify-content: space-between; + width: 100%; + border-bottom: 5px dashed #191820; +} +.container { + max-width: 1818px; + padding: 40px 51px 0px 39px; + margin: 0 auto; + width: 100%; + height: 100%; +} +.header_body { + display: flex; + justify-content: space-between; + align-items: center; +} +.header_logo { + max-width: 293px; + max-height: 67px; +} +.img_logo { + height: 100%; + width: 100%; +} +.header_contacts { + display: flex; + align-items: center; + justify-content: center; + margin: 0 20px; +} +.header_call { + display: flex; + align-items: center; + justify-content: center; + color: #fff; + font-size: 15px; + margin-right: 40px; +} +.header_call_svg { + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(255, 255, 255, 0.07); + border-radius: 50%; + padding: 15px; + margin-right: 17px; +} +.header_map_svg svg { + display: block; + width: 29px; + height: 29px; +} + +.header_map { + display: flex; + align-items: center; + justify-content: center; + color: #fff; + gap: 17px; + font-size: 15px; +} +.header_map_svg { + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(255, 255, 255, 0.07); + border-radius: 50%; + padding: 15px; +} +.header_map_svg svg { + display: block; + width: 29px; + height: 29px; +} +.header_buttons { + display: flex; + align-items: center; + justify-content: center; +} +.header_btn_about { + border-radius: 40px; + padding: 20px; + text-transform: uppercase; + min-width: 207px; + font-weight: 700; + font-size: 13px; + letter-spacing: 5%; + background-color: transparent; + border: 1px solid rgba(255, 255, 255, 0.5); + color: #fff; + margin-right: 25px; +} +.header_btn_reserv { + border-radius: 40px; + padding: 20px; + text-transform: uppercase; + min-width: 207px; + font-weight: 700; + font-size: 13px; + letter-spacing: 5%; +} +/* --------------------------------------------------------------------------------------------------- */ +.about { + padding-top: 180px; + display: flex; + flex-direction: column; + height: 100%; + background: url("./images/About/Background/dancer.png") 70%; + background-repeat: no-repeat; + background-size: contain; +} +.about_inner { + display: flex; + height: 100%; +} +.about_content { + color: white; + margin-left: 51px; + width: 50%; +} +.about_heading { + font-size: 32px; + text-transform: uppercase; + margin-bottom: 25px; +} +.about_title { + font-size: 60px; + text-transform: uppercase; + font-weight: 900; + margin-right: 60px; +} +.about_title span { + font-size: 15px; + font-weight: 400; + background-color: rgba(52, 58, 62, 1); + text-transform: none; + padding: 4px 12px; + border-radius: 60px; + vertical-align: middle; +} +.about_row_if { + display: flex; + margin: 20px 0; +} +.row_if { + display: flex; + align-items: center; + justify-content: center; + margin-right: 21px; +} +.row_if svg { + margin-right: 11px; +} +.about_button { + +} +.button { + + padding: 25px 35px; + border-radius: 60px; + text-transform: uppercase; + font-size: 13px; + letter-spacing: 5%; + font-weight: 700; + background: linear-gradient(93.25deg, #EA422A 0%, #F69020 48.58%, #FFC619 101.38%); +} +.about_image { + width: 50%; + height: 100%; +} +.about_info { + color: #fff; +} +.about_info_index { +} +.about_info_heading { +} +.about_info_title { +} +.about_svg { +} +.about_reverse_text { +} +.about_row { + color: #fff; +} +.about_list { + display: flex; + +} +.about_item { + display: flex; + align-items: center; + width: 25%; + padding: 30px 50px; +} +.about_item_light { + background-color: rgba(40, 43, 50, 1); +} +.about_item_dark { + background-color: rgba(32, 33, 36, 1); +} +.about_item svg { + display: block; + width: 70px; + height: 70px; +} +.about_item span { + display: block; + width: 34px; + height: 1px; + background-color: rgba(255, 198, 25, 0.3); + margin: 0px 21px 0px 18px; +} \ No newline at end of file