new file: main_dc/valitovgaziz/html/images/ValitovGaziz/valitovgaziz2.jpg

new file:   main_dc/valitovgaziz/html/images/ValitovGaziz/valitovgaziz3.jpg
	modified:   main_dc/valitovgaziz/html/index.html
	modified:   main_dc/valitovgaziz/html/style.css
add some photo into valitovgaziz site
This commit is contained in:
2025-10-27 09:32:59 +05:00
parent 661f27f39a
commit c04cceb7f8
4 changed files with 139 additions and 158 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 MiB

+77 -138
View File
@@ -14,7 +14,7 @@
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<script src="scripts.js"></script> <script src="scripts.js"></script>
<script src="darkThemeToggle.js"></script> <script src="darkThemeToggle.js"></script>
<title>ValitovGaziz</title> <title>ValitovGaziz - Fullstack-разработчик</title>
</head> </head>
<body> <body>
<!-- Yandex.Metrika counter --> <!-- Yandex.Metrika counter -->
@@ -62,20 +62,6 @@
<!-- /Yandex.Metrika counter --> <!-- /Yandex.Metrika counter -->
<header class="hero"> <header class="hero">
<header class="hero">
<div class="hero-content">
<!-- существующий контент hero -->
</div>
<!-- Добавьте эту кнопку -->
<button class="theme-toggle" onclick="toggleTheme()">
🌙 Темная тема
</button>
<div class="social_links_block">
<!-- существующие социальные ссылки -->
</div>
</header>
<div class="hero-content"> <div class="hero-content">
<div class="hero-text"> <div class="hero-text">
<h1>Валитов Газиз</h1> <h1>Валитов Газиз</h1>
@@ -84,13 +70,12 @@
<span class="highlight">Yalarba.ru</span> <span class="highlight">Yalarba.ru</span>
</p> </p>
<p class="hero-description"> <p class="hero-description">
Создаю технологические решения для туризма будущего. Ищу инвесторов Создаю технологические решения для туризма будущего. Развиваю проект <strong>Yalarba.ru</strong> — платформу,
для масштабирования проекта <strong>Yalarba.ru</strong> — платформы, которая меняет подход к путешествиям по Башкортостану.
которая меняет подход к путешествиям.
</p> </p>
<div class="hero-buttons"> <div class="hero-buttons">
<button onclick="sendMessageTelegramm()" class="btn btn-primary"> <button onclick="sendMessageTelegramm()" class="btn btn-primary">
Инвестировать в Yalarba Обсудить сотрудничество
</button> </button>
<button onclick="sendMessageTelegramm()" class="btn btn-secondary"> <button onclick="sendMessageTelegramm()" class="btn btn-secondary">
Связаться со мной Связаться со мной
@@ -99,6 +84,11 @@
</div> </div>
</div> </div>
<!-- Кнопка переключения темы -->
<button class="theme-toggle" onclick="toggleTheme()">
🌙 Темная тема
</button>
<div class="social_links_block"> <div class="social_links_block">
<div class="social_link_block"> <div class="social_link_block">
<h4>Подписывайтесь в ВК</h4> <h4>Подписывайтесь в ВК</h4>
@@ -129,7 +119,7 @@
<div class="section about"> <div class="section about">
<div class="about-valitovgaziz-photo-box"> <div class="about-valitovgaziz-photo-box">
<img <img
src="./images/ValitovGaziz/valitovgaziz.jpg" src="./images/ValitovGaziz/valitovgaziz3.jpg"
alt="Valitov Gaziz" alt="Valitov Gaziz"
id="valitovgaziz-photo-img" id="valitovgaziz-photo-img"
/> />
@@ -175,15 +165,45 @@
</p> </p>
</div> </div>
</div> </div>
<!-- Социальные ссылки остаются без изменений -->
</div> </div>
</div> </div>
<!-- ДОБАВЬТЕ эту секцию ПОСЛЕ секции "Обо мне" --> <!-- НОВАЯ СЕКЦИЯ: О репозитории -->
<div class="section">
<h2>👨‍💻 О репозитории</h2>
<p>Добро пожаловать! Этот репозиторий — моё цифровое портфолио и пространство для экспериментов.</p>
<div class="projects-grid">
<div class="project-card">
<h3>🌐 ValitovGaziz.ru</h3>
<p>Сайт-визитка, который вы сейчас просматриваете. Здесь собрана информация о моих навыках, проектах и способах связи.</p>
</div>
<div class="project-card">
<h3>🏞️ Yalarba.ru</h3>
<p>Платформа для туризма по Башкортостану. Помогает путешественникам открывать новые места и планировать маршруты.</p>
</div>
<div class="project-card">
<h3>🏃‍♂️ BegushiyBashkir.ru</h3>
<p>Сайт бегового клуба "Бегущий Башкир", основанного Загиром. Проект о здоровом образе жизни и спортивном сообществе.</p>
</div>
</div>
<div class="current-info">
<h3>Что сейчас в работе?</h3>
<ul>
<li><strong>Изучаю:</strong> C++ и другие интересные языки для будущих проектов.</li>
<li><strong>Открыт к сотрудничеству:</strong> Участвую в разработке open-source проектов.</li>
<li><strong>Нужна помощь:</strong> В развитии одного из моих проектов.</li>
</ul>
<p><strong>Задавайте вопросы</strong> по моим проектам или всему, в чём могу быть полезен.</p>
</div>
</div>
<!-- ОБНОВЛЕННАЯ СЕКЦИЯ: Yalarba -->
<div id="yalarba-invest" class="section yalarba-section"> <div id="yalarba-invest" class="section yalarba-section">
<div class="yalarba-header"> <div class="yalarba-header">
<h2>🚀 Yalarba.ru — Инвестиции в Travel Tech</h2> <h2>🚀 Yalarba.ru — Travel Tech проект</h2>
<p class="yalarba-tagline"> <p class="yalarba-tagline">
Платформа для планирования путешествий нового поколения Платформа для планирования путешествий нового поколения
</p> </p>
@@ -193,7 +213,7 @@
<div class="yalarba-stats"> <div class="yalarba-stats">
<div class="stat"> <div class="stat">
<h3>7+</h3> <h3>7+</h3>
<p>лет разработки</p> <p>лет в разработке</p>
</div> </div>
<div class="stat"> <div class="stat">
<h3>3</h3> <h3>3</h3>
@@ -201,32 +221,34 @@
</div> </div>
<div class="stat"> <div class="stat">
<h3>100%</h3> <h3>100%</h3>
<p>права на код</p> <p>права на код и IP</p>
</div> </div>
</div> </div>
<div class="yalarba-value"> <div class="yalarba-value">
<h3>Почему это перспективно для инвесторов?</h3> <h3>Технологические преимущества проекта:</h3>
<ul> <ul>
<li>Растущий рынок Travel Tech в России и СНГ</li> <li>Микросервисная архитектура на Golang (Gorm, Chi)</li>
<li>Уникальная технологическая платформа</li> <li>Современный фронтенд на Vue3.js</li>
<li>Полные права на код и IP</li> <li>Оптимизированная база данных PostgreSQL</li>
<li>Опытная команда разработки</li> <li>Контейнеризация и легкое масштабирование через Docker</li>
<li>Доказанная жизнеспособность концепции</li> <li>Полный цикл разработки от идеи до продукта</li>
</ul> </ul>
</div> </div>
<div class="investment-cta"> <div class="investment-cta">
<h3>Готовы обсудить инвестиционные возможности?</h3> <h3>Инвестиционные возможности</h3>
<p>Свяжитесь для получения презентации проекта и финансовой модели</p> <p>Проект открыт для стратегических партнерств и инвестиций. Если вас заинтересовала платформа, давайте обсудим перспективы сотрудничества.</p>
<button class="btn btn-primary" onclick="sendMessageTelegramm()"> <button class="btn btn-primary" onclick="sendMessageTelegramm()">
Запросить презентацию Обсудить детали
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<div class="section"> <div class="section">
<h2>Опыт работы</h2>
<div class="timeline">
<div class="timeline-item"> <div class="timeline-item">
<h3>Основатель и Tech Lead - Yalarba.ru</h3> <h3>Основатель и Tech Lead - Yalarba.ru</h3>
<p><strong>2020 — настоящее время</strong> (5+ лет)</p> <p><strong>2020 — настоящее время</strong> (5+ лет)</p>
@@ -243,66 +265,35 @@
<li>Внедрение Docker и контейнеризации для масштабирования</li> <li>Внедрение Docker и контейнеризации для масштабирования</li>
<li>Управление проектом, планирование развития продукта</li> <li>Управление проектом, планирование развития продукта</li>
</ul> </ul>
<p>
<strong>Ключевое достижение:</strong> Создание работающего продукта с
потенциалом масштабирования на рынок Travel Tech.
</p>
</div> </div>
<!--
<h2>Опыт работы</h2>
<div class="timeline">
<div class="timeline-item"> <div class="timeline-item">
<h3>Fullstack-разработчик (Проектная работа)</h3> <h3>Fullstack-разработчик (Проектная работа)</h3>
<p> <p>
<strong>Октябрь 2017 — настоящее время</strong> (7 лет 10 месяцев) <strong>2017 — настоящее время</strong> (7+ лет)
</p> </p>
<p> <p>
Разработка программного обеспечения, участие в различных проектах: Участие в различных IT-проектах:
</p> </p>
<ul> <ul>
<li> <li>
2017-2018: Создание лендинг-страниц на JavaScript, HTML, CSS Разработка лендинг-страниц и сайтов-визиток
</li> </li>
<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>
<li> <li>
2021-2022: Создание туристического агрегатора с проектированием БД Проектирование REST API на Spring Boot и Golang
и 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>
<li> <li>
2022-2024: Разработка REST API на Spring Boot с PostgreSQL и Разработка фронтенда на Vue3.js и Nuxt
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-compose для развертывания микросервисов.
Размарботка REST API на Golang (фрейворки Gorilla, Chi). Vue3.js
разработка фронтенда для https://yalarba.ru.
</li> </li>
</ul> </ul>
</div> </div>
</div>--> </div>
</div> </div>
<!-- Остальные секции (Навыки, Образование, Курсы, Языки, Автобиография) остаются без изменений -->
<div class="section"> <div class="section">
<h2>Навыки</h2> <h2>Навыки</h2>
<div class="skills-container"> <div class="skills-container">
@@ -377,73 +368,21 @@
</div> </div>
<div class="section"> <div class="section">
<h2>Проекты и достижения</h2> <h2>Контакты</h2>
<p> <p>Всегда рад новым знакомствам и интересным предложениям о сотрудничестве.</p>
<a href="https://github.com" class="project-link" target="_blank" <div class="contact-info">
><strong><i>github.com</i></strong></a <p>📱 Телеграм: <a href="https://t.me/valitovgaziz">@valitovgaziz</a></p>
> <p>📧 Email: <a href="mailto:valitovgaziz@yandex.ru">valitovgaziz@yandex.ru</a></p>
<strong><i style="color: green"> | </i></strong> <p>📞 Телефон: <a href="tel:+79044513447">+7 (904) 451-34-47</a></p>
<a
href="https://begushiybashkir.ru"
class="project-link"
target="_blank"
><strong><i>Бегущий Башкир</i></strong></a
>
<strong><i style="color: green"> | </i></strong>
<a href="https://yalarba.ru" class="project-link" target="_blank"
><strong><i>Ял Арба</i></strong></a
>
</p>
<p>
Разработка приложения Trip&Freedom&Adventure представляет собой вклад в
создание полезного продукта для общества. Данная работа играет важную
роль в профессиональном росте и развитии. Миссия этого приложения
заключается в помощи пользователям в открытии новых горизонтов,
планировании путешествий и наслаждении приключениями без излишних
хлопот. Приложение принесет пользу как пользователям, так и мне лично,
позволяя углубить мои знания в программировании, дизайне интерфейсов и
разработке мобильных приложений. Участие в этом проекте также
предоставляет возможность проявить креативность и воплотить идеи,
способные улучшить качество жизни людей. Ежедневная работа над
приложением приближает нас к созданию удобного и функционального
продукта, который станет незаменимым инструментом для путешественников.
Этот проект вдохновляет на постоянное движение вперёд, обучение новым
навыкам и внесение вклада в технологическое и общественное развитие.
</p>
<p>
<strong>🚀 Инвестиции в Travel Tech:</strong>
В рамках развития проекта
<a href="https://yalarba.ru" target="_blank">ЯлАрба</a> активно
привлекаю инвестиции в индустрию технологий путешествий (Travel Tech).
Моя цель — создать масштабное решение, объединяющее инновационные
подходы к планированию поездок, оптимизации маршрутов и
персонализированному сервису. Уверен, что инвестиции в этот сектор
откроют новые горизонты как для пользователей, так и для
партнеров-инвесторов.
</p>
</div> </div>
<button id="saveContactBtn" onclick="saveContact()">📇 Сохранить контакт</button>
<div class="section">
<h3>Автобиография</h3>
<ul>
<li>2002 закончил РБГИ №3</li>
<li>2002 - 2005 Учился в УГАТУ</li>
<li>2005 - 2008 служба в армии</li>
<li>2008 - 2012 работа на заводе КумАПП</li>
<li>2012 - 2015 открыл ООО и вел бизнес по ремонту ПК и ноутбуков</li>
<li>2016 - 2020 учился в УКСиВТ</li>
<li>
2020 - по сей день. Работаю над проектом
<a href="https://yalarba.ru" target="_blank">ЯлАрба</a>
</li>
</ul>
</div> </div>
<footer> <footer>
<div class="footer-links"> <div class="footer-links">
<div class="footer-box footer-link"> <div class="footer-box footer-link">
<span> <span>
Vacations: Технологии:
<ul> <ul>
<li>Vue3.js</li> <li>Vue3.js</li>
<li>Golang (Gorm, Chi)</li> <li>Golang (Gorm, Chi)</li>
@@ -452,7 +391,7 @@
</span> </span>
</div> </div>
<div class="footer-box footer-link"> <div class="footer-box footer-link">
Info: Контакты:
<ul> <ul>
<li>Telegram: @valitovgaziz</li> <li>Telegram: @valitovgaziz</li>
<li>Phone: 8 (962) 543 - 93 - 43</li> <li>Phone: 8 (962) 543 - 93 - 43</li>
@@ -460,9 +399,9 @@
</ul> </ul>
</div> </div>
<div class="footer-box footer-link"> <div class="footer-box footer-link">
Media: Сообщество:
<ul> <ul>
<li><a href="https://t.me/ValitovGaziz_Ufa">Owners news</a></li> <li><a href="https://t.me/ValitovGaziz_Ufa">Новости проекта</a></li>
<li> <li>
<a href="https://t.me/+oYymS0r6qG9lYWJi" <a href="https://t.me/+oYymS0r6qG9lYWJi"
>YalArba team in Telegram</a >YalArba team in Telegram</a
+42
View File
@@ -155,3 +155,45 @@ h1 {
font-size: 0.8rem; font-size: 0.8rem;
} }
} }
.projects-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.project-card {
background: white;
padding: 1.5rem;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
border-left: 4px solid var(--secondary);
}
.project-card h3 {
margin-top: 0;
color: var(--primary);
}
.current-info {
background: #f8f9fa;
padding: 1.5rem;
border-radius: 8px;
margin-top: 2rem;
}
.current-info ul {
margin-bottom: 1.5rem;
}
/* Адаптивность для новых элементов */
@media (max-width: 768px) {
.projects-grid {
grid-template-columns: 1fr;
}
.project-card {
padding: 1rem;
}
}