valitovgaziz/tp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: main_dc/valitovgaziz/html/index.html

Browse Source 
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
This commit is contained in:
Газиз Валитов
2026-02-22 08:06:35 +05:00
parent 9b25735fae
commit 3477fdf855
3 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main_dc/valitovgaziz/html/index.html
+3
View File
@@ -20,6 +20,9 @@
</head> </head>
<body> <body>
<header class="hero"> <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-content">
<div class="hero-text"> <div class="hero-text">
<h1>ВАЛИТОВ ГАЗИЗ</h1> <h1>ВАЛИТОВ ГАЗИЗ</h1>
main_dc/valitovgaziz/html/style.css
+3 -5
View File
@@ -12,10 +12,10 @@
/* style.css - обновленный */ /* style.css - обновленный */
:root { :root {
--primary: #9ab09492; --primary: #a9e299;
--secondary: #3498db; --secondary: #63c1ff;
--light: #ecf0f1; --light: #ecf0f1;
--dark: #1a252f; --dark: #36304d;
--success: #2ecc71; --success: #2ecc71;
--border-radius: 12px; --border-radius: 12px;
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1); --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@@ -238,9 +238,7 @@ footer {
} }
.btn-secondary { .btn-secondary {
background-color: transparent;
color: white; color: white;
border: 2px solid white;
} }
.btn-secondary:hover { .btn-secondary:hover {
main_dc/valitovgaziz/html/style/hero_section.css
+19 -6
View File
@@ -25,7 +25,7 @@
} }
.highlight { .highlight {
color: #ffd166; /* Яркий акцентный цвет */ color: #137c5c; /* Яркий акцентный цвет */
} }
.hero-description { .hero-description {
@@ -42,6 +42,7 @@
} }
.btn { .btn {
background-color: var(--secondary);
display: inline-block; display: inline-block;
padding: 0.8rem 1.5rem; padding: 0.8rem 1.5rem;
border-radius: 5px; border-radius: 5px;
@@ -51,25 +52,23 @@
} }
.btn-primary { .btn-primary {
background-color: var(--secondary);
color: white; color: white;
} }
.btn-primary:hover { .btn-primary:hover {
background-color: #2980b9;
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} }
.btn-secondary { .btn-secondary {
background-color: transparent;
color: white; color: white;
border: 2px solid white; border: 2px solid white;
} }
.btn-secondary:hover { .btn-secondary:hover {
background-color: white; background-color: #2980b9;
color: var(--primary); transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} }
.hero-image { .hero-image {
@@ -84,6 +83,20 @@
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); 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) { @media (max-width: 768px) {
.hero-content { .hero-content {