Added Footer

index.html

@@ -526,11 +526,30 @@
                     <span>+7 (818) 247-47-25</span>
                 </p>
             </div>
-            <div class="container">
-
-            </div>
+        </section>
+        <section id="map">
+            <iframe src="https://yandex.ru/map-widget/v1/-/CGGZjHnA" width="100%" height="375" frameborder="none"
+                allowfullscreen="true"></iframe>
         </section>
     </main>
+    <footer>
+        <div class="container">
+            <div class="footer-wrap">
+                <div class="footer-wrap__logo">
+                    <img src="./src/img/header/header-logo.png" alt="#">
+                </div>
+                <div class="footer-wrap__copy">
+                    <p>© 2019</p>
+                </div>
+                <div class="footer-wrap__info">
+                    <p>
+                        Есть вопросы? Звоните!<br>
+                        <span>+7 (818) 247-47-25</span>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </footer>
     <!-- jQuery 3.4.1 -->
     <script src="src/js/jquery-3.4.1.min.js"></script>
     <!-- Owl Carousel JS -->

src/styles/media.css

@@ -55,6 +55,9 @@
     #guarantees .guarantees-card__desctiption {
         margin-top: 20px;
     }
+    #detail {
+        padding-bottom: 100px;
+    }
 }
 
 @media (max-width: 630px) {
@@ -105,6 +108,18 @@
         padding-right: 0;
         padding-left: 0;
     }
+    footer .footer-wrap {
+        flex-direction: column;
+    }
+    footer .footer-wrap__copy, footer .footer-wrap__info {
+        margin-top: 15px;
+    }
+    footer .footer-wrap__info p {
+        line-height: 27px;
+    }
+    #advice {
+        padding-bottom: 100px;
+    }
 }
 
 @media (max-width: 400px) {

src/styles/style.css

@@ -691,7 +691,8 @@ header {
 #stock,
 #team,
 #advice,
-#come {
+#come,
+#map {
     display: none;
 } */
 /* Section Come */
@@ -712,4 +713,25 @@ header {
     font-size: 28px;
     display: block;
     margin-top: 20px;
+}
+/* Footer */
+footer {
+    min-height: 120px;
+    background-color: #191919;
+    padding-top: 40px;
+    padding-bottom: 40px;
+    color: #fff;
+}
+.footer-wrap {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.footer-wrap__info p {
+    text-align: right;
+    font-size: 16px;
+}
+.footer-wrap__info p span {
+    font-family: 'ProximaNovaBlack';
+    font-size: 21px;
 }