From a4a2bb4e2d265cea96eba21e9539fd610cd0c955 Mon Sep 17 00:00:00 2001
From: IemetsO <oksana.v.iemets@gmail.com>
Date: Wed, 4 May 2022 18:25:44 +0300
Subject: [PATCH] footer
---
src/images/sprite.svg | 38 +++++++-------------------------------
src/index.html | 1 +
src/partials/footer.html | 13 +++++++++++++
src/sass/_footer.scss | 30 ++++++++++++++++++++++++++++++
src/sass/main.scss | 1 +
5 files changed, 52 insertions(+), 31 deletions(-)
create mode 100644 src/partials/footer.html
create mode 100644 src/sass/_footer.scss
diff --git a/src/images/sprite.svg b/src/images/sprite.svg
index c473fb3..945ec94 100644
--- a/src/images/sprite.svg
+++ b/src/images/sprite.svg
@@ -1,31 +1,7 @@
-<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>
diff --git a/src/index.html b/src/index.html
index 194fd44..b3521cb 100644
--- 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> -->
diff --git a/src/partials/footer.html b/src/partials/footer.html
new file mode 100644
index 0000000..5b161e1
--- /dev/null
+++ b/src/partials/footer.html
@@ -0,0 +1,13 @@
+<footer>
+ <div class="footer_container container">
+ <p class="footer_text">
+ © 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>
diff --git a/src/sass/_footer.scss b/src/sass/_footer.scss
new file mode 100644
index 0000000..6e1b3f7
--- /dev/null
+++ b/src/sass/_footer.scss
@@ -0,0 +1,30 @@
+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
diff --git a/src/sass/main.scss b/src/sass/main.scss
index 9080475..597c557 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -6,3 +6,4 @@
// Стили Ð´Ð»Ñ Ñ„Ð°Ð¹Ð»Ð° Ñ Ð¿Ñ€Ð¸Ð¼ÐµÑ€Ð¾Ð¼ HTML-фрагмента
@import './variables';
@import './utility-classes';
+@import "./footer";
--
GitLab