modified: main_dc/valitovgaziz/html/index.html

modified: main_dc/valitovgaziz/html/style.css modified: main_dc/valitovgaziz/html/style/hero_section.css valitovgaziz site add resume page and set some more pretty sytles
2026-02-22 08:06:35 +05:00
parent 9b25735fae
commit 3477fdf855
3 changed files with 25 additions and 11 deletions
@@ -20,6 +20,9 @@
  </head>
  <body>
    <header class="hero">
+      <div class="resume-block">
+        <a href="../resume/resume.html" id="resume-link" target="_blank">resume</a>
+      </div>
      <div class="hero-content">
        <div class="hero-text">
          <h1>ВАЛИТОВ ГАЗИЗ</h1>
@@ -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 {
@@ -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 {