diff --git a/main_dc/valitovgaziz/html/index.html b/main_dc/valitovgaziz/html/index.html index ecb3851..9510fa8 100644 --- a/main_dc/valitovgaziz/html/index.html +++ b/main_dc/valitovgaziz/html/index.html @@ -20,6 +20,9 @@
+
+ resume +

ВАЛИТОВ ГАЗИЗ

diff --git a/main_dc/valitovgaziz/html/style.css b/main_dc/valitovgaziz/html/style.css index 01aff2f..c47d6fe 100644 --- a/main_dc/valitovgaziz/html/style.css +++ b/main_dc/valitovgaziz/html/style.css @@ -12,10 +12,10 @@ /* style.css - обновленный */ :root { - --primary: #9ab09492; - --secondary: #3498db; + --primary: #a9e299; + --secondary: #63c1ff; --light: #ecf0f1; - --dark: #1a252f; + --dark: #36304d; --success: #2ecc71; --border-radius: 12px; --shadow: 0 4px 6px rgba(0, 0, 0, 0.1); @@ -238,9 +238,7 @@ footer { } .btn-secondary { - background-color: transparent; color: white; - border: 2px solid white; } .btn-secondary:hover { diff --git a/main_dc/valitovgaziz/html/style/hero_section.css b/main_dc/valitovgaziz/html/style/hero_section.css index 321e88d..a9891fe 100644 --- a/main_dc/valitovgaziz/html/style/hero_section.css +++ b/main_dc/valitovgaziz/html/style/hero_section.css @@ -25,7 +25,7 @@ } .highlight { - color: #ffd166; /* Яркий акцентный цвет */ + color: #137c5c; /* Яркий акцентный цвет */ } .hero-description { @@ -42,6 +42,7 @@ } .btn { + background-color: var(--secondary); display: inline-block; padding: 0.8rem 1.5rem; border-radius: 5px; @@ -51,25 +52,23 @@ } .btn-primary { - background-color: var(--secondary); color: white; } .btn-primary:hover { - background-color: #2980b9; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .btn-secondary { - background-color: transparent; color: white; border: 2px solid white; } .btn-secondary:hover { - background-color: white; - color: var(--primary); + background-color: #2980b9; + transform: translateY(-2px); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .hero-image { @@ -84,6 +83,20 @@ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } +.resume-block { + justify-self: left; +} + +#resume-link { + color: #2980b9; + + /* Адаптивность для героя */ + @media (max-width: 768px) { + .hero-content { + flex-direction: column; + text-align: center; +} + /* Адаптивность для героя */ @media (max-width: 768px) { .hero-content {