add 2 sections

local/_front/index.html

@@ -25,15 +25,15 @@
     </header>
     <main>
        <!-- Главный баннер -->
-        <div class="container-fluid">
+        <section class="container-fluid">
             <div class="block-banner">
                 <h1>С ключевым сообщением и призывом к действию</h1>
                 <button>Заказать звонок</button>
             </div>
             <div class="block-arrow"></div>
-        </div>
+        </section>
         <!-- Блок с каруселью текстовых блоков -->
-        <div class="container-fluid block-carousel">
+        <section class="container-fluid block-carousel">
             <div class="carousel-custom_title">С ключевым сообщением и призывом к действию</div>
             <div class="carousel-custom">
                 <div class="carousel-custom-item col-4">
@@ -95,10 +95,10 @@
                     <span class="visually-hidden">Next</span>
                 </button>
             </div>
-        </div>
+        </section>
         <!-- Блок услуг -->
         <div class="container-fluid service_title">Услуги</div>
-        <div class="container-fluid d-flex">
+        <section class="container-fluid d-flex">
             <div class="col-3 service-item" style="background-image: url(assets/services/1.png)">
                 <div class="service-item_content">
                     <div class="left-border"></div>
@@ -135,7 +135,50 @@
                     <div class="service-item_link">Перейти</div>
                 </div>
             </div>
-        </div>
+        </section>
+        <section class="container d-flex flex-column about">
+            <div class="row">
+                <div class="col-5">
+                    <h5 class="about_title">о компании</h5>
+                    <p>А также многие известные личности лишь добавляют фракционных разногласий и представлены в исключительно положительном свете.</p>
+                    <p>А также многие известные личности лишь добавляют фракционных разногласий и представлены в исключительно положительном свете.А также многие известные личности лишь добавляют фракционных разногласий и представлены в исключительно положительном свете.</p>
+                </div>
+                <div class="col-4 about_image"></div>
+                <div class="col">
+                    <div class="d-flex flex-column">
+                        <div class="about_text">А также многие известные личности лишь добавляют фракционных разногласий и представлены в исключительно положительном свете.</div>
+                        <button>Подробнее</button>
+                    </div>
+                </div>
+            </div>
+            <div class="row about-feature">
+                <div class="d-flex flex-column">
+                    <div class="row about-feature_title">
+                        <div class="col"><span>16</span>лет на рынке</div>
+                        <div class="col"><span>185</span>уникальных проектов</div>
+                        <div class="col"><span>185</span>уникальных проектов</div>
+                    </div>
+                    <div class="row">
+                        <div class="col-7 about-feature_text">С ключевым сообщением и призывом к действию С ключевым сообщением и призывом к действию</div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <section class="container-fluid d-flex flex-column portfolio">
+            <div class="row portfolio-header">
+                <div class="col portfolio_title">наши объекты</div>
+                <div class="portfolio_buttons">
+                    <button class="carousel-control-prev">
+                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                        <span class="visually-hidden">Previous</span>
+                    </button>
+                    <button class="carousel-control-next">
+                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                        <span class="visually-hidden">Next</span>
+                    </button>
+                </div>
+            </div>
+        </section>
     </main>
     <footer></footer>
     <script src="js/bootstrap.min.js"></script>