Move Telegram section under hero; refresh QR + group invite to +9UI8dt-60l8yMzJi

This commit is contained in:
timur 2026-05-18 23:54:22 +05:00
parent 80dedafb16
commit fcf0731fc2

View File

@ -1470,28 +1470,30 @@ footer {
</div>
</section>
<!-- SECTION: TELEGRAM GROUP -->
<section class="section" id="telegram" style="padding-top:32px;padding-bottom:32px;">
<div class="container" style="display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:center;border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:28px;background:var(--card-bg,#fafafa);">
<div style="flex:0 0 auto;">
<img
src="https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=https%3A%2F%2Ft.me%2F%2B9UI8dt-60l8yMzJi"
alt="QR на Telegram-группу"
width="200" height="200"
style="display:block;border-radius:12px;background:#fff;padding:8px;">
</div>
<div style="flex:1 1 280px;min-width:260px;">
<!-- SECTION: TELEGRAM COMMUNITY -->
<section class="section" id="telegram">
<div class="container">
<div class="section-label">Сообщество</div>
<h2 class="section-title" style="margin-top:8px;">Telegram-группа</h2>
<p class="section-body" style="margin-top:12px;">
Вопросы, обмен опытом, помощь от админов платформы и других сотрудников Казахтелеком.
Сканируй QR или открой ссылку.
<h2 class="section-title">P2P-формат.<br><em>Не лекция — движение.</em></h2>
<p class="section-body">
Это не курс «сверху вниз». Это сообщество сотрудников КТ, которые учатся <strong>друг у друга</strong>: показывают свои проекты, спрашивают, помогают, делятся находками. Заходи — там уже несколько групп инноваторов.
</p>
<a href="https://t.me/+9UI8dt-60l8yMzJi" target="_blank" rel="noopener" class="btn-primary" style="margin-top:16px;display:inline-block;">
Вступить в Telegram →
<div class="tg-block">
<div class="tg-qr" aria-label="QR-код для Telegram-группы">
<svg viewBox="0 0 264 264" version="1.1" width="264" height="264" class="segno"><g transform="scale(8)"><path fill="#fff" d="M0 0h33v33h-33z"/><path class="qrline" stroke="#000" d="M2 2.5h7m1 0h1m2 0h2m2 0h1m1 0h1m1 0h1m2 0h7m-29 1h1m5 0h1m1 0h3m1 0h1m1 0h2m1 0h4m1 0h1m5 0h1m-29 1h1m1 0h3m1 0h1m1 0h2m2 0h5m5 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m1 0h1m2 0h2m1 0h1m3 0h1m3 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m1 0h1m5 0h2m1 0h3m2 0h1m1 0h3m1 0h1m-29 1h1m5 0h1m2 0h1m4 0h1m1 0h1m2 0h1m2 0h1m5 0h1m-29 1h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7m-21 1h1m1 0h3m2 0h1m1 0h1m2 0h1m-20 1h2m1 0h1m1 0h2m3 0h2m1 0h1m1 0h1m2 0h2m1 0h1m1 0h5m-27 1h3m2 0h1m1 0h6m1 0h2m1 0h2m1 0h2m1 0h2m1 0h1m-28 1h2m2 0h4m4 0h1m1 0h2m9 0h3m-27 1h4m1 0h1m1 0h3m2 0h6m1 0h2m4 0h1m-27 1h1m2 0h1m1 0h1m1 0h1m1 0h2m2 0h1m2 0h4m1 0h2m-24 1h3m1 0h1m2 0h1m7 0h2m4 0h3m4 0h1m-27 1h3m1 0h1m1 0h3m2 0h1m2 0h3m1 0h1m1 0h2m2 0h1m1 0h1m-29 1h2m1 0h2m4 0h1m1 0h2m2 0h1m1 0h1m1 0h3m1 0h1m-21 1h1m2 0h3m1 0h1m1 0h2m1 0h3m3 0h3m1 0h1m-24 1h1m2 0h1m1 0h1m1 0h1m3 0h1m1 0h2m3 0h4m3 0h2m-29 1h1m2 0h1m1 0h2m4 0h1m1 0h1m1 0h3m2 0h2m1 0h2m1 0h3m-28 1h1m1 0h1m1 0h1m4 0h1m3 0h1m1 0h4m2 0h1m1 0h1m2 0h2m-29 1h1m1 0h1m2 0h2m1 0h1m1 0h2m1 0h1m1 0h1m1 0h9m1 0h1m-20 1h2m4 0h3m3 0h1m3 0h1m2 0h1m-28 1h7m1 0h1m1 0h1m2 0h1m4 0h3m1 0h1m1 0h1m1 0h3m-29 1h1m5 0h1m2 0h1m1 0h2m1 0h2m1 0h2m1 0h1m3 0h1m-25 1h1m1 0h3m1 0h1m1 0h1m1 0h1m3 0h3m1 0h1m1 0h6m1 0h2m-29 1h1m1 0h3m1 0h1m3 0h2m1 0h3m4 0h2m2 0h1m-25 1h1m1 0h3m1 0h1m1 0h1m3 0h3m1 0h4m3 0h2m1 0h1m1 0h1m-29 1h1m5 0h1m1 0h1m1 0h1m3 0h2m1 0h2m1 0h1m1 0h2m1 0h1m1 0h1m-28 1h7m2 0h1m2 0h3m2 0h2m1 0h1m1 0h1m1 0h1m2 0h2"/></g></svg>
</div>
<div>
<div class="tg-text-title">Telegram-группа инноваторов</div>
<div class="tg-text-body">
Отсканируй QR или жми на кнопку. Можно показать свой проект, попросить помощь, прислать идею.
</div>
<a href="https://t.me/+9UI8dt-60l8yMzJi" target="_blank" rel="noopener" class="tg-cta">
Открыть в Telegram →
</a>
</div>
</div>
</div>
</section>
<!-- SECTION 1: WHAT IS VIBE CODING -->
@ -1919,32 +1921,6 @@ footer {
</div>
</section>
<!-- SECTION: TELEGRAM COMMUNITY -->
<section class="section" id="telegram">
<div class="container">
<div class="section-label">11 — Сообщество</div>
<h2 class="section-title">P2P-формат.<br><em>Не лекция — движение.</em></h2>
<p class="section-body">
Это не курс «сверху вниз». Это сообщество сотрудников КТ, которые учатся <strong>друг у друга</strong>: показывают свои проекты, спрашивают, помогают, делятся находками. Заходи — там уже несколько групп инноваторов.
</p>
<div class="tg-block">
<div class="tg-qr" aria-label="QR-код для Telegram-группы">
<svg viewBox="0 0 264 264" xmlns="http://www.w3.org/2000/svg"><g transform="scale(8)"><path fill="#fff" d="M0 0h33v33h-33z"/><path stroke="#000" fill="none" d="M2 2.5h7m3 0h3m1 0h2m1 0h4m1 0h7m-29 1h1m5 0h1m1 0h2m2 0h2m1 0h4m3 0h1m5 0h1m-29 1h1m1 0h3m1 0h1m1 0h3m1 0h1m1 0h1m3 0h3m1 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m4 0h2m1 0h2m1 0h1m1 0h1m2 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m5 0h2m2 0h1m2 0h1m2 0h1m1 0h3m1 0h1m-29 1h1m5 0h1m5 0h2m1 0h1m1 0h1m1 0h1m2 0h1m5 0h1m-29 1h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7m-19 1h3m2 0h1m1 0h1m1 0h1m-19 1h3m1 0h2m2 0h2m2 0h1m4 0h1m7 0h2m-28 1h3m1 0h2m1 0h1m1 0h1m1 0h1m1 0h3m2 0h1m1 0h1m1 0h4m2 0h1m-26 1h1m1 0h2m1 0h5m3 0h3m1 0h1m1 0h2m1 0h3m-28 1h3m4 0h1m1 0h3m2 0h2m2 0h3m3 0h1m3 0h1m-28 1h1m3 0h4m3 0h1m2 0h4m2 0h1m1 0h1m1 0h1m1 0h2m-24 1h1m3 0h2m1 0h2m5 0h2m1 0h2m1 0h2m1 0h1m-28 1h1m4 0h1m2 0h1m4 0h1m3 0h2m1 0h5m1 0h2m-29 1h1m2 0h2m4 0h5m6 0h2m2 0h2m1 0h2m-29 1h4m1 0h2m1 0h1m1 0h1m1 0h2m4 0h1m5 0h2m1 0h1m-26 1h1m1 0h2m1 0h1m1 0h2m6 0h2m-19 1h1m3 0h1m1 0h1m1 0h1m2 0h1m1 0h2m2 0h1m2 0h1m1 0h1m2 0h1m-23 1h1m3 0h2m1 0h1m2 0h6m1 0h3m2 0h2m1 0h1m-28 1h6m1 0h1m1 0h2m3 0h1m1 0h1m1 0h6m2 0h1m-20 1h3m1 0h3m1 0h5m3 0h2m1 0h1m-28 1h7m2 0h2m2 0h1m2 0h2m1 0h2m1 0h1m1 0h1m1 0h2m-28 1h1m5 0h1m1 0h3m4 0h1m2 0h1m1 0h1m3 0h1m2 0h1m-28 1h1m1 0h3m1 0h1m4 0h1m1 0h3m2 0h1m1 0h8m-28 1h1m1 0h3m1 0h1m1 0h1m1 0h2m7 0h1m4 0h1m1 0h2m-28 1h1m1 0h3m1 0h1m1 0h2m1 0h1m4 0h2m2 0h1m2 0h1m4 0h1m-29 1h1m5 0h1m1 0h1m1 0h1m2 0h1m1 0h1m3 0h1m2 0h1m1 0h2m1 0h1m-28 1h7m2 0h3m6 0h4m1 0h1m3 0h1"/></g></svg>
</div>
<div>
<div class="tg-text-title">Telegram-группа инноваторов</div>
<div class="tg-text-body">
Отсканируй QR или жми на кнопку. Можно показать свой проект, попросить помощь, прислать идею.
</div>
<a href="https://t.me/+gsFeUQf8t-Q4MjMy" target="_blank" rel="noopener" class="tg-cta">
Открыть в Telegram →
</a>
</div>
</div>
</div>
</section>
<!-- DARK CTA -->
<section class="section" style="border-top: none; padding-bottom: 64px;">
<div class="container">
@ -1966,7 +1942,7 @@ footer {
<div class="footer-links">
<a href="https://claude.ai/downloads" target="_blank" rel="noopener" class="footer-link">Claude</a>
<a href="https://git.telecom.quest" target="_blank" rel="noopener" class="footer-link">Gitea</a>
<a href="https://t.me/+gsFeUQf8t-Q4MjMy" target="_blank" rel="noopener" class="footer-link">Telegram</a>
<a href="https://t.me/+9UI8dt-60l8yMzJi" target="_blank" rel="noopener" class="footer-link">Telegram</a>
</div>
</footer>