footer

a4a2bb4e · IemetsO · e0dc0990 · a4a2bb4e · a4a2bb4e · a4a2bb4e
Commit a4a2bb4e authored 2 years ago by IemetsO
--- a/src/images/sprite.svg
+++ b/src/images/sprite.svg
-<svg width="0" height="0" class="hidden">
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="arrow-left">
-    <path d="M12.6666 8H3.33325" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M7.99992 12.6668L3.33325 8.00016L7.99992 3.3335" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
-  </symbol>
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="arrow-right">
-    <path d="M3.33341 8H12.6667" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M8.00008 12.6668L12.6667 8.00016L8.00008 3.3335" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
-  </symbol>
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" id="close">
-    <path d="M8 8L22 22" stroke="black" stroke-width="2"></path>
-    <path d="M8 22L22 8" stroke="black" stroke-width="2"></path>
-  </symbol>
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="logo">
-    <path d="M19.82 2H4.18C2.97602 2 2 2.97602 2 4.18V19.82C2 21.024 2.97602 22 4.18 22H19.82C21.024 22 22 21.024 22 19.82V4.18C22 2.97602 21.024 2 19.82 2Z" stroke="#818181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M7 2V22" stroke="#818181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M17 2V22" stroke="#818181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M2 12H22" stroke="#818181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M2 7H7" stroke="#818181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M2 17H7" stroke="#818181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M17 17H22" stroke="#818181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M17 7H22" stroke="#818181" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-  </symbol>
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13" id="heart">
-    <path d="M7 12.88L6.02 11.9C2.38 8.68 0 6.51 0 3.85C0 1.68 1.68 0 3.85 0C5.04 0 6.23 0.56 7 1.47C7.77 0.56 8.96 0 10.15 0C12.32 0 14 1.68 14 3.85C14 6.51 11.62 8.68 7.98 11.9L7 12.88Z" fill="#FF6B08"></path>
-  </symbol>
-  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" id="search">
-    <path d="M5.5 9.5C7.70914 9.5 9.5 7.70914 9.5 5.5C9.5 3.29086 7.70914 1.5 5.5 1.5C3.29086 1.5 1.5 3.29086 1.5 5.5C1.5 7.70914 3.29086 9.5 5.5 9.5Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path d="M10.5 10.5002L8.32495 8.3252" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>
-  </symbol>
-</svg>
\ No newline at end of file
+<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<defs>
+<symbol id="icon-vector" viewBox="0 0 34 32">
+<path fill="#ff6b08" style="fill: var(--color1, #ff6b08)" d="M17.231 31.705l-2.412-2.412c-8.96-7.926-14.818-13.268-14.818-19.815 0-5.342 4.135-9.477 9.477-9.477 2.929 0 5.858 1.378 7.754 3.618 1.895-2.24 4.825-3.618 7.754-3.618 5.342 0 9.477 4.135 9.477 9.477 0 6.548-5.858 11.889-14.818 19.815l-2.412 2.412z"></path>
+</symbol>
+</defs>
+</svg>
--- a/src/index.html
+++ b/src/index.html
@@ -18,6 +18,7 @@
    />
  </head>
  <body>
+    <include src = "./partials/footer.html"></include>
    <!-- Так добавляются фрагменты в главные HTML-файлы страниц. -->
    <!-- <include src="./partials/example.html"></include> -->


--- a/src/partials/footer.html
+++ b/src/partials/footer.html
+<footer>
+  <div class="footer_container container">
+    <p class="footer_text">
+      &copy; 2022 | All Rights Reserved | Developed with<svg
+        class="footer_icon"
+        width="14px"
+        height="12.88px"
+      >
+        <use href="./images/sprite.svg#icon-vector"></use></svg
+      >by <a href="#"> GoIT Students </a>
+    </p>
+  </div>
+</footer>
--- a/src/sass/_footer.scss
+++ b/src/sass/_footer.scss
+footer {
+    background-color: $secondary-white-color;
+}
+
+.footer_container {
+    padding-top: 30px;
+    padding-bottom: 30px;
+}
+
+.footer_text {
+    color: $footer-text-color;
+    font-size: 16px;
+    font-weight: 400;
+    text-align: center;
+    line-height: 1.14;
+    margin-top: 0px;
+    margin-bottom: 0px;
+
+    @media screen and (max-width: 768px) {
+        width: 270px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+}
+
+.footer_icon {
+    margin-left: 10px;
+    margin-right: 10px
+}
\ No newline at end of file
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -6,3 +6,4 @@
 // Стили для файла с примером HTML-фрагмента
 @import './variables';
 @import './utility-classes';
+@import "./footer";