Added section Advice

index.html

@@ -493,6 +493,31 @@
                 </div>
             </div>
         </section>
+        <section id="advice">
+            <h2>Если Вам необходима бесплатная консультация по вопросу обслуживания</h2>
+            <div class="title-telephone">
+                <p>
+                    Звоните нам по телефону:<br>
+                    <span> +7 (818) 247-47-25</span>
+                </p>
+            </div>
+            <div class="container">
+                <form action="#">
+                    <div class="row wrap-advice">
+                        <div class="col-lg-4 offset-lg-2 col-sm-6">
+                            <div class="wrap-advice__input">
+                                <input required placeholder="Введите ваш телефон" type="text">
+                            </div>
+                        </div>
+                        <div class="col-lg-4 col-sm-6">
+                            <div class="wrap-advice__button">
+                                <button>Перезвонить сейчас</button>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </section>
     </main>
     <!-- jQuery 3.4.1 -->
     <script src="src/js/jquery-3.4.1.min.js"></script>

src/styles/style.css

@@ -619,6 +619,7 @@ header {
 .team-item__description {
     margin-top: 38px;
 }
+
 /* #info,
 #price,
 #advantages,
@@ -630,4 +631,65 @@ header {
 #team {
     display: none;
 } */
-/* Section Consultation */
+
+/* Section Advice */
+#advice {
+    padding-top: 100px;
+    min-height: 470px;
+    background: url(../img/main-advice/main-advice__background.png) no-repeat center center;
+    background-size: cover;
+}
+
+#advice h2 {
+    color: #fff;
+}
+
+.title-telephone {
+    text-align: center;
+    color: #fff;
+    margin-top: 65px;
+}
+
+.title-telephone p span {
+    font-family: 'ProximaNovaBlack';
+    font-size: 28px;
+    display: block;
+    margin-top: 10px;
+}
+
+.wrap-advice {
+    margin-top: 45px;
+}
+
+.wrap-advice input,
+.wrap-advice button {
+    width: 100%;
+}
+
+.wrap-advice button {
+    background-color: #f7b516;
+    border: none;
+    text-transform: uppercase;
+    color: #fff;
+    height: 70px;
+    font-family: 'ProximaNovaBold';
+    cursor: pointer;
+    transition: all .2s;
+    font-size: 18px;
+}
+
+.wrap-advice__button,
+.wrap-advice__input {
+    margin-top: 15px;
+}
+
+.wrap-advice button:hover {
+    background: none;
+    border: 2px solid #f7b516;
+}
+
+.wrap-advice input {
+    background-image: url(../img/main-price/phone-icon.png);
+    background-repeat: no-repeat;
+    background-position: center right 30px;
+}