PageSourceSearch

https://kaiten.ru/kaiten-live-demo

html kaiten.ru collected 2026-09-24 09:19:17 UTC 12,326 bytes, 254 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru">
3  <head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1" />
6    <title>
7      Онлайн-демонстрация Кайтен — бесплатный вебинар каждый вторник в 16:00
8    </title>
9    <meta name="author" content="Lovable" />
10    <meta name="twitter:card" content="summary" />
11    <meta name="twitter:site" content="@Lovable" />
12    <meta
13      name="description"
14      content="Познакомим вас с Кайтен на живом вебинаре: с чего начать, как вести задачи и проекты. Каждый вторник в 16:00 (мск). Регистрация в Telegram или MAX."
15    />
16    <meta
17      property="og:title"
18      content="Онлайн-демонстрация Кайтен — каждый вторник в 16:00"
19    />
20    <meta
21      property="og:description"
22      content="Бесплатный живой вебинар: знакомство с Кайтен, первые шаги, управление задачами и ответы на вопросы."
23    />
24    <meta property="og:type" content="website" />
25    <link href="/assets/css/live-demo-base.css" rel="stylesheet"/>
26    <link href="/assets/css/live-demo.css" rel="stylesheet" />
27    <meta
28      name="twitter:title"
29      content="Онлайн-демонстрация Кайтен — каждый вторник в 16:00"
30    />
31    <meta
32      name="twitter:description"
33      content="Бесплатный живой вебинар: знакомство с Кайтен, первые шаги, управление задачами и ответы на вопросы."
34    />
35    <meta
36      property="og:image"
37      content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/b1760699-3138-4976-b844-a8c3439b6c0e/id-preview-79cb98a8--b376a2cb-6bbd-4cea-aa
37a6-c498af579052.lovable.app-1776671007755.png"
38    />
39    <meta
40      name="twitter:image"
41      content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/b1760699-3138-4976-b844-a8c3439b6c0e/id-preview-79cb98a8--b376a2cb-6bbd-4cea-aaa6-c498af579052.lovable.app-1776671007755.png"
42    />
43  </head>
44  <body>
45    <main
46      class="flex min-h-screen flex-col text-foreground"
47      style="background: var(--gradient-hero)"
48    >
49      <section class="relative flex flex-1 items-center overflow-hidden">
50        <div
51          class="pointer-events-none absolute -top-40 -right-32 h-[28rem] w-[28rem] rounded-full opacity-60 blur-3xl"
52          style="
53            background: radial-gradient(
54              50% 50% at 50% 50%,
55              oklch(0.7 0.22 305 / 0.35),
56              transparent 70%
57            );
58          "
59          aria-hidden="true"
60        ></div>
61        <div
62          class="pointer-events-none absolute -bottom-40 -left-32 h-[24rem] w-[24rem] rounded-full opacity-50 blur-3xl"
63          style="
64            background: radial-gradient(
65              50% 50% at 50% 50%,
66              oklch(0.55 0.24 295 / 0.3),
67              transparent 70%
68            );
69          "
70          aria-hidden="true"
71        ></div>
72        <div
73          class="relative mx-auto w-full max-w-6xl px-5 py-10 sm:px-8 sm:py-14 lg:py-16"
74        >
75          <div
76            class="grid gap-10 lg:grid-cols-[1.1fr_1fr] lg:items-center lg:gap-16"
77          >
78            <div>
79              <div
80                class="inline-flex items-center gap-2 rounded-full border border-primary/15 bg-card/70 px-4 py-2 text-xs font-semibold text-primary shadow-sm backdrop-blur sm:text-sm"
81              >
82                <span class="relative flex h-2 w-2"
83                  ><span
84                    class="absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-60"
85                  ></span
86                  ><span
87                    class="relative inline-flex h-2 w-2 rounded-full bg-primary"
88                  ></span></span
89                >Каждый вторник в&nbsp;16:00 (мск)
90              </div>
91              <h1
92                class="mt-6 text-3xl font-bold leading-[1.05] tracking-tight sm:text-4xl lg:text-5xl"
93              >
94                Познакомим вас<!-- -->
95                <span
96                  class="bg-clip-text text-transparent"
97                  style="background-image: var(--gradient-cta)"
98                  >с&nbsp;Кайтен</span
99                >
100                <!-- -->за&nbsp;1&nbsp;час
101              </h1>
102              <p
103                class="mt-5 max-w-xl text-sm leading-relaxed text-muted-foreground sm:text-base"
104              >
105                Живой онлайн-вебинар для&nbsp;тех, кто только начинает.
106                Расскажем, с&nbsp;чего начать, как вести задачи и&nbsp;проекты,
107                и&nbsp;ответим на&nbsp;ваши вопросы.
108              </p>
109              <div class="mt-8">
110                <div
111                  class="text-[11px] font-semibold tracking-[0.2em] text-primary/80"
112                >
113                  ПРОГРАММА ВЕБИНАРА
114                </div>
115                <ol class="mt-4 space-y-4">
116                  <li class="flex items-start gap-3.5">
117                    <span
118                      class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-xs font-bold text-primary-foreground shadow-sm"
119                      style="background: var(--gradient-cta)"
120                      >1</span
121                    >
122                    <p
123                      class="pt-1 text-sm leading-snug text-foreground sm:text-[15px]"
124                    >
125                      Знакомство с Кайтен: доски, задачи, проекты — живой тур
126                      по&nbsp;интерфейсу
127                    </p>
128                  </li>
129                  <li class="flex items-start gap-3.5">
130                    <span
131                      class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-xs font-bold text-primary-foreground shadow-sm"
132                      style="background: var(--gradient-cta)"
133                      >2</span
134                    >
135                    <p
136                      class="pt-1 text-sm leading-snug text-foreground sm:text-[15px]"
137                    >
138                      С&nbsp;чего начать — простые первые шаги для команды
139                      любого размера
140                    </p>
141                  </li>
142                  <li class="flex items-start gap-3.5">
143                    <span
144                      class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-xs font-bold text-primary-foreground shadow-sm"
145                      style="background: var(--gradient-cta)"
146                      >3</span
147                    >
148                    <p
149                      class="pt-1 text-sm leading-snug text-foreground sm:text-[15px]"
150                    >
151                      Как вести задачи: приоритеты, статусы и&nbsp;контроль
152                      выполнения
153                    </p>
154                  </li>
155                  <li class="flex items-start gap-3.5">
156                    <span
157                      class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-xs font-bold text-primary-foreground shadow-sm"
158                      style="background: var(--gradient-cta)"
159                      >4</span
160                    >
161                    <p
162                      class="pt-1 text-sm leading-snug text-foreground sm:text-[15px]"
163                    >
164                      Ответы на&nbsp;ваши вопросы — спрашивайте всё, что важно,
165                      прямо в&nbsp;эфире
166                    </p>
167                  </li>
168                </ol>
169              </div>
170            </div>
171            <div>
172              <div
173                class="relative overflow-hidden rounded-2xl border border-primary/10 bg-card/80 p-7 backdrop-blur sm:p-9"
174                style="box-shadow: var(--shadow-window)"
175              >
176                <div
177                  class="pointer-events-none absolute inset-x-0 top-0 h-1"
178                  style="background: var(--gradient-cta)"
179                  aria-hidden="true"
180                ></div>
181                <h2 class="text-xl font-bold tracking-tight sm:text-2xl">
182                  Регистрация на&nbsp;ближайший эфир
183                </h2>
184                <p
185                  class="mt-3 text-xs leading-relaxed text-muted-foreground sm:text-sm"
186                >
187                  Бесплатно. Длительность — 1&nbsp;час. Ссылку пришлём
188                  в&nbsp;боте за&nbsp;1&nbsp;день и&nbsp;за&nbsp;1&nbsp;час
189                  до&nbsp;начала.
190                </p>
191                <p class="mt-6 text-xs font-medium text-foreground sm:text-sm">
192                  Выберите удобный вариант регистрации
193                </p>
194                <div class="mt-4 flex flex-col gap-3">
195                  <a
196                    href="https://t.me/kaiten_demo_bot?start=tr8971"
197                    target="_blank"
198                    rel="noopener noreferrer"
199                    class="group inline-flex items-center justify-center gap-2.5 rounded-lg bg-telegram px-5 py-3.5 text-sm font-semibold text-telegram-foreground shadow-sm transition-all hover:scale-[1.02] hover:shadow-lg active:scale-[0.99] sm:text-base"
200                    ><svg
201                      viewBox="0 0 24 24"
202                      fill="currentColor"
203                      class="h-5 w-5"
204                      aria-hidden="true"
205                    >
206                      <path
207                        d="M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z"
208                      ></path></svg
209                    >Зарегистрироваться через&nbsp;Telegram</a
210                  ><a
211                    href="https://max.ru/id7714426252_3_bot?start=tr12797"
212                    target="_blank"
213                    rel="noopener noreferrer"
214                    class="group inline-flex items-center justify-center gap-2.5 rounded-lg bg-max-bg px-5 py-3.5 text-sm font-semibold text-max-foreground shadow-sm transition-all hover:scale-[1.02] hover:shadow-lg active:scale-[0.99] sm:text-base"
215                    ><svg
216                      viewBox="0 0 24 24"
217                      fill="none"
218                      class="h-5 w-5"
219                      aria-hidden="true"
220                    >
221                      <path
222                        d="M3 19V5l5 7 4-5 4 5 5-7v14"
223                        stroke="currentColor"
224                        stroke-width="2.4"
225                        stroke-linecap="round"
226                        stroke-linejoin="round"
227                      ></path></svg
228                    >Зарегистрироваться через&nbsp;MAX</a
229                  >
230                </div>
231                <p
232                  class="mt-5 text-[11px] leading-relaxed text-muted-foreground"
233                >
234                  Нажимая на&nbsp;кнопку, вы&nbsp;соглашаетесь с&nbsp;политикой
235                  конфиденциальности и&nbsp;даёте согласие на&nbsp;обработку
236                  персональных данных.
237                </p>
238              </div>
239            </div>
240          </div>
241        </div>
242      </section>
243      <footer class="relative px-5 py-5 sm:px-8 sm:py-6">
244        <div
245          class="mx-auto max-w-6xl text-center text-xs text-muted-foreground"
246        >
247          ©
248          <!-- -->2026<!-- -->
249          Кайтен — система управления задачами и&nbsp;проектами
250        </div>
251      </footer>
252    </main>
253  </body>
254</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.