htmlonelove · nastya12oz · Jul 13, 2023 · Jul 13, 2023 · Jul 13, 2023 · Jul 14, 2023
diff --git a/build/css/style.css b/build/css/style.css
diff --git a/build/css/style.min.css b/build/css/style.min.css
diff --git a/build/css/style.min.css.map b/build/css/style.min.css.map
diff --git a/build/fonts/alumni-sans-v16-latin-600.woff2 b/build/fonts/alumni-sans-v16-latin-600.woff2
diff --git a/build/fonts/roboto-condensed-v25-latin-700.woff2 b/build/fonts/roboto-condensed-v25-latin-700.woff2
diff --git a/build/fonts/roboto-condensed-v25-latin-regular.woff2 b/build/fonts/roboto-condensed-v25-latin-regular.woff2
diff --git a/build/fonts/rouble.woff b/build/fonts/rouble.woff
diff --git a/build/fonts/rouble.woff2 b/build/fonts/rouble.woff2
diff --git a/build/img/dumbbell/dumbbell_desktop.png b/build/img/dumbbell/dumbbell_desktop.png
diff --git a/build/img/dumbbell/dumbbell_desktop.webp b/build/img/dumbbell/dumbbell_desktop.webp
diff --git a/build/img/dumbbell/dumbbell_desktop@2x.png b/build/img/dumbbell/dumbbell_desktop@2x.png
diff --git a/build/img/dumbbell/dumbbell_desktop@2x.webp b/build/img/dumbbell/dumbbell_desktop@2x.webp
diff --git a/build/img/dumbbell/dumbbell_tablet.png b/build/img/dumbbell/dumbbell_tablet.png
diff --git a/build/img/dumbbell/dumbbell_tablet.webp b/build/img/dumbbell/dumbbell_tablet.webp
diff --git a/build/img/dumbbell/dumbbell_tablet@2x.png b/build/img/dumbbell/dumbbell_tablet@2x.png
diff --git a/build/img/dumbbell/dumbbell_tablet@2x.webp b/build/img/dumbbell/dumbbell_tablet@2x.webp
diff --git a/build/img/favicons/192.png b/build/img/favicons/192.png
diff --git a/build/img/favicons/192.webp b/build/img/favicons/192.webp
diff --git a/build/img/favicons/apple.png b/build/img/favicons/apple.png
diff --git a/build/img/favicons/apple.webp b/build/img/favicons/apple.webp
diff --git a/build/img/favicons/icon.svg b/build/img/favicons/icon.svg
diff --git a/build/img/gradient/background-gradient_desktop.png b/build/img/gradient/background-gradient_desktop.png
diff --git a/build/img/gradient/background-gradient_desktop.webp b/build/img/gradient/background-gradient_desktop.webp
diff --git a/build/img/gradient/background-gradient_mobile.png b/build/img/gradient/background-gradient_mobile.png
diff --git a/build/img/gradient/background-gradient_mobile.webp b/build/img/gradient/background-gradient_mobile.webp
diff --git a/build/img/gradient/background-gradient_tablet.png b/build/img/gradient/background-gradient_tablet.png
diff --git a/build/img/gradient/background-gradient_tablet.webp b/build/img/gradient/background-gradient_tablet.webp
diff --git a/build/img/gym/gym_desktop.png b/build/img/gym/gym_desktop.png
diff --git a/build/img/gym/gym_desktop.webp b/build/img/gym/gym_desktop.webp
diff --git a/build/img/gym/gym_desktop@2x.png b/build/img/gym/gym_desktop@2x.png
diff --git a/build/img/gym/gym_desktop@2x.webp b/build/img/gym/gym_desktop@2x.webp
diff --git a/build/img/gym/gym_mobile.png b/build/img/gym/gym_mobile.png
diff --git a/build/img/gym/gym_mobile.webp b/build/img/gym/gym_mobile.webp
diff --git a/build/img/gym/gym_mobile@2x.png b/build/img/gym/gym_mobile@2x.png
diff --git a/build/img/gym/gym_mobile@2x.webp b/build/img/gym/gym_mobile@2x.webp
diff --git a/build/img/gym/gym_tablet.png b/build/img/gym/gym_tablet.png
diff --git a/build/img/gym/gym_tablet.webp b/build/img/gym/gym_tablet.webp
diff --git a/build/img/gym/gym_tablet@2x.png b/build/img/gym/gym_tablet@2x.png
diff --git a/build/img/gym/gym_tablet@2x.webp b/build/img/gym/gym_tablet@2x.webp
diff --git a/build/img/hero/hero_desktop.png b/build/img/hero/hero_desktop.png
diff --git a/build/img/hero/hero_desktop.webp b/build/img/hero/hero_desktop.webp
diff --git a/build/img/hero/hero_desktop@2x.png b/build/img/hero/hero_desktop@2x.png
diff --git a/build/img/hero/hero_desktop@2x.webp b/build/img/hero/hero_desktop@2x.webp
diff --git a/build/img/hero/hero_tablet.png b/build/img/hero/hero_tablet.png
diff --git a/build/img/hero/hero_tablet.webp b/build/img/hero/hero_tablet.webp
diff --git a/build/img/hero/hero_tablet@2x.png b/build/img/hero/hero_tablet@2x.png
diff --git a/build/img/hero/hero_tablet@2x.webp b/build/img/hero/hero_tablet@2x.webp
diff --git a/build/img/logotype.svg b/build/img/logotype.svg
diff --git a/build/img/reviews/review.png b/build/img/reviews/review.png
diff --git a/build/img/reviews/review.webp b/build/img/reviews/review.webp
diff --git a/build/img/reviews/review@2x.png b/build/img/reviews/review@2x.png
diff --git a/build/img/reviews/review@2x.webp b/build/img/reviews/review@2x.webp
diff --git a/build/img/reviews/review_mobile.png b/build/img/reviews/review_mobile.png
diff --git a/build/img/reviews/review_mobile.webp b/build/img/reviews/review_mobile.webp
diff --git a/build/img/reviews/review_mobile@2x.png b/build/img/reviews/review_mobile@2x.png
diff --git a/build/img/reviews/review_mobile@2x.webp b/build/img/reviews/review_mobile@2x.webp
diff --git a/build/img/sale/sale_desktop.png b/build/img/sale/sale_desktop.png
diff --git a/build/img/sale/sale_desktop.webp b/build/img/sale/sale_desktop.webp
diff --git a/build/img/sale/sale_desktop@2x.png b/build/img/sale/sale_desktop@2x.png
diff --git a/build/img/sale/sale_desktop@2x.webp b/build/img/sale/sale_desktop@2x.webp
diff --git a/build/img/sale/sale_mobile.png b/build/img/sale/sale_mobile.png
diff --git a/build/img/sale/sale_mobile.webp b/build/img/sale/sale_mobile.webp
diff --git a/build/img/sale/sale_mobile@2x.png b/build/img/sale/sale_mobile@2x.png
diff --git a/build/img/sale/sale_mobile@2x.webp b/build/img/sale/sale_mobile@2x.webp
diff --git a/build/img/sale/sale_tablet.png b/build/img/sale/sale_tablet.png
diff --git a/build/img/sale/sale_tablet.webp b/build/img/sale/sale_tablet.webp
diff --git a/build/img/sale/sale_tablet@2x.png b/build/img/sale/sale_tablet@2x.png
diff --git a/build/img/sale/sale_tablet@2x.webp b/build/img/sale/sale_tablet@2x.webp
diff --git a/build/img/sprite.svg b/build/img/sprite.svg
diff --git a/build/img/sprite/icon-close.svg b/build/img/sprite/icon-close.svg
diff --git a/build/img/super-games/super-games_desktop.png b/build/img/super-games/super-games_desktop.png
diff --git a/build/img/super-games/super-games_desktop.webp b/build/img/super-games/super-games_desktop.webp
diff --git a/build/img/super-games/super-games_desktop@2x.png b/build/img/super-games/super-games_desktop@2x.png
diff --git a/build/img/super-games/super-games_desktop@2x.webp b/build/img/super-games/super-games_desktop@2x.webp
diff --git a/build/img/super-games/super-games_mobile.png b/build/img/super-games/super-games_mobile.png
diff --git a/build/img/super-games/super-games_mobile.webp b/build/img/super-games/super-games_mobile.webp
diff --git a/build/img/super-games/super-games_mobile@2x.png b/build/img/super-games/super-games_mobile@2x.png
diff --git a/build/img/super-games/super-games_mobile@2x.webp b/build/img/super-games/super-games_mobile@2x.webp
diff --git a/build/img/super-games/super-games_tablet.png b/build/img/super-games/super-games_tablet.png
diff --git a/build/img/super-games/super-games_tablet.webp b/build/img/super-games/super-games_tablet.webp
diff --git a/build/img/super-games/super-games_tablet@2x.png b/build/img/super-games/super-games_tablet@2x.png
diff --git a/build/img/super-games/super-games_tablet@2x.webp b/build/img/super-games/super-games_tablet@2x.webp
diff --git a/build/img/svg/not-needed-in-sprite.svg b/build/img/svg/not-needed-in-sprite.svg
diff --git a/build/img/trainers/trainer1.png b/build/img/trainers/trainer1.png
diff --git a/build/img/trainers/trainer1.webp b/build/img/trainers/trainer1.webp
diff --git a/build/img/trainers/trainer1@2x.png b/build/img/trainers/trainer1@2x.png
diff --git a/build/img/trainers/trainer1@2x.webp b/build/img/trainers/trainer1@2x.webp
diff --git a/build/img/trainers/trainer2.png b/build/img/trainers/trainer2.png
diff --git a/build/img/trainers/trainer2.webp b/build/img/trainers/trainer2.webp
diff --git a/build/img/trainers/trainer2@2x.png b/build/img/trainers/trainer2@2x.png
diff --git a/build/img/trainers/trainer2@2x.webp b/build/img/trainers/trainer2@2x.webp
diff --git a/build/img/trainers/trainer3.png b/build/img/trainers/trainer3.png
diff --git a/build/img/trainers/trainer3.webp b/build/img/trainers/trainer3.webp
diff --git a/build/img/trainers/trainer3@2x.png b/build/img/trainers/trainer3@2x.png
diff --git a/build/img/trainers/trainer3@2x.webp b/build/img/trainers/trainer3@2x.webp
diff --git a/build/img/trainers/trainer4.png b/build/img/trainers/trainer4.png
diff --git a/build/img/trainers/trainer4.webp b/build/img/trainers/trainer4.webp
diff --git a/build/img/trainers/trainer4@2x.png b/build/img/trainers/trainer4@2x.png
diff --git a/build/img/trainers/trainer4@2x.webp b/build/img/trainers/trainer4@2x.webp
diff --git a/build/index.html b/build/index.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="ru">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Фитнес центр в Омске. Абонементы на 1, 6 и 12 месяцев. Тренажерный зал, групповые программы и кардиозона.">
+    <title>Sypergym</title>
+    <link rel="icon" href="favicon.ico">
+    <link rel="icon" href="img/favicons/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="img/favicons/apple.png">
+    <link rel="manifest" href="manifest.webmanifest">
+    <link rel="preload" href="fonts/alumni-sans-v16-latin-600.woff2" type="font/woff2" as="font" crossorigin="anonymous">
+    <link rel="preload" href="fonts/roboto-condensed-v25-latin-700.woff2" type="font/woff2" as="font" crossorigin="anonymous">
+    <link rel="preload" href="fonts/roboto-condensed-v25-latin-regular.woff2" type="font/woff2" as="font" crossorigin="anonymous">
+    <link rel="stylesheet" href="css/style.min.css">
+  </head>
+  <body>
+    <div class="wrapper">
+      <header>
+        <div class="container">
+          <div class="header__wrap">
+            <a class="header__logo" href="#">
+              <picture>
+                <source media="(max-width: 1365px)" width="82" height="17" srcset="img/logotype.svg">
+                <source media="(max-width: 767px)" width="69" height="24" srcset="img/logotype.svg">
+                <img width="122" height="44" src="img/logotype.svg" alt="Логотип тренажёрного зала Sypergym.">
+              </picture>
+            </a>
+            <a class="header__phone" href="tel:8-800-555-55-55">8-800-555-55-55</a>
+          </div>
+        </div>
+      </header>
+      <main>
+        <section class="hero">
+          <div class="container">
+            <div class="hero__wrap">
+              <div class="hero__information">
+                <ul class="hero__list">
+                  <li class="hero__item">Тренажёрный зал</li>
+                  <li class="hero__item">Групповые занятия</li>
+                  <li class="hero__item">Кардио-зона</li>
+                </ul>
+                <p class="hero__city">омск</p>
+                <h1 class="hero__title">ФИТНЕС<br>ЦЕНТР</h1>
+                <button class="btn hero__button">Купить абонемент</button>
+              </div>
+              <picture>
+                <source type="image/webp" media="(max-width: 1365px)" srcset="img/hero/hero_tablet.webp 1x, img/hero/hero_tablet@2x.webp 2x">
+                <source type="image/webp" srcset="img/hero/hero_desktop.webp 1x, img/hero/hero_desktop@2x.webp 2x">
+                <source media="(max-width: 1365px)" srcset="img/hero/hero_tablet.png 1x, img/hero/hero_tablet@2x.png 2x">
+                <img width="500" height="566" alt='Фотография тренера Sypergym на темном фоне.' src="img/hero/hero_desktop.png" srcset="img/hero/hero_desktop@2x.png 2x">
+              </picture>
+            </div>
+          </div>
+        </section>
+      </main>
+      <footer>
+        <div class="container"></div>
+      </footer>
+    </div>
+
+    <!-- Модалки -->
+    <!-- <section class="intro">
+      <div class="container">
+        <button class="btn btn--gradient">Button</button>
+        <h1>Тестовая страница.</h1>
+        <p>На данной странице показан пример модальных окон.</p>
+        <p>Перед началом разработки не забудьте удалить всё содержимое &#8249;main&#8250;&#8249;&#8260;main&#8250;.</p>
+        <p><a class="btn" href="#" data-open-modal="feedback">modal--feedback link</a></p>
+        <p><a class="btn" href="#" data-open-modal="success">modal--success link</a></p>
+      </div>
+    </section>
+    <div class="modal modal--preload" data-modal="feedback">
+      <div class="modal__wrapper">
+        <div class="modal__overlay" data-close-modal></div>
+        <div class="modal__content">
+          <p class="modal__description">Обычная модалка</p>
+          <button class="modal__close-btn btn-reset" type="button" aria-label="Закрыть попап" data-close-modal>
+            <svg width="15" height="15">
+              <use xlink:href="img/sprite.svg#icon-close"></use>
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <div class="modal modal--preload modal--fit-content modal--no-scale" data-modal="success">
+      <div class="modal__wrapper">
+        <div class="modal__overlay" data-close-modal></div>
+        <div class="modal__content">
+          <p class="modal__description">Размер этой модалки зависит от ширины контента,<br> отключена анимация-скейл</p>
+          <button class="modal__close-btn btn-reset" type="button" aria-label="Закрыть попап" data-close-modal>
+            <svg width="15" height="15">
+              <use xlink:href="img/sprite.svg#icon-close"></use>
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <script src="js/vendor.min.js"></script>
+    <script src="js/main.min.js"></script>
+  </body>
+</html> -->