diff --git a/index.html b/index.html
index aa5eeed..04a590d 100644
--- a/index.html
+++ b/index.html
@@ -60,7 +60,7 @@ <h1 class="">Awesome tools for Designer & Developer<span class="accent-point">.<
                             <h2>Antool is a web collection of information on paid or free Design and Development tools
                             </h2>
                             <div class="input-wrapper flex">
-                                <img src="img/search.svg" alt="">
+                                <img src="img/search.svg" alt="search">
                                 <input type="text" placeholder="find more than 430+ tools...">
                                 <button class="search-button">Search</button>
                             </div>
@@ -84,7 +84,7 @@ <h3>Tools for the best Designers and Developers
                     <ul class="card-list flex">
                         <li class="card-list-item">
                             <div class="card-text-about-apps flex">
-                                <img src="img/figma-logo.svg" alt="">
+                                <img src="img/figma-logo.svg" alt="figma">
                                 <div class="card-text-about-apps-wrapper flex">
                                     <h3>FIGMA</h3>
                                     <h4>Free</h4>
@@ -93,15 +93,15 @@ <h4>Free</h4>
                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                             <div class="card-images-wrapper flex">
                                 <ul class="card-images-list flex">
-                                    <li class="like"><img src="img/heard.svg" alt=""></li>
-                                    <li class="folder"><img src="img/folder.svg" alt=""></li>
+                                    <li class="like"><img src="img/heard.svg" alt="heard"></li>
+                                    <li class="folder"><img src="img/folder.svg" alt="folder"></li>
                                 </ul>
                                 <p><a href="#">Visit</a></p>
                             </div>
                         </li>
                         <li class="card-list-item">
                             <div class="card-text-about-apps flex">
-                                <img src="img/scetch-logo.svg" alt="">
+                                <img src="img/scetch-logo.svg" alt="scetch">
                                 <div class="card-text-about-apps-wrapper flex">
                                     <h3>Sketch</h3>
                                     <h4>Trial & Paid</h4>
@@ -110,15 +110,15 @@ <h4>Trial & Paid</h4>
                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                             <div class="card-images-wrapper flex">
                                 <ul class="card-images-list flex">
-                                    <li><img src="img/heard.svg" alt=""></li>
-                                    <li><img src="img/folder.svg" alt=""></li>
+                                    <li><img src="img/heard.svg" alt="heard"></li>
+                                    <li><img src="img/folder.svg" alt="folder"></li>
                                 </ul>
                                 <p><a href="#">Visit</a></p>
                             </div>
                         </li>
                         <li class="card-list-item">
                             <div class="card-text-about-apps flex">
-                                <img src="img/vs-code-logo.svg" alt="">
+                                <img src="img/vs-code-logo.svg" alt="vs-code">
                                 <div class="card-text-about-apps-wrapper flex">
                                     <h3>Visual Studio Code</h3>
                                     <h4>Free</h4>
@@ -127,15 +127,15 @@ <h4>Free</h4>
                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                             <div class="card-images-wrapper flex">
                                 <ul class="card-images-list flex">
-                                    <li><img src="img/heard.svg" alt=""></li>
-                                    <li><img src="img/folder.svg" alt=""></li>
+                                    <li><img src="img/heard.svg" alt="heard"></li>
+                                    <li><img src="img/folder.svg" alt="folder"></li>
                                 </ul>
                                 <p><a href="#">Visit</a></p>
                             </div>
                         </li>
                         <li class="card-list-item">
                             <div class="card-text-about-apps flex">
-                                <img src="img/notion-logo.svg" alt="">
+                                <img src="img/notion-logo.svg" alt="notion">
                                 <div class="card-text-about-apps-wrapper flex">
                                     <h3>Notion</h3>
                                     <h4>Free & Paid</h4>
@@ -144,15 +144,15 @@ <h4>Free & Paid</h4>
                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                             <div class="card-images-wrapper flex">
                                 <ul class="card-images-list flex">
-                                    <li><img src="img/heard.svg" alt=""></li>
-                                    <li><img src="img/folder.svg" alt=""></li>
+                                    <li><img src="img/heard.svg" alt="heard"></li>
+                                    <li><img src="img/folder.svg" alt="folder"></li>
                                 </ul>
                                 <p><a href="#">Visit</a></p>
                             </div>
                         </li>
                         <li class="card-list-item">
                             <div class="card-text-about-apps flex">
-                                <img src="img/slack-logo.svg" alt="">
+                                <img src="img/slack-logo.svg" alt="slack">
                                 <div class="card-text-about-apps-wrapper flex">
                                     <h3>Slack</h3>
                                     <h4>Free & Paid</h4>
