modified: src/scss/Index.scss

	modified:   web/Index.html
	modified:   web/css/Index.css

src/scss/Index.scss

@@ -483,4 +483,4 @@
   .hero_title21_span1 {
     font: 1.7826086956521738em/1.2 "Inter", Helvetica, Arial, serif;
   }
-}
+}

web/Index.html

@@ -24,24 +24,27 @@
     <main class="index main">
         <section class="section1">
             <div class=e20_36>
-                <div class="e11_2"></div>
+                <div id="contact" class="e11_2"></div>
                 <div class="e17_26"></div>
                 <div class="e20_33"></div>
                 <div class="e20_34"></div>
-                <div class="e20_35"></div>
-                <div class="e20_15"></div>
-                <div class="e20_21"></div>
-                <div class="e20_24"></div>
+                <div class="e20_35"></div>   
+                <div>
+                    <input type="text" class="e20_15 big_title1_norm" placeholder="ФИО" />
+                </div>
+                <div>
+                    <input type="text" class="e20_21 big_title1_norm" placeholder="Почта" />
+                </div>
+                <div>
+                    <input type="text" class="e20_24 big_title1_norm2" placeholder="Ваши заказы" />
+                </div>
               </div>
-            <div class="rect"></div>
+            <div id="feedback" class="rect"></div>
             <div class="rect1"></div>
             <h1 class="big_title">
                 Однажды мой сервер Серёга слёг, и я слёг со вселенской печалью, но ко мне на помощь пришли ОНИ и починили нас
                 с серёгой!
             </h1>
-            <h1 class="big_title1">ФИО</h1>
-            <h1 class="big_title11">Почта</h1>
-            <h1 class="big_title12">Ваша заявка</h1>
             <img class="image" src="./assets/smiling_man_with_beard.png" alt="alt text" />
             <h1 class="hero_title">Михаил</h1>
             <div class="rect2"></div>
@@ -60,23 +63,23 @@
             </h1>
             <img class="image2" src="./assets/woman_with_dark_hair.png" alt="alt text" />
             <h1 class="hero_title2">Екатерина</h1>
-            <div class="wrapper">
+            <div  id="uslugi" class="wrapper">
                 <img class="image11" src="./assets/printer_maintenance_close_up.png" alt="alt text" /><img class="image21" src="./assets/professional_at_computer_monitor.png" alt="alt text" /><img class="image12" src="./assets/two_people_handshake_crop.png" alt="alt text" /><img class="image22" src="./assets/technician_with_network_cables.png" alt="alt text" />
                 <h1 class="hero_title3">Починка струйных принтеров<br />(875 руб/час)</h1>
                 <h1 class="hero_title4">Диагностика<br />(400 руб/час)</h1>
                 <h1 class="hero_title5">Перенос оборудования<br />(570 руб/час)</h1>
                 <h1 class="hero_title6">Моральная поддержка<br />(570 руб/час)</h1>
             </div>
-            <div class="wrapper1" style="--src:url(../assets/customer_support_representative.png)">
+            <div  id="about-us" class="wrapper1" style="--src:url(../assets/customer_support_representative.png)">
                 <div class="rect4"></div>
                 <h1 class="hero_title11">МЫ ЛУЧШАЯ ТЕХНИЧЕСКАЯ ПОДДЕРЖКА</h1>
             </div>
             <div class="rect5"></div>
             <img class="cover1" src="./assets/is_null.png" alt="alt text" /><img class="image4" src="./assets/digital_data_transfer_concept.png" alt="alt text" />
-            <h1 class="hero_title7">О нас</h1>
-            <h1 class="hero_title8">Наши услуги</h1>
-            <h1 class="hero_title9">Контакты</h1>
-            <h1 class="hero_title10">Отзывы</h1>
+            <a href="#about-us"><h1 class="hero_title7">О нас</h1></a>
+            <a href="#uslugi"><h1 class="hero_title8">Наши услуги</h1></a>
+            <a href="#contact"><h1 class="hero_title9">Контакты</h1></a>
+            <a href="#feedback"><h1 class="hero_title10">Отзывы</h1></a>
             <h1 class="hero_title21_box">
                 <span class="hero_title21"
             ><span class="hero_title21_span0">it</span><span class="hero_title21_span1">ОНИ</span></span>

web/css/Index.css

@@ -189,6 +189,29 @@
   color: #3b3b41;
   text-align: center;
 }
+.index .big_title1_norm {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  width: 749px;
+  height: 67px;
+  font: 400 37px/1.21 "Inter", Helvetica, Arial, serif;
+  color: #3b3b41;
+  text-align: left;
+  padding: 20px;
+}
+.index .big_title1_norm2 {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  width: 749px;
+  height: 797px;
+  font: 400 37px/1.21 "Inter", Helvetica, Arial, serif;
+  color: #3b3b41;
+  text-align: left;
+  padding: 20px;
+}
 .index .image {
   position: absolute;
   top: 2747px;
@@ -584,4 +607,7 @@
 }
 .index .hero_title21_span1 {
   font: 1.7826086957em/1.2 "Inter", Helvetica, Arial, serif;
-}
+}
+html {
+  scroll-behavior: smooth; /* Добавление плавного скролла ко всем прокруткам на странице */
+}