modified: main_dc/valitovgaziz/html/index.html

modified:   main_dc/valitovgaziz/html/style.css
	new file:   main_dc/valitovgaziz/html/style/links_style.css
add style file for links

main_dc/valitovgaziz/html/index.html

@@ -378,7 +378,7 @@
             <li>✅ Микросервисная архитектура на Golang (Gorm, Chi)</li>
             <li>✅ Современный фронтенд на Nuxt.js 4, Vue3.js</li>
             <li>✅ Оптимизированная база данных PostgreSQL</li>
-            <li>✅ Контейнеризация и легкое масштабирование через Docker</li>
+            <li>✅ Контейнеризация и легкое масштабирование через Docker, Docker Swarm</li>
             <li>✅ Полный цикл разработки от идеи до продукта</li>
           </ul>
         </div>

main_dc/valitovgaziz/html/style.css

@@ -6,6 +6,8 @@
 @import url("./style/yalarba_investmen.css");
 @import url("./style/footer.css");
 @import url("./style/repository_section.css");
+@import url("./style/links_style.css");
+
 /* style.css - обновленный */
 :root {
   --primary: #2c3e50;
@@ -25,6 +27,10 @@ html {
   scroll-behavior: smooth;
 }
 
+a {
+  text-decoration: none;
+}
+
 body {
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   line-height: 1.6;

main_dc/valitovgaziz/html/style/links_style.css

@@ -0,0 +1,76 @@
+/* Добавьте в style.css */
+a {
+  color: var(--secondary);
+  text-decoration: none;
+  transition: var(--transition);
+  font-weight: 500;
+  position: relative;
+  padding-right: 16px;
+}
+
+a:not(.btn):after {
+  content: "↗";
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 0.8em;
+  opacity: 0;
+  transition: all 0.3s ease;
+}
+
+a:not(.btn):hover {
+  color: #2980b9;
+  padding-right: 20px;
+}
+
+a:not(.btn):hover:after {
+  opacity: 1;
+  right: -2px;
+}
+
+/* Для внутренних ссылок (без внешней иконки) */
+a[href*="valitovgaziz.ru"]:after,
+a[href*="#"]:after {
+  content: "→";
+}
+
+/* Для темной темы */
+body.dark-mode a:not(.btn) {
+  color: var(--dark-secondary);
+}
+
+body.dark-mode a:not(.btn):hover {
+  color: #3498db;
+}
+
+/* Для ссылок в футере */
+.footer-box a {
+  color: inherit;
+  transition: var(--transition);
+  border-bottom: 1px dotted transparent;
+}
+
+.footer-box a:hover {
+  border-bottom-color: currentColor;
+}
+
+/* Для ссылок в hero-секции */
+.hero a {
+  color: #ffd166; /* Акцентный цвет из hero-секции */
+  font-weight: 600;
+}
+
+.hero a:hover {
+  color: #ffb347;
+}
+
+/* Для ссылок в карточках проектов */
+.project-card a {
+  color: var(--primary);
+  font-weight: 600;
+}
+
+.project-card a:hover {
+  color: var(--secondary);
+}