diff --git a/valitovgaziz/html/images/ValitovGaziz/valitovgaziz.jpg b/valitovgaziz/html/images/ValitovGaziz/valitovgaziz.jpg new file mode 100644 index 0000000..93a1475 Binary files /dev/null and b/valitovgaziz/html/images/ValitovGaziz/valitovgaziz.jpg differ diff --git a/valitovgaziz/html/index.html b/valitovgaziz/html/index.html index 90924e6..a3a5d09 100644 --- a/valitovgaziz/html/index.html +++ b/valitovgaziz/html/index.html @@ -55,13 +55,13 @@

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

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

- +
+7(904)451-34-47 valitovgaziz@yandex.ru - telegram + + telegram + Уфа, Россия
-
-

Обо мне

-

- Опытный Fullstack-разработчик с более чем 7-летним стажем. - Специализируюсь на создании веб-приложений с использованием современных - технологий. Готов к переезду в Казань, Москву или Санкт-Петербург. -

-

- Девиз: "Век живи, век учись. Краткость — сестра - таланта." -

+
+
+ Valitov Gaziz +
+
+

Обо мне

+

+ Опытный Fullstack-разработчик с более чем 7-летним стажем. + Специализируюсь на создании веб-приложений с использованием + современных технологий. Готов к переезду в Казань, Москву или + Санкт-Петербург. +

+

+ Девиз: "Век живи, век учись. Краткость — сестра + таланта." +

+
diff --git a/valitovgaziz/html/style.css b/valitovgaziz/html/style.css index 896a4cd..3819c7a 100644 --- a/valitovgaziz/html/style.css +++ b/valitovgaziz/html/style.css @@ -1,5 +1,6 @@ @import url("saveContactsButtonStyle.css"); @import url("darkTheme.css"); +@import url("./style/about.css"); :root { --primary: #2c3e50; diff --git a/valitovgaziz/html/style/about.css b/valitovgaziz/html/style/about.css new file mode 100644 index 0000000..dbe4cbd --- /dev/null +++ b/valitovgaziz/html/style/about.css @@ -0,0 +1,40 @@ +.about { + display: flex; + width: inherit; + height: auto; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; +} + +.about-valitovgaziz-photo-box { + max-width: 300px; + width: 100%; + height: auto; + @media (max-width: 768px) { + width: 100%; + } +} + +.about-valitovgaziz-photo-box img { + width: 100%; + height: auto; + object-fit: cover; + border-radius: 1em; + -webkit-box-shadow: 4px 4px 8px 9px rgba(34, 60, 80, 0.2); + -moz-box-shadow: 4px 4px 8px 9px rgba(34, 60, 80, 0.2); + box-shadow: 4px 4px 8px 9px rgba(34, 60, 80, 0.2); +} + +#about-valitovgaziz-photo-img { + max-width: 600px; + height: auto; +} + +.about-text { + max-width: 600px; + width: 50%; + @media (max-width: 768px) { + width: 100%; + } +}