Merge branch 'develop_valitovgaziz_site' into development
modified: valitovgaziz/html/index.html new file: valitovgaziz/html/saveContStyle.css new file: valitovgaziz/html/scripts.js modified: valitovgaziz/html/style.css Add save contacts button
This commit is contained in:
+160
-85
@@ -1,115 +1,190 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<script src="scripts.js"></script>
|
||||
<title>Валитов Газиз - Fullstack разработчик</title>
|
||||
</head>
|
||||
<body>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Валитов Газиз Камилевич</h1>
|
||||
<p>Fullstack-разработчик</p>
|
||||
<div class="contact-info">
|
||||
<span id="phone">+7(904)451- 34 - 47</span>
|
||||
<span id="email">valitovgaziz@yandex.ru</span>
|
||||
<span id="telegram"><a href="https://t.me/valitovgaziz">telegram</a></span>
|
||||
<span id="city">Уфа, Россия</span>
|
||||
</div>
|
||||
<h1>Валитов Газиз Камилевич</h1>
|
||||
<p>Fullstack-разработчик</p>
|
||||
<div class="contact-info">
|
||||
<span id="phone">+7(904)451-34-47</span>
|
||||
<span id="email">valitovgaziz@yandex.ru</span>
|
||||
<span id="telegram"
|
||||
><a href="https://t.me/valitovgaziz">telegram</a></span
|
||||
>
|
||||
<span id="city">Уфа, Россия</span>
|
||||
</div>
|
||||
<button id="saveContactBtn" onclick="saveContact()">Скачать контакты</button>
|
||||
</header>
|
||||
|
||||
<div class="section">
|
||||
<h2>Обо мне</h2>
|
||||
<p>Опытный Fullstack-разработчик с более чем 7-летним стажем. Специализируюсь на создании веб-приложений с использованием современных технологий. Готов к переезду в Казань, Москву или Санкт-Петербург.</p>
|
||||
<p><strong>Девиз:</strong> "Век живи, век учись. Краткость — сестра таланта."</p>
|
||||
<h2>Обо мне</h2>
|
||||
<p>
|
||||
Опытный Fullstack-разработчик с более чем 7-летним стажем.
|
||||
Специализируюсь на создании веб-приложений с использованием современных
|
||||
технологий. Готов к переезду в Казань, Москву или Санкт-Петербург.
|
||||
</p>
|
||||
<p>
|
||||
<strong>Девиз:</strong> "Век живи, век учись. Краткость — сестра
|
||||
таланта."
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Опыт работы</h2>
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<h3>Fullstack-разработчик (Проектная работа)</h3>
|
||||
<p><strong>Октябрь 2017 — настоящее время</strong> (7 лет 10 месяцев)</p>
|
||||
<p>Разработка программного обеспечения, участие в различных проектах:</p>
|
||||
<ul>
|
||||
<li>2017-2018: Создание лендинг-страниц на JavaScript, HTML, CSS</li>
|
||||
<li>2019-2021: Проектирование и разработка маркетплейса на Java (Bitbucket: <a href="https://bitbucket.org/Guhar4k/marketplace/src/master/src/" class="project-link" target="_blank">marketplace</a>)</li>
|
||||
<li>2021-2022: Создание туристического агрегатора с проектированием БД и UI-прототипов (диаграммы: <a href="https://app.diagrams.net/?src=about#G1AFZMhIILKnY6fI3-Iz7ut3XaCsNkrf6n#%7B%22pageld%22%3A%22R2IEEEUBdFMjLlhIrx00%22%7D" class="project-link" target="_blank">diagrams.net</a>)</li>
|
||||
<li>2022-2024: Разработка REST API на Spring Boot с PostgreSQL и JavaScript фронтендом (GitHub: <a href="https://github.com/valitovgaziz/yairb_REST_API_2.0.git" class="project-link" target="_blank">yairb_REST_API_2.0</a>)</li>
|
||||
<li>2025: Работа с Docker для развертывания проектов на основе микросервисной архитектуры: <a href="https://github.com/valitovgaziz/tp" class="project-link" target="_blank">tp</a></li>
|
||||
<li>Изучение Golang и его фреймворков</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h2>Опыт работы</h2>
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<h3>Fullstack-разработчик (Проектная работа)</h3>
|
||||
<p>
|
||||
<strong>Октябрь 2017 — настоящее время</strong> (7 лет 10 месяцев)
|
||||
</p>
|
||||
<p>
|
||||
Разработка программного обеспечения, участие в различных проектах:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
2017-2018: Создание лендинг-страниц на JavaScript, HTML, CSS
|
||||
</li>
|
||||
<li>
|
||||
2019-2021: Проектирование и разработка маркетплейса на Java
|
||||
(Bitbucket:
|
||||
<a
|
||||
href="https://bitbucket.org/Guhar4k/marketplace/src/master/src/"
|
||||
class="project-link"
|
||||
target="_blank"
|
||||
>marketplace</a
|
||||
>)
|
||||
</li>
|
||||
<li>
|
||||
2021-2022: Создание туристического агрегатора с проектированием БД
|
||||
и UI-прототипов (диаграммы:
|
||||
<a
|
||||
href="https://app.diagrams.net/?src=about#G1AFZMhIILKnY6fI3-Iz7ut3XaCsNkrf6n#%7B%22pageld%22%3A%22R2IEEEUBdFMjLlhIrx00%22%7D"
|
||||
class="project-link"
|
||||
target="_blank"
|
||||
>diagrams.net</a
|
||||
>)
|
||||
</li>
|
||||
<li>
|
||||
2022-2024: Разработка REST API на Spring Boot с PostgreSQL и
|
||||
JavaScript фронтендом (GitHub:
|
||||
<a
|
||||
href="https://github.com/valitovgaziz/yairb_REST_API_2.0.git"
|
||||
class="project-link"
|
||||
target="_blank"
|
||||
>yairb_REST_API_2.0</a
|
||||
>)
|
||||
</li>
|
||||
<li>2025: Работа с Docker для развертывания проектов</li>
|
||||
<li>Изучение Golang и его фреймворков</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Навыки</h2>
|
||||
<div class="skills-container">
|
||||
<span class="skill-tag">Java</span>
|
||||
<span class="skill-tag">Spring Framework</span>
|
||||
<span class="skill-tag">JavaScript</span>
|
||||
<span class="skill-tag">HTML/CSS</span>
|
||||
<span class="skill-tag">PostgreSQL</span>
|
||||
<span class="skill-tag">Git</span>
|
||||
<span class="skill-tag">Docker</span>
|
||||
<span class="skill-tag">Golang</span>
|
||||
<span class="skill-tag">ООП</span>
|
||||
<span class="skill-tag">Алгоритмы</span>
|
||||
<span class="skill-tag">Agile</span>
|
||||
<span class="skill-tag">Figma</span>
|
||||
<span class="skill-tag">SQL</span>
|
||||
<span class="skill-tag">Linux</span>
|
||||
<span class="skill-tag">API</span>
|
||||
<span class="skill-tag">JUnit</span>
|
||||
<h2>Навыки</h2>
|
||||
<div class="skills-container">
|
||||
<span class="skill-tag">Java</span>
|
||||
<span class="skill-tag">Spring Framework</span>
|
||||
<span class="skill-tag">JavaScript</span>
|
||||
<span class="skill-tag">HTML/CSS</span>
|
||||
<span class="skill-tag">PostgreSQL</span>
|
||||
<span class="skill-tag">Git</span>
|
||||
<span class="skill-tag">Docker</span>
|
||||
<span class="skill-tag">Golang</span>
|
||||
<span class="skill-tag">ООП</span>
|
||||
<span class="skill-tag">Алгоритмы</span>
|
||||
<span class="skill-tag">Agile</span>
|
||||
<span class="skill-tag">Figma</span>
|
||||
<span class="skill-tag">SQL</span>
|
||||
<span class="skill-tag">Linux</span>
|
||||
<span class="skill-tag">API</span>
|
||||
<span class="skill-tag">JUnit</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Образование</h2>
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<h3>
|
||||
Автономная некоммерческая организация высшего образования
|
||||
«Университет Иннополис»
|
||||
</h3>
|
||||
<p>Java enterprise, Java enterprise developer</p>
|
||||
<p><strong>2021</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Образование</h2>
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<h3>Автономная некоммерческая организация высшего образования «Университет Иннополис»</h3>
|
||||
<p>Java enterprise developer</p>
|
||||
<p><strong>2021</strong></p>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<h3>УКСИВТ</h3>
|
||||
<p>Техник по информационным системам</p>
|
||||
<p><strong>2016-2020</strong></p>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<h3>УКСИВТ</h3>
|
||||
<p>Техник по информационным системам</p>
|
||||
<p><strong>2004</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Курсы и сертификаты</h2>
|
||||
<ul>
|
||||
<li>2024: Управление проектами (Skillbox, Эффективный руководитель)</li>
|
||||
<li>2022: Java Full Stack Developer (JetBrains Academy)</li>
|
||||
<li>2021: Java-программист (Университет Иннополис)</li>
|
||||
<li>2020: Управление по Agile: Scrum, Kanban, Lean (Нетология-групп)</li>
|
||||
<li>2019: English intermediate (Frog-school)</li>
|
||||
<li>2017: Слесарь КИПиА (Учебно-образовательный центр "Газ-Нефть Кадры")</li>
|
||||
</ul>
|
||||
<h2>Курсы и сертификаты</h2>
|
||||
<ul>
|
||||
<li>2024: Управление проектами (Skillbox, Эффективный руководитель)</li>
|
||||
<li>2022: Java Full Stack Developer (JetBrains Academy)</li>
|
||||
<li>2021: Java-программист (Университет Иннополис)</li>
|
||||
<li>
|
||||
2020: Управление по Agile: Scrum, Kanban, Lean (Нетология-групп)
|
||||
</li>
|
||||
<li>2019: English intermediate (Frog-school)</li>
|
||||
<li>
|
||||
2017: Слесарь КИПиА (Учебно-образовательный центр "Газ-Нефть Кадры")
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Языки</h2>
|
||||
<ul>
|
||||
<li>Башкирский — Родной</li>
|
||||
<li>Русский — C1 (Продвинутый)</li>
|
||||
<li>Английский — B2 (Средне-продвинутый)</li>
|
||||
</ul>
|
||||
<h2>Языки</h2>
|
||||
<ul>
|
||||
<li>Башкирский — Родной</li>
|
||||
<li>Русский — C1 (Продвинутый)</li>
|
||||
<li>Английский — B2 (Средне-продвинутый)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Проекты и достижения</h2>
|
||||
<p>Все мои проекты находятся в открытом доступе на <a href="https://github.com/valitovgaziz" class="project-link" target="_blank">GitHub</a>.</p>
|
||||
<h2>Проекты и достижения</h2>
|
||||
<p>
|
||||
Все мои проекты находятся в открытом доступе на
|
||||
<a
|
||||
href="https://github.com/valitovgaziz"
|
||||
class="project-link"
|
||||
target="_blank"
|
||||
>GitHub</a
|
||||
>.
|
||||
</p>
|
||||
<p>
|
||||
Разработка приложения Trip&Freedom&Adventure представляет собой вклад в
|
||||
создание полезного продукта для общества. Данная работа играет важную
|
||||
роль в профессиональном росте и развитии. Миссия этого приложения
|
||||
заключается в помощи пользователям в открытии новых горизонтов,
|
||||
планировании путешествий и наслаждении приключениями без излишних
|
||||
хлопот. Приложение принесет пользу как пользователям, так и мне лично,
|
||||
позволяя углубить мои знания в программировании, дизайне интерфейсов и
|
||||
разработке мобильных приложений. Участие в этом проекте также
|
||||
предоставляет возможность проявить креативность и воплотить идеи,
|
||||
способные улучшить качество жизни людей. Ежедневная работа над
|
||||
приложением приближает нас к созданию удобного и функционального
|
||||
продукта, который станет незаменимым инструментом для путешественников.
|
||||
Этот проект вдохновляет на постоянное движение вперёд, обучение новым
|
||||
навыкам и внесение вклада в технологическое и общественное развитие.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p>© 2025 Валитов Газиз Камилевич</p>
|
||||
<p>Предпочитаемые IDE: IntelliJ IDEA, VS Code, Fleet</p>
|
||||
<p>© 2025 Валитов Газиз Камилевич</p>
|
||||
<p>Предпочитаемые IDE: IntelliJ IDEA, VS Code, Fleet</p>
|
||||
</footer>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,14 @@
|
||||
#saveContactBtn {
|
||||
padding: 10px 20px;
|
||||
background: white;
|
||||
color: #2541b2;
|
||||
border: 2px solid #2541b2;
|
||||
border-radius: 6px;
|
||||
font-size: 15px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
#saveContactBtn:hover {
|
||||
background: #2541b2;
|
||||
color: white;
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
function saveContact() {
|
||||
// Создаем содержимое vCard (VCF)
|
||||
const vCardData = `BEGIN:VCARD
|
||||
VERSION:3.0
|
||||
FN:Валитов Газиз Камилевич
|
||||
mob:89279238823
|
||||
tel:89044513441
|
||||
TEL:89625439243
|
||||
email:valitovgaziz@gmail.com
|
||||
EMAIL:valitovgaziz@yandex.ru
|
||||
URL:https://valitovgaziz.ru
|
||||
NOTE:Telegram: @valitovgaziz
|
||||
END:VCARD`;
|
||||
|
||||
// Создаем Blob (бинарный объект) с данными vCard
|
||||
const blob = new Blob([vCardData], { type: 'text/vcard' });
|
||||
|
||||
// Создаем URL для скачивания
|
||||
const url = URL.createObjectURL(blob);
|
||||
|
||||
// Создаем временную ссылку для скачивания
|
||||
const link = document.createElement('a');
|
||||
link.href = url;
|
||||
link.download = 'valitovgaziz.vcf'; // Имя файла
|
||||
link.click();
|
||||
|
||||
// Освобождаем память
|
||||
URL.revokeObjectURL(url);
|
||||
}
|
||||
@@ -1,3 +1,5 @@
|
||||
@import url("saveContStyle.css");
|
||||
|
||||
:root {
|
||||
--primary: #2c3e50;
|
||||
--secondary: #3498db;
|
||||
@@ -15,6 +17,7 @@ body {
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
min-width: 300px;
|
||||
max-width: 1200px;
|
||||
min-width: 500px;
|
||||
margin: 10px auto 5px auto;
|
||||
|
||||
Reference in New Issue
Block a user