483 lines
21 KiB
HTML
483 lines
21 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>
|
||
</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> |