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
2025-07-13 05:49:53 +05:00
parent 88ef0d4b06 92faef15f9
commit 4167668e33
4 changed files with 206 additions and 85 deletions
@@ -1,27 +1,38 @@
 <!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="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="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>
+      <p>
+        Опытный Fullstack-разработчик с более чем 7-летним стажем.
+        Специализируюсь на создании веб-приложений с использованием современных
+        технологий. Готов к переезду в Казань, Москву или Санкт-Петербург.
+      </p>
+      <p>
+        <strong>Девиз:</strong> "Век живи, век учись. Краткость — сестра
+        таланта."
+      </p>
    </div>

    <div class="section">
@@ -29,14 +40,47 @@
      <div class="timeline">
        <div class="timeline-item">
          <h3>Fullstack-разработчик (Проектная работа)</h3>
-                <p><strong>Октябрь 2017 — настоящее время</strong> (7 лет 10 месяцев)</p>
-                <p>Разработка программного обеспечения, участие в различных проектах:</p>
+          <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>
+              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>
@@ -69,14 +113,17 @@
      <h2>Образование</h2>
      <div class="timeline">
        <div class="timeline-item">
-                <h3>Автономная некоммерческая организация высшего образования «Университет Иннополис»</h3>
-                <p>Java enterprise developer</p>
+          <h3>
+            Автономная некоммерческая организация высшего образования
+            «Университет Иннополис»
+          </h3>
+          <p>Java enterprise, Java enterprise developer</p>
          <p><strong>2021</strong></p>
        </div>
        <div class="timeline-item">
          <h3>УКСИВТ</h3>
          <p>Техник по информационным системам</p>
-                <p><strong>2016-2020</strong></p>
+          <p><strong>2004</strong></p>
        </div>
      </div>
    </div>
@@ -87,9 +134,13 @@
        <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>
+          2020: Управление по Agile: Scrum, Kanban, Lean (Нетология-групп)
+        </li>
        <li>2019: English intermediate (Frog-school)</li>
-            <li>2017: Слесарь КИПиА (Учебно-образовательный центр "Газ-Нефть Кадры")</li>
+        <li>
+          2017: Слесарь КИПиА (Учебно-образовательный центр "Газ-Нефть Кадры")
+        </li>
      </ul>
    </div>

@@ -104,12 +155,36 @@

    <div class="section">
      <h2>Проекты и достижения</h2>
-        <p>Все мои проекты находятся в открытом доступе на <a href="https://github.com/valitovgaziz" class="project-link" target="_blank">GitHub</a>.</p>
+      <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>
    </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;