Psyfunt · Psyfunt · Nov 21, 2020 · Nov 21, 2020 · Nov 23, 2020
diff --git a/HomeWork_1/.vscode/settings.json b/HomeWork_1/.vscode/settings.json
@@ -0,0 +1,10 @@
+{
+   "liveSassCompile.settings.formats": [
+
+      {
+         "format": "expanded",
+         "extensionName": ".css",
+         "savePath": "./css"
+      }
+   ]
+}
diff --git a/HomeWork_1/css/style.css b/HomeWork_1/css/style.css
diff --git a/HomeWork_1/img/Icons/cart_icon.png b/HomeWork_1/img/Icons/cart_icon.png
diff --git a/HomeWork_1/img/Icons/dropdown_arrow.png b/HomeWork_1/img/Icons/dropdown_arrow.png
diff --git a/HomeWork_1/img/Icons/dropdown_arrow.svg b/HomeWork_1/img/Icons/dropdown_arrow.svg
diff --git a/HomeWork_1/img/Icons/dropdown_arrow_white.png b/HomeWork_1/img/Icons/dropdown_arrow_white.png
diff --git a/HomeWork_1/img/Icons/icon_cart_white.png b/HomeWork_1/img/Icons/icon_cart_white.png
diff --git a/HomeWork_1/img/Icons/icon_cart_white.svg b/HomeWork_1/img/Icons/icon_cart_white.svg
diff --git a/HomeWork_1/img/Icons/logo_icon.png b/HomeWork_1/img/Icons/logo_icon.png
diff --git a/HomeWork_1/img/Icons/right_white_arrow.png b/HomeWork_1/img/Icons/right_white_arrow.png
diff --git a/HomeWork_1/img/Icons/right_white_arrow.svg b/HomeWork_1/img/Icons/right_white_arrow.svg
diff --git a/HomeWork_1/img/Icons/serch_icon.png b/HomeWork_1/img/Icons/serch_icon.png
diff --git a/HomeWork_1/img/Icons/service_icon_1.svg b/HomeWork_1/img/Icons/service_icon_1.svg
diff --git a/HomeWork_1/img/Icons/service_icon_2.svg b/HomeWork_1/img/Icons/service_icon_2.svg
diff --git a/HomeWork_1/img/Icons/service_icon_3.svg b/HomeWork_1/img/Icons/service_icon_3.svg
diff --git a/HomeWork_1/img/Images/Image.jpg b/HomeWork_1/img/Images/Image.jpg
diff --git a/HomeWork_1/img/Images/main_bg.jpg b/HomeWork_1/img/Images/main_bg.jpg
diff --git a/HomeWork_1/img/Images/main_bg.webp b/HomeWork_1/img/Images/main_bg.webp
diff --git a/HomeWork_1/img/Images/quote_image.jpg b/HomeWork_1/img/Images/quote_image.jpg
diff --git a/HomeWork_1/img/Images/quote_image.png b/HomeWork_1/img/Images/quote_image.png
diff --git a/HomeWork_1/img/Images/section_image_accesories.jpg b/HomeWork_1/img/Images/section_image_accesories.jpg
diff --git a/HomeWork_1/img/Images/section_image_kids.jpg b/HomeWork_1/img/Images/section_image_kids.jpg
diff --git a/HomeWork_1/img/Images/section_image_men.jpg b/HomeWork_1/img/Images/section_image_men.jpg
diff --git a/HomeWork_1/img/Images/section_image_woman.jpg b/HomeWork_1/img/Images/section_image_woman.jpg
diff --git a/HomeWork_1/img/featured_items/featured_items_1.jpg b/HomeWork_1/img/featured_items/featured_items_1.jpg
diff --git a/HomeWork_1/img/featured_items/featured_items_2.jpg b/HomeWork_1/img/featured_items/featured_items_2.jpg
diff --git a/HomeWork_1/img/featured_items/featured_items_3.jpg b/HomeWork_1/img/featured_items/featured_items_3.jpg
diff --git a/HomeWork_1/img/featured_items/featured_items_4.jpg b/HomeWork_1/img/featured_items/featured_items_4.jpg
diff --git a/HomeWork_1/img/featured_items/featured_items_5.jpg b/HomeWork_1/img/featured_items/featured_items_5.jpg
diff --git a/HomeWork_1/img/featured_items/featured_items_6.jpg b/HomeWork_1/img/featured_items/featured_items_6.jpg
diff --git a/HomeWork_1/img/featured_items/featured_items_7.jpg b/HomeWork_1/img/featured_items/featured_items_7.jpg
diff --git a/HomeWork_1/img/featured_items/featured_items_8.jpg b/HomeWork_1/img/featured_items/featured_items_8.jpg
diff --git a/HomeWork_1/index.html b/HomeWork_1/index.html
diff --git a/HomeWork_1/scss/_resetStyle.scss b/HomeWork_1/scss/_resetStyle.scss
@@ -0,0 +1,17 @@
+/* Обнуление */
+*{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;font-size: 14px;-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;}
+
diff --git a/HomeWork_1/scss/style.scss b/HomeWork_1/scss/style.scss
diff --git a/HomeWork_1/singlePage.html b/HomeWork_1/singlePage.html
@@ -0,0 +1,156 @@
+<!-- Сообщаем браузеру как стоит обрабатывать эту страницу -->
+<!DOCTYPE html>
+<!-- Оболочка документа, указываем язык содержимого -->
+<html lang="ru">
+<!-- Заголовок страницы, контейнер для других важных данных (не отображается) -->
+
+<head>
+   <!-- Заголовок страницы в браузере -->
+   <title>Single Page</title>
+   <!-- Подключаем CSS -->
+   <link rel="stylesheet" href="css/style.css" />
+   <link rel="preconnect" href="https://fonts.gstatic.com">
+   <link
+      href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
+      rel="stylesheet">
+   <script src="https://kit.fontawesome.com/07db5be7a8.js" crossorigin="anonymous"></script>
+   <!-- Кодировка страницы -->
+   <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
+</head>
+<!-- Отображаемое тело страницы -->
+
+<body>
+   <div class="wrapper">
+      <div class="container">
+         <div class="header">
+            <div class="header__topline">
+               <div class="container__topline">
+                  <div class="topline__wrapper">
+                     <div class="topline__logo">
+                        <a href="#"><img src="./img/Icons/logo_icon.png" alt="b"></a>
+                        <p>bran<span>d</span></p>
+                     </div>
+                     <div class="topline__navigation">
+                        <div class="navigation__browse">
+                           <button>Browse</button>
+                        </div>
+                        <div class="navigation__serch">
+                           <input type="serch" placeholder="Search for Item...">
+                           <button><img src="./img/Icons/serch_icon.png" alt="serch"></button>
+                        </div>
+                     </div>
+                  </div>
+                  <div class="topline__personals">
+                     <div class="personals__cart">
+                        <a href="#"><img src="./img/Icons/cart_icon.png" alt="cart"></a>
+                     </div>
+                     <div class="personals__account">
+                        <button>My Account</button>
+                     </div>
+                  </div>
+               </div>
+            </div>
+            <div class="header__bottomline">
+               <a href="./index.html">Home</a>
+               <a href="#">Man</a>
+               <a href="#">Women</a>
+               <a href="#">Kids</a>
+               <a href="#">Accoseriese</a>
+               <a href="#">Featured</a>
+               <a href="#">Hot Deals</a>
+            </div>
+         </div>
+         <div class="block__footer">
+            <div class="footer__main">
+               <div class="main__columns">
+                  <div class="columns__row row__about">
+                     <div class="topline__logo about__logo">
+                        <a href="#"><img src="./img/Icons/logo_icon.png" alt="b"></a>
+                        <p>bran<span>d</span></p>
+                     </div>
+                     <div class="about__text">
+                        <p>Objectively transition extensive data rather than cross functional solutions. Monotonectally
+                           syndicate multidisciplinary materials before go forward benefits. Intrinsicly syndicate an
+                           expanded array of processes and cross-unit partnerships. </p>
+                        <p>Efficiently plagiarize 24/365 action items and focused infomediaries.
+                           Distinctively seize superior initiatives for wireless technologies. Dynamically optimize.</p>
+                     </div>
+                  </div>
+                  <div class="columns__navigation">
+                     <div class="columns__row">
+                        <div class="row__title">COMPANY</div>
+                        <div class="row__list">
+                           <ul class="list__items">
+                              <li><a href="#">Home</a></li>
+                              <li><a href="#">Shop</a></li>
+                              <li><a href="#">About</a></li>
+                              <li><a href="#">How It Works</a></li>
+                              <li><a href="#">Contact</a></li>
+                           </ul>
+                        </div>
+
+                     </div>
+                     <div class="columns__row">
+                        <div class="row__title">information</div>
+                        <div class="row__list">
+                           <ul class="list__items">
+                              <li><a href="#">Tearms & Condition</a></li>
+                              <li><a href="#">Privacy Policy</a></li>
+                              <li><a href="#">How to Buy</a></li>
+                              <li><a href="#">How to Sell</a></li>
+                              <li><a href="#">Promotion</a></li>
+                           </ul>
+                        </div>
+                     </div>
+                     <div class="columns__row">
+                        <div class="row__title">shop category</div>
+                        <div class="row__list">
+                           <ul class="list__items">
+                              <li><a href="#">Men</a></li>
+                              <li><a href="#">Women</a></li>
+                              <li><a href="#">Child</a></li>
+                              <li><a href="#">Apparel</a></li>
+                              <li><a href="#">Brows All</a></li>
+                           </ul>
+                        </div>
+
+                     </div>
+
+                  </div>
+               </div>
+            </div>
+            <div class="footer__bottom">
+               <div class="wrapper__bottom">
+                  <div class="bottom__rights">
+                     <span>&copy; 2017 Brand All Rights Reserved.</span>
+                  </div>
+                  <div class="bottom__socials">
+                     <div class="socials__item">
+                        <a href="#"><i class="fab fa-facebook-f"></i></a>
+                     </div>
+                     <div class="socials__item">
+                        <a href="#"><i class="fab fa-twitter"></i></a>
+                     </div>
+                     <div class="socials__item">
+                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
+                     </div>
+                     <div class="socials__item">
+                        <a href="#"><i class="fab fa-pinterest-p"></i></i></a>
+                     </div>
+                     <div class="socials__item">
+                        <a href="#"><i class="fab fa-google-plus-g"></i></a>
+                     </div>
+                  </div>
+               </div>
+            </div>
+         </div>
+      </div>
+   </div>
+</body>
+
+<!-- Подключаем JQuery -->
+
+<!-- Подключаем JavaScript -->
+
+
+</html>