mate-academy · Poviakalo · Jan 9, 2024 · Jan 9, 2024 · Jan 12, 2024 · Jan 15, 2024
diff --git a/README.md b/README.md
@@ -57,7 +57,7 @@ Use `Sharp Sans No2 Medium` and `Avenir`, which you can find in fonts directory.
 11. `git push origin develop` - to send you code for PR.
 12. Create a Pull Request (PR) from your branch `develop` to branch `master` of original repo.
 13. Replace `<your_account>` with your Github username in the
-  [DEMO LINK](https://<your_account>.github.io/Eco_cosmetics/).
+  [DEMO LINK](https://Poviakalo.github.io/Eco_cosmetics/).
 14. Copy `DEMO LINK` to the PR description.
 
 > To update you PR repeat steps 7-11.
diff --git a/src/cart.html b/src/cart.html
@@ -0,0 +1,160 @@
+<!DOCTYPE html>
+<html lang="en" class="page">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>cart/Eco cosmetics</title>
+    <link rel="icon" href="images/favicon.png">
+    <link rel="stylesheet" href="styles/main.scss">
+  </head>
+  <!-- #endregion -->
+  <body class="page__body page__cart">
+    <!-- #region header -->
+    <header class="header">
+      <div class="container">
+        <div class="header__content">
+          <div class="header__top top-bar">
+            <a href="#menu" class="icon icon--menu header__icon--menu"></a>
+            <nav class="top-bar__nav">
+              <ul class="top-bar__nav-list">
+                <li class="top-bar__nav-item">
+                  <a href="#shop" class="top-bar__nav-link">Shop</a>
+                </li>
+                <li class="top-bar__nav-item">
+                  <a href="#contact" class="top-bar__nav-link">Contact</a>
+                </li>
+                <li class="top-bar__nav-item">
+                  <a href="#about-us" class="top-bar__nav-link">About</a>
+                </li>
+              </ul>
+            </nav>
+
+            <a href="index.html" class="top-bar__logo">
+              <picture>
+                <source srcset="images/logo-desktop.png" media="(min-width: 1024px)">
+
+                <img src="images/logo.png" alt="logo">
+              </picture>
+            </a>
+
+            <a href="cart.html" class="icon icon--shop top-bar__shop"></a>
+          </div>
+
+        </div>
+      </div>
+    </header>
+
+    <aside class="page__menu menu" id="menu">
+      <div class="menu__content">
+        <div class="top-bar menu__top-bar">
+          <a href="#" class="icon icon--close"></a>
+        </div>
+
+        <nav class="nav">
+          <ul class="nav__list">
+            <li class="nav__item">
+              <a href="#shop" class="nav__link">Shop</a>
+            </li>
+
+            <li class="nav__item">
+              <a href="#contact" class="nav__link">Contact</a>
+            </li>
+
+            <li class="nav__item">
+              <a href="#about-us" class="nav__link">About</a>
+            </li>
+          </ul>
+        </nav>
+      </div>
+    </aside>
+
+    <main class="main">
+      <section class="section cart">
+        <div class="container">
+          <div class="cart__content">
+            <h1 class="cart__title">Hydrophilic oil</h1>
+            <p class="cart__price">160 UAH</p>
+            <picture  class="cart__images">
+              <source srcset="images/cart/02.jpg" media="(min-width: 576px)">
+              <img src="images/cart/01.jpg" alt="image-1">
+            </picture>
+            <button class="cart__button button">add to bag</button>
+            <p class="cart__text">Ingredients: cocosulfate, aloe hydrolate, sweet almond oil, wheat proteins, chamomile grass, lavender essential oil.</p>
+            <p class="cart__text">Application: foam the shampoo in your hands and apply foam on the hair or draw a block over wet hair, foam, massage, rinse, apply balm or conditioner.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <footer class="footer">
+      <div class="container">
+        <div class="footer__content">
+
+          <nav class="footer__nav">
+            <ul class="footer__nav-list">
+              <li class="footer__nav-item">
+                <a href="#shop" class="footer__nav-link">Shop</a>
+              </li>
+              <li class="footer__nav-item">
+                <a href="#contact" class="footer__nav-link">Contact</a>
+              </li>
+              <li class="footer__nav-item">
+                <a href="#about-us" class="footer__nav-link">About</a>
+              </li>
+            </ul>
+          </nav>
+
+          <div class="footer__social social">
+            <div class="social__list">
+              <div class="social__item">
+                <a href="https://www.facebook.com"
+                  target="_blank"
+                  class="social__link"
+                >
+                  <img src="images/icons/facebook.png" alt="facebook">
+                </a>
+              </div>
+
+              <div class="social__item">
+                <a href="https://www.instagram.com/"
+                  target="_blank"
+                  class="social__link"
+                >
+                  <img src="images/icons/instagram.png" alt="instagram">
+                </a>
+              </div>
+            </div>
+          </div>
+
+          <div class="footer__contacts">
+            <ul class="footer__list">
+              <li class="footer__item">
+                <a href="#" class="footer__link">
+                  Ukraine
+                </a>
+              </li>
+
+              <li class="footer__item">
+                <a href="mailto:[email protected]" class="footer__link">
+                  [email protected]
+                </a>
+              </li>
+
+              <li class="footer__item">
+                <a href="tel:+380934476839" class="footer__link">
+                  +380934476839
+                </a>
+              </li>
+
+              <li class="footer__item">
+                <a href="#" class="footer__link">Support is available Monday - Friday 9am-6pm</a>
+              </li>
+            </ul>
+          </div>
+
+          <p class="footer__copyright">© 2019 witch of mountain winds</p>
+
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>
diff --git a/src/images/01.png b/src/images/01.png
diff --git a/src/images/about-creators/01-tab.jpg b/src/images/about-creators/01-tab.jpg
diff --git a/src/images/about-creators/01.jpg b/src/images/about-creators/01.jpg
diff --git a/src/images/about-us/01.jpg b/src/images/about-us/01.jpg
diff --git a/src/images/advantages/01.png b/src/images/advantages/01.png
diff --git a/src/images/advantages/02.png b/src/images/advantages/02.png
diff --git a/src/images/advantages/03.png b/src/images/advantages/03.png
diff --git a/src/images/cart/01.jpg b/src/images/cart/01.jpg
diff --git a/src/images/cart/02.jpg b/src/images/cart/02.jpg
diff --git a/src/images/favicon.png b/src/images/favicon.png
diff --git a/src/images/icons/close.png b/src/images/icons/close.png
diff --git a/src/images/icons/copyright.png b/src/images/icons/copyright.png
diff --git a/src/images/icons/facebook.png b/src/images/icons/facebook.png
diff --git a/src/images/icons/instagram.png b/src/images/icons/instagram.png
diff --git a/src/images/icons/menu.png b/src/images/icons/menu.png
diff --git a/src/images/icons/shop-desktop.png b/src/images/icons/shop-desktop.png
diff --git a/src/images/icons/shop.png b/src/images/icons/shop.png
diff --git a/src/images/img-1.jpg b/src/images/img-1.jpg
diff --git a/src/images/img-desktop-1.jpg b/src/images/img-desktop-1.jpg
diff --git a/src/images/logo-desktop.png b/src/images/logo-desktop.png
diff --git a/src/images/logo.png b/src/images/logo.png
diff --git a/src/images/our-brand/image-desktop-1.jpg b/src/images/our-brand/image-desktop-1.jpg
diff --git a/src/images/our-brand/image-desktop-small.jpg b/src/images/our-brand/image-desktop-small.jpg
diff --git a/src/images/our-brand/image-tab-1.jpg b/src/images/our-brand/image-tab-1.jpg
diff --git a/src/images/shop/image-1.jpg b/src/images/shop/image-1.jpg
diff --git a/src/images/shop/image-2.jpg b/src/images/shop/image-2.jpg
diff --git a/src/images/tooth-powder/01-desktop.png b/src/images/tooth-powder/01-desktop.png
diff --git a/src/images/tooth-powder/01-tab.png b/src/images/tooth-powder/01-tab.png
diff --git a/src/images/tooth-powder/01.png b/src/images/tooth-powder/01.png