modified: main_dc/valitovgaziz/html/index.html

modified:   main_dc/valitovgaziz/html/style.css
add section about search teammate for projects
This commit is contained in:
2025-10-27 10:00:07 +05:00
parent 07f6b8ff54
commit 49a22832d6
2 changed files with 192 additions and 45 deletions
+175 -40
View File
@@ -70,8 +70,9 @@
<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">
@@ -170,33 +171,166 @@
<!-- НОВАЯ СЕКЦИЯ: О репозитории --> <!-- НОВАЯ СЕКЦИЯ: О репозитории -->
<div class="section"> <div class="section">
<h2>👨‍💻 О репозитории</h2> <h2>
<p>Добро пожаловать! Этот репозиторий — моё цифровое портфолио и пространство для экспериментов.</p> 👨‍💻 О репозитории
<a href="https://github.com/valitovgaziz" class="link-style-none"
>ValitovGaziz-GitHub.com</a
>
</h2>
<p>
Добро пожаловать! Этот репозиторий — моё цифровое портфолио и
пространство для экспериментов.
</p>
<div class="projects-grid"> <div class="projects-grid">
<div class="project-card"> <div class="project-card">
<h3>🌐 ValitovGaziz.ru</h3> <h3>
<p>Сайт-визитка, который вы сейчас просматриваете. Здесь собрана информация о моих навыках, проектах и способах связи.</p> 🌐
<a href="https://valitovgaziz.ru" class="link-style-none"
>ValitovGaziz.ru</a
>
</h3>
<p>
Сайт-визитка, который вы сейчас просматриваете. Здесь собрана
информация о моих навыках, проектах и способах связи.
</p>
</div> </div>
<div class="project-card"> <div class="project-card">
<h3>🏞️ Yalarba.ru</h3> <h3>
<p>Платформа для туризма по Башкортостану. Помогает путешественникам открывать новые места и планировать маршруты.</p> 🏞️
<a href="https://yalarba.ru" class="link-style-none">Yalarba.ru</a>
</h3>
<p>
Платформа для туризма по Башкортостану. Помогает путешественникам
открывать новые места и планировать маршруты.
</p>
</div> </div>
<div class="project-card"> <div class="project-card">
<h3>🏃‍♂️ BegushiyBashkir.ru</h3> <h3>
<p>Сайт бегового клуба "Бегущий Башкир", основанного Загиром. Проект о здоровом образе жизни и спортивном сообществе.</p> 🏃‍♂️
<a href="https://BegushiyBashkir.ru" class="link-style-none"
>BegushiyBashkir.ru</a
>
</h3>
<p>
Сайт бегового клуба "Бегущий Башкир", основанного Загиром. Проект о
здоровом образе жизни и спортивном сообществе.
</p>
</div> </div>
</div> </div>
<div class="current-info"> <div class="current-info">
<h3>Что сейчас в работе?</h3> <h3>Что сейчас в работе?</h3>
<ul> <ul>
<li><strong>Изучаю:</strong> C++ и другие интересные языки для будущих проектов.</li> <li>
<li><strong>Открыт к сотрудничеству:</strong> Участвую в разработке open-source проектов.</li> <strong>Изучаю:</strong> C++ и другие интересные языки для будущих
<li><strong>Нужна помощь:</strong> В развитии одного из моих проектов.</li> проектов.
</li>
<li>
<strong>Открыт к сотрудничеству:</strong> Участвую в разработке
open-source проектов.
</li>
<li>
<strong>Нужна помощь:</strong> В развитии одного из моих проектов.
</li>
</ul> </ul>
<p><strong>Задавайте вопросы</strong> по моим проектам или всему, в чём могу быть полезен.</p> <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>
</div> </div>
@@ -238,7 +372,11 @@
<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>
@@ -269,25 +407,13 @@
<div class="timeline-item"> <div class="timeline-item">
<h3>Fullstack-разработчик (Проектная работа)</h3> <h3>Fullstack-разработчик (Проектная работа)</h3>
<p> <p><strong>2017 — настоящее время</strong> (7+ лет)</p>
<strong>2017 — настоящее время</strong> (7+ лет) <p>Участие в различных IT-проектах:</p>
</p>
<p>
Участие в различных IT-проектах:
</p>
<ul> <ul>
<li> <li>Разработка лендинг-страниц и сайтов-визиток</li>
Разработка лендинг-страниц и сайтов-визиток <li>Создание маркетплейсов и туристических агрегаторов</li>
</li> <li>Проектирование REST API на Spring Boot и Golang</li>
<li> <li>Разработка фронтенда на Vue3.js и Nuxt</li>
Создание маркетплейсов и туристических агрегаторов
</li>
<li>
Проектирование REST API на Spring Boot и Golang
</li>
<li>
Разработка фронтенда на Vue3.js и Nuxt
</li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -369,13 +495,22 @@
<div class="section"> <div class="section">
<h2>Контакты</h2> <h2>Контакты</h2>
<p>Всегда рад новым знакомствам и интересным предложениям о сотрудничестве.</p> <p>
Всегда рад новым знакомствам и интересным предложениям о сотрудничестве.
</p>
<div class="contact-info"> <div class="contact-info">
<p>📱 Телеграм: <a href="https://t.me/valitovgaziz">@valitovgaziz</a></p> <p>
<p>📧 Email: <a href="mailto:valitovgaziz@yandex.ru">valitovgaziz@yandex.ru</a></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> <p>📞 Телефон: <a href="tel:+79044513447">+7 (904) 451-34-47</a></p>
</div> </div>
<button id="saveContactBtn" onclick="saveContact()">📇 Сохранить контакт</button> <button id="saveContactBtn" onclick="saveContact()">
📇 Сохранить контакт
</button>
</div> </div>
<footer> <footer>
@@ -415,4 +550,4 @@
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>
+17 -5
View File
@@ -29,6 +29,7 @@ body {
padding: 10px 20px; padding: 10px 20px;
background-color: #f9f9f9; background-color: #f9f9f9;
} }
header { header {
background-color: var(--primary); background-color: var(--primary);
color: white; color: white;
@@ -116,7 +117,6 @@ h1 {
text-decoration: underline; text-decoration: underline;
} }
/* Адаптация для мелких экранов */ /* Адаптация для мелких экранов */
@media (max-width: 768px) { @media (max-width: 768px) {
header { header {
@@ -192,7 +192,7 @@ h1 {
.projects-grid { .projects-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.project-card { .project-card {
padding: 1rem; padding: 1rem;
} }
@@ -270,12 +270,24 @@ h1 {
.projects-grid { .projects-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.project-card { .project-card {
padding: 1rem; padding: 1rem;
} }
.contact-info { .contact-info {
align-items: flex-start; align-items: flex-start;
} }
} }
.link-style-none {
color: inherit; /* Сброс цвета */
text-decoration: none; /* Удаление подчеркивания */
}
.link-style-none:hover,
.link-style-none:visited,
.link-style-none:active {
color: inherit;
text-decoration: none;
}