Added section Team

index.html

@@ -435,6 +435,64 @@
                 </div>
             </div>
         </section>
+        <section id="team">
+            <h2>
+                У нас в штате есть мобильные бригады,<br>
+                готовые выехать на сервисное обслуживание,<br>
+                ремонт и проведение диагностики!<br>
+            </h2>
+            <div class="container">
+                <div class="row wrap-team">
+                    <div class="col-md-4">
+                        <div class="wrap-team__item">
+                            <div class="team-item__img">
+                                <div class="team-img">
+                                    <img src="./src/img/main-team/icon-1.png" alt="#">
+                                </div>
+                            </div>
+                            <div class="team-item__description">
+                                <p>
+                                    Организуем выезд специалистов<br>
+                                    в течение двух дней
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-4">
+                        <div class="wrap-team__item">
+                            <div class="team-item__img">
+                                <div class="team-img">
+                                    <img src="./src/img/main-team/icon-2.png" alt="#">
+                                </div>
+                            </div>
+                            <div class="team-item__description">
+                                <p>
+                                    Бригады укомплектованы
+                                    всем необходимым оборудованием
+                                    для производства работ
+                                    любой сложности
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-4">
+                        <div class="wrap-team__item">
+                            <div class="team-item__img">
+                                <div class="team-img">
+                                    <img src="./src/img/main-team/icon-3.png" alt="#">
+                                </div>
+                            </div>
+                            <div class="team-item__description">
+                                <p>
+                                    Все специалисты проходят обучение<br>
+                                    и ежегодную аттестацию
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
     </main>
     <!-- jQuery 3.4.1 -->
     <script src="src/js/jquery-3.4.1.min.js"></script>

src/js/index.js

@@ -1,26 +1,26 @@
 $('.owl-carousel').owlCarousel({
-    loop:true,
+    loop: true,
-    margin:30,
+    margin: 30,
-    nav:true,
+    nav: true,
-    dots:false,
+    dots: false,
-    mouseDrag:false,
+    mouseDrag: false,
-    navText : ["<img src='./src/img/main-stock/left-arrow.png' alt='#'>","<img src='./src/img/main-stock/right-arrow.png' alt='#'>"],
+    navText: ["<img src='./src/img/main-stock/left-arrow.png' alt='#'>", "<img src='./src/img/main-stock/right-arrow.png' alt='#'>"],
-    responsive:{
+    responsive: {
-        0:{
+        0: {
-            items:1
+            items: 1
         },
-        370:{
+        370: {
-            items:2
+            items: 2
         },
-        600:{
+        600: {
-            items:2
+            items: 2
         },
-        700:{
+        700: {
-            items:3
+            items: 3
         },
-        1000:{
+        1000: {
-            items:3,
+            items: 3,
-            nav:true
+            nav: true
         }
     }
 })

src/styles/style.css

@@ -519,15 +519,6 @@ header {
     margin-top: 35px;
 }
 
-/* #info,
-#price,
-#advantages,
-#detail,
-#guarantees,
-#discount,
-#working {
-    display: none;
-} */
 
 /* Section Working */
 #working {
@@ -542,40 +533,101 @@ header {
 #working .title-description {
     margin-top: 25px;
 }
+
 .wrap-working__item {
     text-align: center;
 }
+
 .wrap-working {
     margin-top: 100px;
 }
+
 .working-item__description {
     margin-top: 50px;
 }
+
 .wrap-working__item {
     margin-top: 30px;
 }
+
 /* Section Stock */
 #stock {
     padding-top: 100px;
     padding-bottom: 100px;
     background-color: #0b3554;
 }
-#stock h2, #stock .title-description p {
+
+#stock h2,
+#stock .title-description p {
     color: #fff;
 }
+
 #stock .title-description {
     margin-top: 25px;
 }
+
 .stock-wrap {
     margin-top: 100px;
 }
+
 .owl-prev {
     position: absolute;
     top: 45%;
     left: 20px;
 }
+
 .owl-next {
     position: absolute;
     top: 45%;
     right: 20px;
 }
+
+/* Section Team */
+#team {
+    padding-top: 100px;
+    padding-bottom: 100px;
+}
+
+.wrap-team__item {
+    text-align: center;
+    margin-top: 25px;
+}
+
+.team-item__img {
+    display: flex;
+    justify-content: center;
+}
+
+.wrap-team {
+    margin-top: 100px;
+}
+
+.team-img {
+    height: 170px;
+    width: 170px;
+    border: 5px solid #ffbc3b;
+    border-radius: 50%;
+}
+
+.team-img img,
+.team-img {
+    align-self: center;
+    display: flex;
+    justify-content: center;
+}
+
+.team-item__description {
+    margin-top: 38px;
+}
+/* #info,
+#price,
+#advantages,
+#detail,
+#guarantees,
+#discount,
+#working,
+#stock,
+#team {
+    display: none;
+} */
+/* Section Consultation */