From 19ab2ee73e4b179dc210792c0cd4bc1a967b1453 Mon Sep 17 00:00:00 2001 From: valitovgaziz Date: Wed, 9 Jul 2025 23:31:07 +0500 Subject: [PATCH] modified: valitovgaziz/html/index.html new file: valitovgaziz/html/style.css Add tyle file and delete style into heade index.html file's --- valitovgaziz/html/index.html | 117 ++--------------------------------- valitovgaziz/html/style.css | 108 ++++++++++++++++++++++++++++++++ 2 files changed, 113 insertions(+), 112 deletions(-) create mode 100644 valitovgaziz/html/style.css diff --git a/valitovgaziz/html/index.html b/valitovgaziz/html/index.html index 0e6e5cb..183f9a1 100644 --- a/valitovgaziz/html/index.html +++ b/valitovgaziz/html/index.html @@ -3,123 +3,17 @@ + Валитов Газиз - Fullstack разработчик -

Валитов Газиз Камилевич

Fullstack-разработчик

- +7 (904) 4513447 + +7(904)451- 34 - 47 valitovgaziz@yandex.ru + https://t.me/valitovgaziz Уфа, Россия
@@ -210,12 +104,11 @@

Проекты и достижения

-

Все мои проекты находятся в открытом доступе на GitHub. Последние работы также доступны на gitverse.ru в закрытых репозиториях (доступ по запросу).

-

Хорошо ориентируюсь в ООП и паттернах проектирования. Изучил функциональные и объектно-ориентированные парадигмы программирования.

+

Все мои проекты находятся в открытом доступе на GitHub.

diff --git a/valitovgaziz/html/style.css b/valitovgaziz/html/style.css new file mode 100644 index 0000000..86b057f --- /dev/null +++ b/valitovgaziz/html/style.css @@ -0,0 +1,108 @@ +:root { + --primary: #2c3e50; + --secondary: #3498db; + --light: #ecf0f1; + --dark: #1a252f; + --success: #2ecc71; +} +body { + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; + line-height: 1.6; + color: #333; + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + background-color: #f9f9f9; +} +header { + background-color: var(--primary); + color: white; + padding: 2rem 0; + text-align: center; + margin-bottom: 2rem; + border-radius: 0 0 10px 10px; +} +h1, +h2, +h3 { + color: var(--primary); +} +h1 { + margin-bottom: 0.5rem; +} +.contact-info { + display: flex; + justify-content: center; + gap: 2rem; + margin-bottom: 1rem; + flex-wrap: wrap; +} +.section { + background: white; + padding: 2rem; + margin-bottom: 2rem; + border-radius: 8px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} +.skills-container { + display: flex; + flex-wrap: wrap; + gap: 1rem; +} +.skill-tag { + background-color: var(--secondary); + color: white; + padding: 0.5rem 1rem; + border-radius: 20px; + font-size: 0.9rem; +} +.timeline { + position: relative; + padding-left: 30px; +} +.timeline:before { + content: ""; + position: absolute; + left: 10px; + top: 0; + bottom: 0; + width: 2px; + background: var(--secondary); +} +.timeline-item { + position: relative; + margin-bottom: 2rem; +} +.timeline-item:before { + content: ""; + position: absolute; + left: -30px; + top: 5px; + width: 12px; + height: 12px; + border-radius: 50%; + background: var(--primary); + border: 2px solid var(--secondary); +} +.project-link { + display: inline-block; + margin-top: 0.5rem; + color: var(--secondary); + text-decoration: none; +} +.project-link:hover { + text-decoration: underline; +} +footer { + text-align: center; + padding: 2rem 0; + color: var(--dark); + font-size: 0.9rem; +} +@media (max-width: 768px) { + .contact-info { + flex-direction: column; + align-items: center; + gap: 0.5rem; + } +}