Files
tp/main_dc/valitovgaziz/html/index.html
T
valitovgaziz a35373a7e3 modified: main_dc/valitovgaziz/html/index.html
new file:   main_dc/yalarba/api_tp/internal/models/contacts.go
	new file:   main_dc/yalarba/easySite/easySite/app/assets/images/itFestOren.jpg
	modified:   main_dc/yalarba/easySite/easySite/app/pages/objects/index.vue
easysite102.ru add new page contacts
valitovgaziz.ru add text about motivation
2025-11-02 13:59:42 +05:00

563 lines
23 KiB
HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="keywords"
content="site, разработать сайт, создать сайт, ssm, сайт визитка,
vue3, javaScript, java, админка, лендинг, landingpage, продающая страница,
"
/>
<link rel="icon" href="./images/favicon/code_orange.png" />
<link rel="stylesheet" href="style.css" />
<script src="scripts.js"></script>
<script src="darkThemeToggle.js"></script>
<title>ValitovGaziz - Fullstack-разработчик</title>
</head>
<body>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] =
m[i] ||
function () {
(m[i].a = m[i].a || []).push(arguments);
};
m[i].l = 1 * new Date();
for (var j = 0; j < document.scripts.length; j++) {
if (document.scripts[j].src === r) {
return;
}
}
(k = e.createElement(t)),
(a = e.getElementsByTagName(t)[0]),
(k.async = 1),
(k.src = r),
a.parentNode.insertBefore(k, a);
})(
window,
document,
"script",
"https://mc.yandex.ru/metrika/tag.js",
"ym"
);
ym(103321468, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
});
</script>
<noscript
><div>
<img
src="https://mc.yandex.ru/watch/103321468"
style="position: absolute; left: -9999px"
alt=""
/></div
></noscript>
<!-- /Yandex.Metrika counter -->
<header class="hero">
<div class="hero-content">
<div class="hero-text">
<h1>Валитов Газиз</h1>
<p class="hero-subtitle">
Fullstack-разработчик & Основатель
<span class="highlight">Yalarba.ru</span>
</p>
<p class="hero-description">
Создаю технологические решения для туризма будущего. Развиваю проект
<strong>Yalarba.ru</strong> — платформу, которая меняет подход к
путешествиям по Башкортостану.
</p>
<div class="hero-buttons">
<button onclick="sendMessageTelegramm()" class="btn btn-primary">
Обсудить сотрудничество
</button>
<button onclick="sendMessageTelegramm()" class="btn btn-secondary">
Связаться со мной
</button>
</div>
</div>
</div>
<!-- Кнопка переключения темы -->
<button class="theme-toggle" onclick="toggleTheme()">
🌙 Темная тема
</button>
<div class="social_links_block">
<div class="social_link_block">
<h4>Подписывайтесь в ВК</h4>
<a href="https://vk.com">
<div class="social_link">
<img
src="./images/favicon/icons8-vk-50.png"
alt="VK - вконтакте"
/>
</div>
</a>
</div>
<div class="social_link_block">
<h4>Пишите в телеграм</h4>
<a href="https://t.me/valitovgaziz">
<div class="social_link">
<img
src="./images/favicon/icons8-телеграм-50.png"
alt="телеграмм"
/>
</div>
</a>
</div>
</div>
</header>
<!-- ОБНОВИТЕ секцию "Обо мне" -->
<div class="section about">
<div class="about-valitovgaziz-photo-box">
<img
src="./images/ValitovGaziz/valitovgaziz3.jpg"
alt="Valitov Gaziz"
id="valitovgaziz-photo-img"
/>
</div>
<div class="about-text">
<h2>Технический предприниматель и Fullstack-разработчик</h2>
<p>
С 2017 года создаю цифровые продукты, сочетая техническую экспертизу и
бизнес-видение. Специализируюсь на разработке веб-приложений под ключ
— от идеи до масштабируемого продукта.
</p>
<p>
Мой подход:
<strong
>"Технологии как инструмент для решения реальных проблем"</strong
>. Именно этот принцип лежит в основе моего флагманского проекта
<a href="https://yalarba.ru" target="_blank">Yalarba.ru</a>
платформы, которая упрощает планирование путешествий и открывает новые
возможности для туризма.
</p>
<div class="entrepreneur-highlights">
<div class="highlight-item">
<h4>🎯 Техническое видение</h4>
<p>
Создаю архитектуру, которая масштабируется и адаптируется под
растущие потребности бизнеса
</p>
</div>
<div class="highlight-item">
<h4>💡 Бизнес-ориентация</h4>
<p>
Фокусируюсь на создании ценности для пользователей и устойчивых
бизнес-моделях
</p>
</div>
<div class="highlight-item">
<h4>🚀 Практический подход</h4>
<p>
От прототипа к продукту: быстрое тестирование гипотез и
итерационная разработка
</p>
</div>
<div class="highlight-item">
<h4>❤️‍🔥 Меня мотивирует</h4>
<p>
Я часто берусь за проекты, движимый чистым любопытством и страстью к творчеству. Даже когда первоначальное "зачем" не всегда понятно, процесс создания чего-то что принесет большую пользу многим людям - это то, что по-настоящему подпитывает меня, давая энергию для ежедневного стремления к лучшему будущему.
</p>
</div>
</div>
</div>
</div>
<!-- НОВАЯ СЕКЦИЯ: О репозитории -->
<div class="section">
<h2>
👨‍💻 О репозитории
<a href="https://github.com/valitovgaziz" class="link-style-none"
>ValitovGaziz-GitHub.com</a
>
</h2>
<p>
Добро пожаловать! Этот репозиторий — моё цифровое портфолио и
пространство для экспериментов.
</p>
<div class="projects-grid">
<div class="project-card">
<h3>
🌐
<a href="https://valitovgaziz.ru" class="link-style-none"
>ValitovGaziz.ru</a
>
</h3>
<p>
Сайт-визитка, который вы сейчас просматриваете. Здесь собрана
информация о моих навыках, проектах и способах связи.
</p>
</div>
<div class="project-card">
<h3>
🏞️
<a href="https://yalarba.ru" class="link-style-none">Yalarba.ru</a>
</h3>
<p>
Платформа для туризма по Башкортостану. Помогает путешественникам
открывать новые места и планировать маршруты.
</p>
</div>
<div class="project-card">
<h3>
🏃‍♂️
<a href="https://BegushiyBashkir.ru" class="link-style-none"
>BegushiyBashkir.ru</a
>
</h3>
<p>
Сайт бегового клуба "Бегущий Башкир", основанного Загиром. Проект о
здоровом образе жизни и спортивном сообществе.
</p>
</div>
</div>
<div class="current-info">
<h3>
Что сейчас в работе?
<a href="https://easysite102.ru" class="link-style-none"
>easysite102.ru</a
>
</h3>
<ul>
<li>
<strong>Разрабатываю:</strong> easysite102.ru - как чать экосистемы
YalArba.
</li>
<li>
<strong>Открыт к сотрудничеству:</strong> Участвую в разработке
open-source проектов.
</li>
<li><strong>Нужна помощь:</strong> В развитии моих проектов.</li>
</ul>
<p>
<strong>Задавайте вопросы</strong> по моим проектам или всему, в чём
могу быть полезен.
</p>
</div>
</div>
<!-- НОВАЯ СЕКЦИЯ: Команда мечты -->
<div class="section team-section">
<div class="team-header">
<h2>🚀 Ищем тимейтов для роста и прорыва</h2>
<p class="team-tagline">
Создаем digital-будущее вместе через open-source
</p>
</div>
<div class="team-content">
<div class="team-mission">
<h3>💫 Наша миссия</h3>
<p>
Мы строим сообщество профессионалов, которые через технологии
создают реальную пользу для людей. Это не коммерческая работа — это
возможность расти, решая сложные задачи и открывая новые горизонты.
</p>
</div>
<div class="team-roles">
<h3>👥 Кого мы ищем:</h3>
<div class="roles-grid">
<div class="role-card">
<h4>💻 Программисты</h4>
<p>
Fullstack, Backend, Frontend, Mobile — все, кто готов строить
масштабируемые решения
</p>
</div>
<div class="role-card">
<h4>🎨 Дизайнеры</h4>
<p>UI/UX, продуктовые дизайнеры, креативные мыслители</p>
</div>
<div class="role-card">
<h4>📊 Аналитики</h4>
<p>Data-driven специалисты, кто умеет видеть суть в данных</p>
</div>
<div class="role-card">
<h4>🚀 Продавцы-стратеги</h4>
<p>Кто понимает, как digital-продукты меняют рынки</p>
</div>
</div>
</div>
<div class="team-value">
<h3>🎯 Что получаете взамен:</h3>
<ul>
<li>
<strong>Реальный опыт</strong> — задачи уровня коммерческих
проектов
</li>
<li>
<strong>Профессиональный рост</strong> — следующий уровень
навыков гарантирован
</li>
<li>
<strong>Нетворкинг</strong> — сообщество сильных специалистов
</li>
<li>
<strong>Портфолио</strong> — проекты, которые впечатляют
работодателей
</li>
<li>
<strong>Горизонтальное развитие</strong> — возможность
пробовать себя в смежных ролях
</li>
</ul>
</div>
<div class="team-challenge">
<h3>⚡ Уровень сложности:</h3>
<p>
Спектр задач достаточно высок — решая их, вы гарантированно
подниметесь на следующую ступень развития. Мы работаем с
технологиями, которые определяют будущее: микросервисы, AI/ML,
масштабируемые архитектуры, современный UX и бизнес-модели.
</p>
</div>
<div class="team-cta">
<h3>Готовы расти вместе?</h3>
<p>
Если вы ищете не просто проект, а сообщество для профессионального
прорыва — давайте знакомиться!
</p>
<button class="btn btn-primary" onclick="sendMessageTelegramm()">
Присоединиться к команде
</button>
</div>
</div>
</div>
<!-- ОБНОВЛЕННАЯ СЕКЦИЯ: Yalarba -->
<div id="yalarba-invest" class="section yalarba-section">
<div class="yalarba-header">
<h2>🚀 Yalarba.ru — Travel Tech проект</h2>
<p class="yalarba-tagline">
Платформа для планирования путешествий нового поколения
</p>
</div>
<div class="yalarba-content">
<div class="yalarba-stats">
<div class="stat">
<h3>7+</h3>
<p>лет в разработке</p>
</div>
<div class="stat">
<h3>3</h3>
<p>технологических стека</p>
</div>
<div class="stat">
<h3>100%</h3>
<p>права на код и IP</p>
</div>
</div>
<div class="yalarba-value">
<h3>Технологические преимущества проекта:</h3>
<ul>
<li>✅ Микросервисная архитектура на Golang (Gorm, Chi)</li>
<li>✅ Современный фронтенд на Vue3.js</li>
<li>✅ Оптимизированная база данных PostgreSQL</li>
<li>✅ Контейнеризация и легкое масштабирование через Docker</li>
<li>✅ Полный цикл разработки от идеи до продукта</li>
</ul>
</div>
<div class="investment-cta">
<h3>Инвестиционные возможности</h3>
<p>
Проект открыт для стратегических партнерств и инвестиций. Если вас
заинтересовала платформа, давайте обсудим перспективы
сотрудничества.
</p>
<button class="btn btn-primary" onclick="sendMessageTelegramm()">
Обсудить детали
</button>
</div>
</div>
</div>
<div class="section">
<h2>Опыт работы</h2>
<div class="timeline">
<div class="timeline-item">
<h3>Основатель и Tech Lead - Yalarba.ru</h3>
<p><strong>2020 — настоящее время</strong> (5+ лет)</p>
<p>
Разработка и продвижение инновационной платформы для планирования
путешествий с полным циклом разработки:
</p>
<ul>
<li>
Создание архитектуры микросервисов на Java Spring Boot и Golang
</li>
<li>Разработка современного фронтенда на Vue3.js</li>
<li>Проектирование и оптимизация баз данных PostgreSQL</li>
<li>Внедрение Docker и контейнеризации для масштабирования</li>
<li>Управление проектом, планирование развития продукта</li>
</ul>
</div>
<div class="timeline-item">
<h3>Fullstack-разработчик (Проектная работа)</h3>
<p><strong>2017 — настоящее время</strong> (7+ лет)</p>
<p>Участие в различных IT-проектах:</p>
<ul>
<li>Разработка лендинг-страниц и сайтов-визиток</li>
<li>Создание маркетплейсов и туристических агрегаторов</li>
<li>Проектирование REST API на Spring Boot и Golang</li>
<li>Разработка фронтенда на Vue3.js и Nuxt</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">Vue3</span>
<span class="skill-tag">Nuxt</span>
<span class="skill-tag">HTML/CSS/SASS/SCSS</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">REST API</span>
<span class="skill-tag">Intelij Idea</span>
<span class="skill-tag">VS Code</span>
<span class="skill-tag">Fleet</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 - 2021</strong></p>
</div>
<div class="timeline-item">
<h3>УКСИВТ</h3>
<p>Уфимский колледж статистики и информатики</p>
<p>Техник по информационным системам</p>
<p><strong>2016 - 2020</strong></p>
</div>
<div class="timeline-item">
<h3>МТИ - Московский технлогический институт.</h3>
<p>Разработка программиного обеспечения</p>
<p><strong>2025 - ></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 Enterprise developer (Университет Иннополис)</li>
<li>
2020: Управление по Agile: Scrum, Kanban, Lean (Нетология-групп)
</li>
<li>2019: English intermediate (Frog-school)</li>
</ul>
</div>
<div class="section">
<h2>Языки</h2>
<ul>
<li>Башкирский — Родной</li>
<li>Русский — C1 (Продвинутый)</li>
<li>Английский — B2 (Средне-продвинутый)</li>
</ul>
</div>
<div class="section">
<h2>Контакты</h2>
<p>
Всегда рад новым знакомствам и интересным предложениям о сотрудничестве.
</p>
<div class="contact-info">
<p>
📱 Телеграм: <a href="https://t.me/valitovgaziz">@valitovgaziz</a>
</p>
<p>
📧 Email:
<a href="mailto:valitovgaziz@yandex.ru">valitovgaziz@yandex.ru</a>
</p>
<p>📞 Телефон: <a href="tel:+79044513447">+7 (904) 451-34-47</a></p>
</div>
<button id="saveContactBtn" onclick="saveContact()">
📇 Сохранить контакт
</button>
</div>
<footer>
<div class="footer-links">
<div class="footer-box footer-link">
<span>
Технологии:
<ul>
<li>Vue3.js</li>
<li>Golang (Gorm, Chi)</li>
<li>PostgresQL DB</li>
</ul>
</span>
</div>
<div class="footer-box footer-link">
Контакты:
<ul>
<li>Telegram: @valitovgaziz</li>
<li>Phone: 8 (962) 543 - 93 - 43</li>
<li>email: vaitovgaziz@yandex.ru</li>
</ul>
</div>
<div class="footer-box footer-link">
Сообщество:
<ul>
<li><a href="https://t.me/ValitovGaziz_Ufa">Новости проекта</a></li>
<li>
<a href="https://t.me/+oYymS0r6qG9lYWJi"
>YalArba team in Telegram</a
>
</li>
</ul>
</div>
</div>
<div class="footer-end-text">
<p>Уфа Ufa Өфө 2025 ©</p>
</div>
</footer>
</body>
</html>