@@ -161,15 +161,15 @@ <h4>Free & Paid</h4>
                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                             <div class="card-images-wrapper flex">
                                 <ul class="card-images-list flex">
-                                    <li><img src="img/heard.svg" alt=""></li>
-                                    <li><img src="img/folder.svg" alt=""></li>
+                                    <li><img src="img/heard.svg" alt="heard"></li>
+                                    <li><img src="img/folder.svg" alt="folder"></li>
                                 </ul>
                                 <p><a href="#">Visit</a></p>
                             </div>
                         </li>
                         <li class="card-list-item">
                             <div class="card-text-about-apps flex">
-                                <img src="img/invision-logo.svg" alt="">
+                                <img src="img/invision-logo.svg" alt="invision">
                                 <div class="card-text-about-apps-wrapper flex">
                                     <h3>Invision</h3>
                                     <h4>Free & Paid</h4>
@@ -178,8 +178,8 @@ <h4>Free & Paid</h4>
                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                             <div class="card-images-wrapper flex">
                                 <ul class="card-images-list flex">
-                                    <li><img src="img/heard.svg" alt=""></li>
-                                    <li><img src="img/folder.svg" alt=""></li>
+                                    <li><img src="img/heard.svg" alt="heard"></li>
+                                    <li><img src="img/folder.svg" alt="folder"></li>
                                 </ul>
                                 <p><a href="#">Visit</a></p>
                             </div>
@@ -200,9 +200,9 @@ <h4>Free & Paid</h4>
                     <h2>Trusted more than 150+ brand</h2>
                     <ul class="section-net-works-list flex">
                         <li class="section-net-works-list"><img src="img/microsoft.svg" alt="microsoft"></li>
-                        <li class="section-net-works-list"><img src="img/google.svg" alt=""></li>
-                        <li class="section-net-works-list"><img src="img/slack.svg" alt=""></li>
-                        <li class="section-net-works-list"><img src="img/wordpress.svg" alt=""></li>
+                        <li class="section-net-works-list"><img src="img/google.svg" alt="google"></li>
+                        <li class="section-net-works-list"><img src="img/slack.svg" alt="slack"></li>
+                        <li class="section-net-works-list"><img src="img/wordpress.svg" alt="wordpress"></li>
                     </ul>
                 </div>
             </div>
@@ -223,7 +223,7 @@ <h2>Newcomer Tools</h2>
                         <ul class="card-list flex">
                             <li class="card-list-item">
                                 <div class="card-text-about-apps flex">
-                                    <img src="img/zerplin-logo.svg" alt="">
+                                    <img src="img/zerplin-logo.svg" alt="zerplin">
                                     <div class="card-text-about-apps-wrapper flex">
                                         <h3>Zeplin</h3>
                                         <h4>Free & Paid</h4>
@@ -232,15 +232,15 @@ <h4>Free & Paid</h4>
                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                 <div class="card-images-wrapper flex">
                                     <ul class="card-images-list flex">
-                                        <li><img src="img/heard.svg" alt=""></li>
-                                        <li><img src="img/folder.svg" alt=""></li>
+                                        <li><img src="img/heard.svg" alt="heard"></li>
+                                        <li><img src="img/folder.svg" alt="folder"></li>
                                     </ul>
                                     <p><a href="#">Visit</a></p>
                                 </div>
                             </li>
                             <li class="card-list-item">
                                 <div class="card-text-about-apps flex">
-                                    <img src="img/php-logo.svg" alt="">
+                                    <img src="img/php-logo.svg" alt="php-logo">
                                     <div class="card-text-about-apps-wrapper flex">
                                         <h3>PHPStorm</h3>
                                         <h4>Free</h4>
@@ -249,15 +249,15 @@ <h4>Free</h4>
                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                 <div class="card-images-wrapper flex">
                                     <ul class="card-images-list flex">
-                                        <li><img src="img/heard.svg" alt=""></li>
-                                        <li><img src="img/folder.svg" alt=""></li>
+                                        <li><img src="img/heard.svg" alt="heard"></li>
+                                        <li><img src="img/folder.svg" alt="folder"></li>
                                     </ul>
                                     <p><a href="#">Visit</a></p>
                                 </div>
                             </li>
                             <li class="card-list-item">
                                 <div class="card-text-about-apps flex">
-                                    <img src="img/toolbox-logo.svg" alt="">
+                                    <img src="img/toolbox-logo.svg" alt="toolbox">
                                     <div class="card-text-about-apps-wrapper flex">
                                         <h3>Toolbox</h3>
                                         <h4>Free</h4>
@@ -266,8 +266,8 @@ <h4>Free</h4>
                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                 <div class="card-images-wrapper flex">
                                     <ul class="card-images-list flex">
