diff --git a/src/index.html b/src/index.html
index 78d3f7064d36b6eb9536600d7e323b29b4cf92f5..f52b6df9174a7cc2ceed086947638a355146bb26 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> -->
<include src="./partials/one-card-preview.html"></include>
diff --git a/src/partials/footer.html b/src/partials/footer.html
new file mode 100644
index 0000000000000000000000000000000000000000..d635b760a0a776db310b3046746844b9e0b6649d
--- /dev/null
+++ b/src/partials/footer.html
@@ -0,0 +1,12 @@
+<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#heart"></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 0000000000000000000000000000000000000000..6e1b3f7d29efcef7361d6e47ddfe211e7da0067b
--- /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/_variables.scss b/src/sass/_variables.scss
index 369c47e73b2c77bad626ce99a5e8b07f9960bda6..188361b636b92cc919eb066c935146ca942db39f 100644
--- a/src/sass/_variables.scss
+++ b/src/sass/_variables.scss
@@ -4,4 +4,6 @@ $secondary-white-color: #F7F7F7;
$primary-text-color: #000000;
$secondary-text-color: #8C8C8C;
$footer-text-color: #545454;
-$alert-color: #FF001B;
\ No newline at end of file
+$alert-color: #FF001B;
+$transition-duration: 250ms;
+$transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
\ No newline at end of file
diff --git a/src/sass/main.scss b/src/sass/main.scss
index 7561ea903808d87b5849b32a87e8cc070ed0e73d..597c55784dafd4b593b6b686c4a1ddf78b8c78bb 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -6,5 +6,4 @@
// Стили Ð´Ð»Ñ Ñ„Ð°Ð¹Ð»Ð° Ñ Ð¿Ñ€Ð¸Ð¼ÐµÑ€Ð¾Ð¼ HTML-фрагмента
@import './variables';
@import './utility-classes';
-@import './components/one-card-preview';
-
+@import "./footer";