add Footer

Style/main.css

@@ -3,6 +3,8 @@ body {
     text-align: center;
 }
 
+
+
 #search-input {
     width: 300px;
     padding: 10px;
@@ -15,3 +17,18 @@ body {
 #results {
     margin-top: 20px;
 }
+
+
+/*===== Самый низ =====*/ 
+footer {
+    background-color: #333;
+    border-radius: 50px;
+    color: #fff;
+    text-align: center;
+    padding: 20px 0;
+    position: fixed;
+    bottom: 0;
+    left: 50%; /* Центрирование по горизонтали */
+    transform: translateX(-50%); /* Сдвиг на половину ширины футера назад */
+    width: 40%; /* Или 100%, если нужно на всю ширину */
+}

index.html

@@ -13,6 +13,10 @@ <h1>История России</h1>
         <button id="search-btn">Поиск</button>
         <div id="results"></div>
     </main>
+
+    <footer>
+        <p>&copy; г. 2024 @GamingHackintosh. All Rights Reserved.</p>
+    </footer>
     <script src="JS/main.js"></script>
 </body>
 </html>