-                                        <li><img src="img/heard.svg" alt=""></li>
-                                        <li><img src="img/folder.svg" alt=""></li>
+                                        <li><img src="img/heard.svg" alt="heard"></li>
+                                        <li><img src="img/folder.svg" alt="folder"></li>
                                     </ul>
                                     <p><a href="#">Visit</a></p>
                                 </div>
@@ -398,6 +398,8 @@ <h3 class="logo-footer">Company Info</h3>
             });
         }
 
+
+        // скрол - стрілочка 
         window.onscroll = function () { scrollFunction() };
 
         function scrollFunction() {
diff --git a/index.ua.html b/index.ua.html
index 7d4df03..3a8a43d 100644
--- a/index.ua.html
+++ b/index.ua.html
@@ -33,10 +33,10 @@
                     <h3>antools.</h3>
                 </div>
                 <ul class="header-list flex">
-                    <li class="header-list-item"><a href="#">Головна</a></li>
-                    <li class="header-list-item"><a href="#">Категорії</a></li>
-                    <li class="header-list-item"><a href="#">Мої колекції</a></li>
-                    <li class="header-list-item"><a href="#">Блог</a></li>
+                    <li class="header-list-item"><a href="#home">Головна</a></li>
+                    <li class="header-list-item"><a href="#categories">Категорії</a></li>
+                    <li class="header-list-item"><a href="#collections">Мої колекції</a></li>
+                    <li class="header-list-item"><a href="#blog">Блог</a></li>
                 </ul>
                 <div class="buttons flex">
                     <button onclick="OpenRegMenuEN()" type="button">Увійти</button>
@@ -78,7 +78,7 @@ <h2>Antool - це веб-колекція інформації про платн
 
         <section data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine" class="most-popular-tools">
             <div class="container">
-                <h2 id="Categories">Найпопулярніші Інструменти</h2>
+                <h2 id="categories">Найпопулярніші Інструменти</h2>
                 <h3>Інструменти для найкращих Дизайнерів та Розробників, які найбільш популярно використовуються в світі
                 </h3>
                 <div class="cards">
@@ -198,7 +198,7 @@ <h4>Безкоштовно та Платно</h4>
 
         <!-- Section-2  -->
         <section class="net-works" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine"
-            class="most-popular-tools">
+            class="most-popular-tools" id="collections">
             <div class="container">
                 <div class="net-works-section-wrapper">
                     <h2>Довірено більш ніж 150+ брендами</h2>
@@ -299,7 +299,7 @@ <h4>Платно</h4>
         </section>
 
 
-        <section class="section-4" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine">
+        <section class="section-4" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine" id="blog">
             <div class="container">
                 <div class="wrapper-section-4 flex">
                     <div class="foto-section-4">
@@ -366,7 +366,7 @@ <h3 class="logo-footer">Інформація про компанію</h3>
             </ul>
         </div>
     </footer>
-
+    <button class="go-to-top" onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">↑</button>
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
     <script>
         AOS.init();
@@ -375,9 +375,41 @@ <h3 class="logo-footer">Інформація про компанію</h3>
         function redirectToPageEN() {
             window.location.href = "index.html";
         }
-        function OpenRegMenuEN(){
+        function OpenRegMenuEN() {
             window.location.href = "reg-menu-en.html";
         }
+
+
+        // Плавний скролл 
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+
+                document.querySelector(this.getAttribute('href')).scrollIntoView({
+                    behavior: 'smooth'
+                });
+            });
+        });
+
+        function scrollToTop() {
+            window.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+        }
+
+
+        // скрол - стрілочка 
+        window.onscroll = function () { scrollFunction() };
+
+        function scrollFunction() {
+            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+                document.getElementById("scrollToTopBtn").style.display = "block";
+            } else {
+                document.getElementById("scrollToTopBtn").style.display = "none";
+            }
+        }
+
     </script>
 </body>
 
diff --git a/style.css b/style.css
index 53bebcf..a7f51e7 100644
--- a/style.css
+++ b/style.css
@@ -654,7 +654,8 @@ footer{
 /* Reg  */
 .reg-menu-body{ 
     background-size: 100%;
-    background-image: url(https://bogatyr.club/uploads/posts/2023-02/1677197090_bogatyr-club-p-fon-kosmosa-dlya-fotoshopa-fon-pinterest-1.jpg);
+    /* background-image: url(https://bogatyr.club/uploads/posts/2023-02/1677197090_bogatyr-club-p-fon-kosmosa-dlya-fotoshopa-fon-pinterest-1.jpg); */
+   background-color: var(--backgroud-color);
 }
 .reg-menu-main{ 
     margin: 0;