modified: valitovgaziz/html/index.html

modified:   valitovgaziz/html/style.css
edit the footer, valitovgaziz's site

valitovgaziz/html/index.html

@@ -257,10 +257,7 @@
     <div class="section">
       <h2>Проекты и достижения</h2>
       <p>
-        <a
-          href="https://github.com"
-          class="project-link"
-          target="_blank"
+        <a href="https://github.com" class="project-link" target="_blank"
           ><strong><i>github.com</i></strong></a
         >
         <strong><i style="color: green"> | </i></strong>
@@ -271,10 +268,7 @@
           ><strong><i>Бегущий Башкир</i></strong></a
         >
         <strong><i style="color: green"> | </i></strong>
-        <a
-          href="https://yalarba.ru"
-          class="project-link"
-          target="_blank"
+        <a href="https://yalarba.ru" class="project-link" target="_blank"
           ><strong><i>Ял Арба</i></strong></a
         >
       </p>
@@ -324,7 +318,14 @@
     </div>
 
     <footer>
-      <p>© 2025 Валитов Газиз Камилевич</p>
+      <div class="footer-links">
+        <div class="footer-box footer-link">Vacation</div>
+        <div class="footer-box footer-link">Info</div>
+        <div class="footer-box footer-link">Recvisites</div>
+      </div>
+      <div class="footer-end-text">
+        <p>Создатель Валитов Газиз Камилевич 2025 ©</p>
+      </div>
     </footer>
   </body>
 </html>

valitovgaziz/html/style.css

@@ -113,10 +113,43 @@ h1 {
 }
 footer {
   text-align: center;
-  padding: 2rem 0;
+  padding: 1em 0 0 0;
   color: var(--dark);
   font-size: 0.9rem;
+  border-radius: 1rem;
+  display: flex;
+  flex-direction: column;
 }
+
+.footer-links {
+  padding: 1em;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  justify-content: space-around;
+}
+
+.footer-box{
+  width: 4rem;
+  height: fit-content;
+}
+
+.footer-link {
+  padding: 0.3rem;
+  border-radius: 0.3em;
+  border: 1px solid white;
+}
+
+.footer-link:hover {
+  border: 1px solid;
+}
+
+.footer-end-text {
+  margin: 0;
+  position: relative;
+  bottom: 0;
+}
+
 /* Адаптация для мелких экранов */
 @media (max-width: 768px) {
   header {