PageSourceSearch

https://cliga.ru/about.php

html cliga.ru collected 2026-10-02 18:11:03 UTC 74,296 bytes, 1,026 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.0, viewport-fit=cover">
6<title>О Лиге | Корпоративная лига</title>
7<meta name="description" content="О Корпоративной лиге — B2B/B2G платформа корпоративного спорта с 2005 года. Объединяем компании через спорт: спартакиады, турниры, лига, cliga.ru. Москва.">
8<meta name="keywords" content="корпоративная лига, корпоративный спорт, спартакиада, волейбол, мини-футбол, баскетбол, хоккей, турниры для бизнеса, B2B спорт, cliga, cliga.ru, liga, корпоративные мероприятия, аренда площадки, корпоративная лига Москва">
9<meta property="og:type"         content="website">
10<meta property="og:site_name"    content="Корпоративная лига">
11<meta property="og:title"        content="О Лиге | Корпоративная лига">
12<meta property="og:description"  content="О Корпоративной лиге — B2B/B2G платформа корпоративного спорта с 2005 года. Объединяем компании через спорт: спартакиады, турниры, лига, cliga.ru. Москва.">
13<meta property="og:image"        content="https://cliga.ru/images/logo/og-image.png">
14<meta property="og:image:width"  content="1200">
15<meta property="og:image:height" content="630">
16<meta property="og:locale"       content="ru_RU">
17<meta name="twitter:card"        content="summary_large_image">
18<meta name="twitter:title"       content="О Лиге | Корпоративная лига">
19<meta name="twitter:description" content="О Корпоративной лиге — B2B/B2G платформа корпоративного спорта с 2005 года. Объединяем компании через спорт: спартакиады, турниры, лига, cliga.ru. Москва.">
20<meta name="twitter:image"       content="https://cliga.ru/images/logo/og-image.png">
21<meta name="theme-color"         content="#030d1e">
22<link rel="icon" type="image/x-icon" href="/images/logo/favicon.ico">
23<link rel="icon" type="image/png" sizes="32x32" href="/images/logo/favicon-32x32.png">
24<link rel="icon" type="image/png" sizes="16x16" href="/images/logo/favicon-16x16.png">
25<link rel="apple-touch-icon" sizes="180x180" href="/images/logo/apple-touch-icon.png">
26<link rel="preconnect" href="https://fonts.googleapis.com">
27<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
28<link rel="dns-prefetch" href="//vkvideo.ru">
29<link rel="dns-prefetch" href="//vk.com">
30<link rel="dns-prefetch" href="//iss.moex.com">
31<link rel="dns-prefetch" href="//api-maps.yandex.ru">
32<link rel="dns-prefetch" href="//yastatic.net">
33<!-- Шрифты — media=print + onload = не блокируют рендер страницы -->
34<link rel="preload" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Open+Sans:wght@400;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
35<noscript><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet"></noscript>
36<link rel="stylesheet" href="/css/style.css?v=1788987683">
37
38<style>
39/* ════ ШАПКА —  */
40#page-nav {
41  position: fixed;
42  top: 0; left: 0; right: 0;
43  z-index: 900;
44  background: linear-gradient(130deg, var(--dark) 0%, var(--blue) 55%, var(--mid) 100%);
45  border-bottom: 2px solid var(--mint);
46  overflow: visible;
47}
48body {
49  padding-top: 0 !important;
50}
51</style>
52
53<style>  /* ══ ЗВЁЗДЫ ══ */
54  @keyframes twinkle{0%,100%{opacity:0.1;transform:scale(1);}50%{opacity:0.8;transform:scale(1.2);}}
55  .star{position:absolute;background:var(--white);border-radius:50%;pointer-events:none;animation:twinkle 3s ease-in-out infinite;}
56  #hero-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
57
58  /* ══ АНИМАЦИИ ПОЯВЛЕНИЯ ══ */
59  @keyframes fadeInUp   { from{opacity:0;transform:translateY(50px);}  to{opacity:1;transform:translateY(0);} }
60  @keyframes fadeInLeft { from{opacity:0;transform:translateX(60px);}  to{opacity:1;transform:translateX(0);} }
61  @keyframes fadeInRight{ from{opacity:0;transform:translateX(-60px);} to{opacity:1;transform:translateX(0);} }
62
63  .anim-up    { opacity:0; }
64  .anim-left  { opacity:0; }
65  .anim-right { opacity:0; }
66
67  .anim-up.go    { animation: fadeInUp    0.8s cubic-bezier(.2,.9,.4,1.1) both; }
68  .anim-left.go  { animation: fadeInLeft  0.8s cubic-bezier(.2,.9,.4,1.1) both; }
69  .anim-right.go { animation: fadeInRight 0.8s cubic-bezier(.2,.9,.4,1.1) both; }
70
71  /* ══ СТАТИСТИКА ══ */
72  .stat-card{
73    background:var(--white);
74    padding:24px 20px;
75    border-radius:var(--r);
76    transition:transform .4s,box-shadow .4s;
77    box-shadow:0 2px 12px rgba(36,64,130,.06);
78    position:relative;overflow:hidden;cursor:pointer;
79  }
80  .stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 32px rgba(36,64,130,.12);}
81  .stat-number{
82    font-family:var(--H);font-weight:800;
83    font-size:clamp(28px,5vw,48px);
84    color:var(--blue);line-height:1;margin-bottom:8px;
85  }
86  .stat-label{font-family:var(--B);font-size:13px;color:var(--gray);line-height:1.4;}
87  .stat-line{position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--mint);transition:width .4s;}
88  .stat-card:hover .stat-line{width:100%;}
89
90  /* ══ ТАЙМЛАЙН ══ */
91  .tl-wrap{position:relative;max-width:1100px;margin:0 auto;padding:20px 0;}
92  .tl-wrap::before{
93    content:"";position:absolute;left:50%;transform:translateX(-50%);
94    width:2px;height:100%;
95    background:linear-gradient(180deg,var(--mint),var(--blue),var(--mint));opacity:.5;
96  }
97  .tl-item{position:relative;margin-bottom:60px;display:flex;width:100%;align-items:flex-start;}
98  .tl-item.left{justify-content:flex-start;}
99  .tl-item.right{justify-content:flex-end;}
100  .tl-card{
101    width:46%;background:var(--white);border-radius:var(--r);padding:24px 28px;
102    box-shadow:0 8px 24px rgba(36,64,130,.08);
103    transition:transform .4s,box-shadow .4s;cursor:pointer;position:relative;z-index:2;
104  }
105  .tl-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(36,64,130,.15);}
106  .tl-item.left  .tl-card{text-align:right;}
107  .tl-item.right .tl-card{text-align:left;}
108  .tl-card::after{content:"";position:absolute;top:35px;width:4%;height:2px;background:var(--mint);opacity:.6;}
109  .tl-item.left  .tl-card::after{right:-4%;}
110  .tl-item.right .tl-card::after{left:-4%;}
111  .tl-year{font-family:var(--H);font-weight:800;font-size:clamp(22px,4vw,34px);color:var(--mint);line-height:1;margin-bottom:8px;}
112  .tl-title{font-family:var(--H);font-weight:700;font-size:clamp(12px,1.5vw,16px);text-transform:uppercase;color:var(--blue);margin-bottom:10px;}
113  .tl-desc{font-family:var(--B);font-size:clamp(12px,1.3vw,14px);color:var(--gray);line-height:1.6;}
114  .tl-node{
115    position:absolute;top:28px;left:50%;transform:translateX(-50%);
116    width:14px;height:14px;background:var(--mint);border-radius:50%;
117    box-shadow:0 0 0 4px rgba(0,207,162,.25);z-index:3;
118  }
119
120  /* ══ КОМАНДА ══ */
121  .team-card{
122    text-align:center;padding:24px 16px;background:var(--white);border-radius:var(--r);
123    transition:transform .4s,box-shadow .4s;cursor:pointer;
124    box-shadow:0 2px 12px rgba(36,64,130,.04);
125  }
126  .team-card:hover{transform:translateY(-8px);box-shadow:0 24px 36px rgba(36,64,130,.12);}
127  .team-ava{
128    width:90px;height:90px;border-radius:50%;
129    background:linear-gradient(135deg,var(--dark),var(--mid));
130    display:flex;align-items:center;justify-content:center;
131    font-size:40px;margin:0 auto 14px;transition:transform .3s;
132  }
133  .team-card:hover .team-ava{transform:scale(1.05);}
134
135  /* ══ КНОПКИ СЛАЙДЕРА ══ */
136  .s-btn-custom{width:42px;height:42px;border-radius:var(--r);
137    border:1.5px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);
138    color:var(--white);cursor:pointer;transition:all .3s;font-size:18px;}
139  .s-btn-custom:hover{border-color:var(--mint);background:var(--mint);transform:translateY(-2px);}
140
141  /* ══ КЕЙСЫ ══ */
142  .idx-case-card{
143    background:var(--white);border-radius:var(--r);overflow:hidden;
144    border:1.5px solid var(--lgray);display:flex;flex-direction:column;
145    cursor:pointer;transition:transform .3s cubic-bezier(.2,.9,.4,1.1),box-shadow .3s,border-color .3s;
146  }
147  .idx-case-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(36,64,130,.13);border-color:var(--mint);}
148  .idx-case-cover{height:180px;position:relative;overflow:hidden;display:flex;align-items:flex-end;}
149  .idx-case-overlay{
150    position:relative;z-index:2;width:100%;padding:10px 14px;
151    background:linear-gradient(to top,rgba(8,72,118,.93) 0%,transparent 100%);
152  }
153  .idx-case-body{padding:13px;display:flex;flex-direction:column;flex:1;}
154
155  /* ══ СТРЕЛКИ КАРУСЕЛИ ══ */
156  .cases-arrow{
157    flex-shrink:0;width:44px;height:44px;border-radius:50%;
158    background:var(--white);border:2px solid var(--blue);color:var(--blue);
159    font-size:18px;
159cursor:pointer;display:flex;align-items:center;
160    justify-content:center;box-shadow:0 4px 16px rgba(36,64,130,.15);
161    transition:background .2s,color .2s;
162    -webkit-tap-highlight-color:transparent;
163    line-height:1;padding:0;
164  }
165  .cases-arrow:hover{background:var(--blue);color:#fff;}
166
167  /* ══ МОБИЛКА ══ */
168  @media(max-width:768px){
169    .tl-wrap{padding:10px 0;}
170    .tl-wrap::before{left:16px !important;transform:none !important;}
171    .tl-item{justify-content:flex-end !important;margin-bottom:28px;}
172    .tl-item.left,.tl-item.right{justify-content:flex-end !important;}
173    .tl-card{
174      width:calc(100% - 48px) !important;
175      text-align:left !important;
176      padding:14px 16px !important;
177      margin-right:0 !important;
178      margin-left:0 !important;
179    }
180    .tl-card::after{display:none !important;}
181    .tl-node{left:10px !important;transform:none;}
182    .tl-year{font-size:22px !important;}
183    .tl-title{font-size:12px !important;}
184    .tl-desc{font-size:12px !important;}
185    .stat-number{font-size:clamp(24px,6vw,36px);}
186    .idx-case-cover{height:140px;}
187    .cases-arrow{width:32px !important;height:32px !important;font-size:14px !important;}
188  }
189
190  @media(max-width:600px){
191    .team-grid-wrap{grid-template-columns:1fr 1fr !important;gap:12px !important;}
192    .team-card{padding:16px 10px;}
193    .team-ava{width:70px;height:70px;font-size:30px;}
194    .tl-card{padding:12px 14px !important;}
195    .tl-year{font-size:18px !important;}
196    .tl-item{margin-bottom:20px;}
197    .stat-number{font-size:clamp(22px,7vw,32px) !important;}
198    .stat-card{padding:18px 14px;}
199    .about-stats-grid{grid-template-columns:1fr 1fr !important;gap:12px !important;}
200    .idx-case-cover{height:120px;}
201.cases-arrow{width:32px !important;height:32px !important;font-size:14px !important;}
202  }
203
204  @media(max-width:400px){
205    .tl-card{padding:10px 12px !important;}
206    .team-card{padding:14px 8px;}
207    .team-ava{width:60px;height:60px;font-size:26px;}
208  }
209
210@media(hover:none){
211    .tl-card:hover,.team-card:hover,.stat-card:hover,.idx-case-card:hover{
212      transform:none !important;box-shadow:none !important;
213    }
214  }
215/* ══ ФОТО-РЕЖИМ КАРТОЧЕК (как на главной) ══ */
216  .idx-case-card--photo{
217    border-radius:var(--r);overflow:hidden;border:none;
218    box-shadow:0 4px 16px rgba(36,64,130,.12);
219    background:none;display:block;cursor:pointer;
220    transition:transform .3s cubic-bezier(.2,.9,.4,1.1),box-shadow .3s;
221  }
222  .idx-case-card--photo:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(36,64,130,.2);}
223  .idx-case-card--photo .idx-case-cover{height:220px;border-radius:var(--r);}
224  @media(max-width:900px){.idx-case-card--photo .idx-case-cover{height:180px;}}
225  @media(max-width:480px){.idx-case-card--photo .idx-case-cover{height:160px;}}
226  .idx-case-hover-btn{
227    position:absolute;top:50%;left:50%;
228    transform:translate(-50%,-50%) scale(0.7);opacity:0;
229    background:var(--mint);color:var(--white);
230    font-family:var(--H);font-weight:700;font-size:10px;
231    letter-spacing:.12em;text-transform:uppercase;
232    padding:9px 20px;border-radius:var(--r);z-index:4;
233    pointer-events:none;white-space:nowrap;
234    transition:opacity .25s ease,transform .28s cubic-bezier(.34,1.56,.64,1);
235  }
236  .idx-case-card--photo:hover .idx-case-hover-btn{opacity:1;transform:translate(-50%,-50%) scale(1);}
237  .idx-case-card--photo .idx-case-cover::after{
238content:"";position:absolute;inset:0;
239    background:rgba(8,30,60,.45);opacity:0;
240    transition:opacity .25s ease;z-index:3;
241  }
242  .idx-case-card--photo:hover .idx-case-cover::after{opacity:1;}
243  .idx-case-card--photo .idx-case-overlay{
244    position:absolute;bottom:0;left:0;right:0;z-index:5;
245    padding:32px 14px 14px;
246    background:linear-gradient(to top,rgba(8,30,60,.92) 0%,transparent 100%);
247    pointer-events:none;
248  }
249  .idx-case-mobile-btn{
250    display:none;text-align:center;
251    font-family:var(--H);font-weight:700;font-size:11px;
252    letter-spacing:.12em;text-transform:uppercase;
253    color:var(--blue);border:1.5px solid var(--blue);
254    border-radius:var(--r);padding:9px 14px;margin-top:10px;cursor:pointer;
255  }
256  @media(hover:none){
257    .idx-case-card--photo:hover{transform:none !important;box-shadow:none !important;}
258    .idx-case-mobile-btn{display:block;}
259  }</style>
260</head>
261<body>
262
263<!-- МОБИЛЬНОЕ МЕНЮ -->
264<div class="mob-menu" id="mob-menu">
265    <div style="display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);">
266    <img src="/images/logo/logo.png" alt="Логотип" style="height:32px;width:auto;">
267    <button onclick="closeMob()" style="background:none;border:none;color:var(--white);font-size:24px;cursor:pointer;line-height:1;">✕</button>
268  </div>
269    <a href="index.php" style="">Главная</a>
270    <a href="participants.php" style="">Участникам</a>
271    <a href="services.php" style="">Услуги</a>
272    <a href="projects.php" style="">Проекты и Программы</a>
273    <a href="partners.php" style="">Партнёрам</a>
274    <a href="trainings.php" style="">Аренда и тренировки</a>
275    <a href="godovaya.php" style="">Годовая программа</a>
276    <a href="merch.php" style="">Маркет Лиги</a>
277    <a href="digital.php" style="">Цифровые решения</a>
278    <a href="gallery.php" style="">Галерея</a>
279    <a href="about.php" style="color:var(--mint);border-left:3px solid var(--mint);padding-left:21px;">О нас</a>
280    <a href="cases.php" style="">Кейсы</a>
281    <a href="contacts.php" style="">Контакты</a>
282    <div style="padding:16px 24px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;">
283        <button class="btn btn-mint" onclick="window.location.href='auth.php';closeMob()" style="justify-content:center;padding:16px;font-size:14px;letter-spacing:.06em;">👨‍✈️ Войти / Регистрация</button>
284        <button class="btn" onclick="window.location.href='contacts.php';closeMob()" style="justify-content:center;padding:14px;font-size:13px;background:transparent;border:1.5px solid rgba(255,255,255,.4);color:rgba(255,255,255,.85);border-radius:var(--r);font-family:var(--H);font-weight:700;letter-spacing:.06em;text-transform:uppercase;">Оставить заявку</button>
285  </div>
286  <div class="mob-close" onclick="closeMob()">✕ Закрыть меню</div>
287</div>
288
289<!-- ШАПКА САЙТА -->
290<div id="page-nav">
291  <div class="pn-inner">
292
293    <div class="pn-logo">
294      <a href="/index.php" style="display:flex;align-items:center;">
295        <img src="/images/logo/logo.png" alt="Корпоративная Лига" style="height:44px;width:auto;">
296      </a>
297    </div>
298
299    <div style="flex:1;"></div>
300
301    <div class="pn-actions">
302      <div class="soc-ico" title="ВКонтакте" onclick="window.open('https://vk.com/corliga','_blank')">
303        <img src="/images/logo/vk.png" style="width:16px;height:16px;">
304      </div>
305     <div class="soc-ico soc-hide-mobile" title="Telegram" onclick="window.open('https://t.me/corliga','_blank')">
306        <img src="/images/logo/telega.png" style="width:16px;height:16px;">
307      </div>
308      <div class="soc-ico" title="VK Видео" onclick="window.open('https://vkvideo.ru/@corliga','_blank')">
309        <img src="/images/logo/vk-video.png" style="width:16px;height:16px;">
310      </div>
311      <div class="pn-divider"></div>
312      <button class="btn btn-ghost" style="padding:8px 14px;font-size:10px;" onclick="window.location.href='participants.php'">Календарь событий</button>
313      <button class="btn btn-mint btn-sm" onclick="window.location.href='contacts.php'">Оставить заявку</button>
314
315                  <button class="btn btn-blue btn-sm" onclick="window.location.href='auth.php'">👨‍✈️ Войти</button>
316      
317      <div class="pn-dd" id="pn-dd">
318        <button class="pn-dd-btn" onclick="togglePnDd(event)" title="Все разделы">
319          <span></span><span></span><span></span>
320        </button>
321      </div>
322
323      <div class="hamburger" id="hamburger-btn" onclick="openMob()">
324        <span></span><span></span><span></span>
325      </div>
326    </div>
327  </div>
328</div>
329
330<!-- Оверлей и боковая панель -->
331<div class="pn-dd-overlay" id="pn-dd-overlay" onclick="closePnDd()"></div>
332<div class="pn-dd-menu" id="pn-dd-menu">
333  <div class="pn-dd-header">
334    <span class="pn-dd-title">Разделы</span>
335    <button class="pn-dd-close" onclick="closePnDd()">✕</button>
336  </div>
337    <a class="pn-dd-item "
338     href="index.php">Главная</a>
339    <a class="pn-dd-item "
340     href="participants.php">Участникам</a>
341    <a class="pn-dd-item "
342     href="services.php">Услуги</a>
343    <a class="pn-dd-item "
344     href="projects.php">Проекты и Программы</a>
345    <a class="pn-dd-item "
346     href="partners.php">Партнёрам</a>
347    <a class="pn-dd-item "
348     href="trainings.php">Аренда и тренировки</a>
349    <a class="pn-dd-item "
350     href="godovaya.php">Годовая программа</a>
351    <a class="pn-dd-item "
352     href="merch.php">Маркет Лиги</a>
353    <a class="pn-dd-item "
354     href="digital.php">Цифровые решения</a>
355    <a class="pn-dd-item "
356     href="gallery.php">Галерея</a>
357    <a class="pn-dd-item on"
358     href="about.php">О нас</a>
359    <a class="pn-dd-item "
360     href="cases.php">Кейсы</a>
361    <a class="pn-dd-item "
362     href="contacts.php">Контакты</a>
363    <div class="pn-dd-sep"></div>
364  <a class="pn-dd-item" href="lk.php">👨‍✈️ Личный кабинет</a>
365</div>
366
367<script>
368window._userLoggedIn       = false;
369window._userEmailVerified  = false;
370
371/* ════ БОКОВАЯ ПАНЕЛЬ ════ */
372function togglePnDd(e){
373  e.stopPropagation();
374  var menu    = document.getElementById('pn-dd-menu');
375  var overlay = document.getElementById('pn-dd-overlay');
376  var btn     = document.querySelector('.pn-dd-btn');
377  var open    = menu.classList.contains('open');
378  if (open) { closePnDd(); }
379  else {
380    menu.classList.add('open');
381    overlay.classList.add('open');
382    btn.classList.add('active');
383    document.body.style.overflow = 'hidden';
384  }
385}
386function closePnDd(){
387  var menu    = document.getElementById('pn-dd-menu');
388  var overlay = document.getElementById('pn-dd-overlay');
389  var btn     = document.querySelector('.pn-dd-btn');
390  if (menu)    menu.classList.remove('open');
391  if (overlay) overlay.classList.remove('open');
392  if (btn)     btn.classList.remove('active');
393  document.body.style.overflow = '';
394}
395document.addEventListener('keydown', function(e){
396  if (e.key === 'Escape') closePnDd();
397});
398
399/* ════ МОБИЛЬНОЕ МЕНЮ ════ */
400function openMob(){
401  var m = document.getElementById('mob-menu');
402  if (m){ m.classList.add('open'); document.body.style.overflow = 'hidden'; }
403}
404function closeMob(){
405  var m = document.getElementById('mob-menu');
406  if (m){ m.classList.remove('open'); document.body.style.overflow = ''; }
407}
408document.addEventListener('click', function(e){
409  var menu = document.getElementById('mob-menu');
410  var btn  = document.getElementById('hamburger-btn');
411  if (menu && menu.classList.contains('open')){
412    if (!menu.contains(e.target) && btn && !btn.contains(e.target)){
413      closeMob();
414    }
415  }
416});
417</script>
417<script>
418var INDEX_CASES = [{"id":"zabeg-paskha","num":"01","ico":"🏃","grad":"linear-gradient(135deg,#084876,#244082)","name":"Семейный забег — Пасхальная миля","tags":["Бег","Семья","Весна"],"for":"Семьи, дети от 4-х лет","count":"600+ участников","sports":"Бег - 400м, 800м, 1600м · Детские дистанции от 1 км","desc":"Традиционный весенний семейный забег. Дистанции для взрослых и детей от 4 лет, чиповый хронометраж, праздничная атмосфера.","result":"Чиповый хронометраж · Медали финишёра","cat":"run","video":"","slides":["images\/keys\/k11.png","images\/keys\/k12.png","images\/keys\/k13.png"]},{"id":"gala","year":"2023","num":"02","ico":"⭐","grad":"linear-gradient(135deg,#244082,#0971B7)","name":"Футбол на Красной площади","tags":["Футбол","VIP","Знаковые места"],"for":"Сотрудников и топ-менеджеров крупнейших компаний России","count":"500+ Участников","sports":"Футбол","desc":"Турнир проводился с учётом всех требований площадки, оргкомитет принимал участие от разработки проекта до его реализации, включая застройку.","result":"Охват 2М+ · 20 СМИ · VIP-нетворкинг · Профессиональная съёмка","cat":"gala","video":"https:\/\/disk.yandex.ru\/d\/z171oGSJ1Mm9MA","slides":["images\/keys\/k52.png","images\/keys\/k51.png","images\/keys\/k53.png"]},{"id":"vdnx","year":"2022","num":"03","ico":"🏛️","grad":"linear-gradient(135deg,#0971B7,#084876)","name":"Фанзона на ВДНХ","tags":["ВДНХ","Фестиваль","5000 ежедневно на период события"],"for":"Для болельщиков футбола","count":"5000 ежедневно на период события","sports":"Футбол, активности","desc":"Фестивальная фанзона и турниры на территории ВДНХ. Охват 500К+, публикации в федеральных СМИ, брендинг всей территории.","result":"Охват 500К+ · Федеральные СМИ · Брендинг площадки","cat":"festival","video":"https:\/\/disk.yandex.ru\/d\/GX7MHji6FFPNiA","slides":["images\/keys\/k61.png","images\/keys\/k62.png","images\/keys\/k63.png"]},{"id":"luzhniki","year":"2025","num":"04","ico":"🏟️","grad":"linear-gradient(135deg,#084876,#244082)","name":"Турнир на БСА Лужники","tags":["Футбол","VIP","Знаковые места"],"for":"Топ-менеджеры, корпоративные команды, социальный проект","count":"500+ участников","sports":"Футбол, активности","desc":"Заказчик имеет возможность провести своё событие на главной футбольной арене страны. Гала-матч, благотворительный турнир, событийный маркетинг — любой формат на легендарном БСА Лужники.","result":"Главная арена страны · VIP-нетворкинг · Событийный маркетинг · Медиаотчёт","cat":"gala","video":"","slides":["images\/keys\/k128.png","images\/keys\/k129.png","images\/keys\/k130.png","images\/keys\/k131.png","images\/keys\/k132.png","images\/keys\/k133.png","images\/keys\/k134.png","images\/keys\/k135.png","images\/keys\/k1366.png"]},{"id":"igray","year":"2025","num":"05","ico":"👶","grad":"linear-gradient(135deg,#084876,#244082)","name":"Детский турнир — Играй в мечту","tags":["Дети","Футбол","Семья"],"for":"Дети 6-12 лет","count":"200+ детей","sports":"Футбол · Подвижные игры","desc":"Детский футбольный праздник. Соревнования по возрастным группам, профессиональное судейство, медали каждому участнику.","result":"Медали каждому ребёнку · Профессиональное судейство · Фотоотчёт","cat":"kids","video":"","modal_video":"images\/keys\/k21.mp4","slides":["images\/keys\/k21.png","images\/keys\/k22.png","images\/keys\/k23.png"]},{"id":"sochi","year":"2025","num":"06","ico":"🌊","grad":"linear-gradient(135deg,#084876,#244082)","name":"Спортивный фестиваль в Сочи","tags":["Семья","Сочи","Выезд"],"for":"Сотрудники и их семьи","count":"400+ участников","sports":"Пляжный волейбол · Плавание · Бег · Активности для детей","desc":"Масштабный спортивный праздник на черноморском побережье. Соревнования для сотрудников и их близких, детские программы, командообразование.","result":"Семейный командный зачёт · Детские награды · Медиаотчёт","cat":"festival","video":"","slides":["images\/project\/sochi2.jpg","images\/keys\/k31.png","images\/keys\/k32.png","images\/keys\/k33.png"]}
418,{"id":"winter","year":"2025","num":"07","ico":"❄️","grad":"linear-gradient(135deg,#084876,#244082)","name":"Зимний фестиваль","tags":["Зима","Фестиваль","Команда"],"for":"Сотрудники компаний","count":"1000+ участников","sports":"Лыжи · Коньки · Зимние эстафеты","desc":"Зимний корпоративный фестиваль с командными соревнованиями на свежем воздухе. Лыжи, коньки, зимние эстафеты и праздничная программа.","result":"Командный кубок · Медали · Фотоотчёт","cat":"festival","video":"","slides":["images\/keys\/k43.png","images\/keys\/k41.png","images\/keys\/k42.png"]},{"id":"hockey-corp","year":"2025","num":"08","ico":"🏒","grad":"linear-gradient(135deg,#073d63,#244082)","name":"Корпоративный турнир по хоккею","tags":["Хоккей","Турнир","Лёд"],"for":"Сотрудники-любители","count":"80+ Участников","sports":"Хоккей · Плей-офф · Прямая трансляция","desc":"Корпоративный хоккейный турнир для сотрудников-любителей. Профессиональный подход к судейству и организации: ледовая арена, судьи, тайминг, плей-офф, звёзды хоккея в составе команд и торжественная церемония награждения.","result":"80+ Участников ","cat":"cup","video":"","slides":["images\/keys\/hokey1.jpg","images\/keys\/hokey2.jpg","images\/keys\/hokey3.jpg","images\/keys\/hokey4.jpg","images\/keys\/hokey5.jpg","images\/keys\/hokey6.jpg"]},{"id":"moto","year":"2024","num":"08","ico":"🏍️","grad":"linear-gradient(135deg,#1d3557,#457b9d)","name":"Чемпионат России по мотогонкам","tags":["Мотоспорт","Шоу","Спонсорство"],"for":"Профессиональные гонщики, зрители","count":"4000+ зрителей","sports":"Шоссейно-кольцевые мотогонки","desc":"Полный цикл организации и продвижения чемпионата. Работа со СМИ, привлечение спонсоров, превращение события в полноценное шоу.","result":"Медиаотчёт · СМИ-сопровождение · Спонсорский пакет","details":[{"title":"Как всё было устроено","text":"В 2008 году у серии появился новый организатор — Группа Компаний «Корпоративная Лига». Они ввели свежий бренд Sportbike Russian 2008 и новую концепцию: каждый этап превратился в настоящий фестиваль. Помимо самих гонок, зрители могли увидеть показательные выступления по стантрайдингу и мототриалу, тест-драйвы новой техники, музыкальную программу, конкурс Paddock-girls Cup и розыгрыши призов. Все этапы проходили на автодроме «Москва» (на территории аэродрома Мячково)."},{"title":"Этапы чемпионата","items":[{"label":"1-й этап","val":"24 мая"},{"label":"2-й этап","val":"21 июня"},{"label":"3-й этап","val":"12 июля"},{"label":"4-й этап (финал)","val":"30 августа"}]},{"title":"Классы соревнований","items":[{"label":"Superbike","val":"750–1000 куб. см"},{"label":"Supersport","val":"400–750 куб. см"},{"label":"Supersport 400","val":"125–400 куб. см"},{"label":"Superstock 1000","val":""},{"label":"Superstock 600","val":""},{"label":"Superstock Women","val":"отдельный зачёт для девушек"}]}
418],"cat":"gala","video":"","slides":["images\/keys\/moto1.jpg","images\/keys\/moto2.jpg","images\/keys\/moto3.jpg","images\/keys\/moto4.jpg","images\/keys\/moto5.jpg"]},{"id":"basketball-day","year":"2024","num":"09","ico":"🏀","grad":"linear-gradient(135deg,#084876,#0971B7)","name":"День баскетбола в ЦСКА","tags":["Баскетбол","VIP","Фан-зона"],"for":"Болельщики, звёзды баскетбола, шоу-бизнес","count":"4000+ зрителей","sports":"Баскетбол · Гала-турнир среди звёзд · Фан-зона","desc":"Массовое спортивное событие для сотрудников и болельщиков. Фан-зона с активностями, спортивные викторины, гала-турнир среди звёзд баскетбола, спорта и шоу-бизнеса.","result":"4000+ зрителей · Звёзды баскетбола и шоу-бизнеса · Фан-зона · Медиаотчёт","cat":"gala","video":"https:\/\/vkvideo.ru\/video-74900973_456240706","modal_video_embed":"https:\/\/vkvideo.ru\/video_ext.php?oid=-74900973&id=456240706&hd=4","video_poster":"images\/partners\/lenta1.jpg","slides":["images\/keys\/k_bask1.png","images\/keys\/k_bask2.png","images\/keys\/k_bask3.png","images\/keys\/k_bask4.png","images\/keys\/k_bask5.png","images\/keys\/k_bask6.png","images\/keys\/k_bask7.png"]},{"id":"voley","year":"2024","num":"10","ico":"🏐","grad":"linear-gradient(135deg,#0971B7,#00CFA2)","name":"Пляжный волейбол в Воронеже","tags":["Пляжный волейбол","Выезд","Воронеж"],"for":"Корпоративные команды","count":"500+ участников","sports":"Пляжный волейбол","desc":"Выездной корпоративный турнир по пляжному волейболу на берегу водохранилища в Воронеже. Командные соревнования, BBQ-зона, брендинг площадки.","result":"Командный кубок · BBQ-программа · Фотоотчёт","cat":"cup","video":"https:\/\/disk.yandex.ru\/d\/z53lb1EaGzUruQ","slides":["images\/keys\/kv1.jpg","images\/keys\/kv2.jpg","images\/keys\/kv3.jpg","images\/keys\/kv4.jpg","images\/keys\/kv5.jpg","images\/keys\/kv6.jpg","images\/keys\/kv7.jpg","images\/keys\/kv8.jpg"]},{"id":"charity","year":"2026","num":"11","ico":"🤝","grad":"linear-gradient(135deg,#244082,#73B5E0)","name":"Благотворительный турнир","tags":["Благотворительность","Команда","Спорт"],"for":"Корпоративные команды","count":"300+ участников","sports":"Мини-футбол · Волейбол · Эстафеты","desc":"Корпоративный турнир с благотворительной составляющей. Часть средств направляется в благотворительный фонд, участники объединяются ради доброго дела.","result":"Командный зачёт · Благотворительный сбор · Медиаотчёт","cat":"cup","video":"https:\/\/disk.yandex.ru\/d\/uS7FIYs5tKuGnQ","slides":["images\/keys\/k81.png","images\/keys\/k82.png","images\/keys\/k83.png"]},{"id":"zabegi","year":"2025","num":"12","ico":"🏃","grad":"linear-gradient(135deg,#073d63,#0971B7)","name":"Семейные забеги","tags":["Бег","Семья","Серия"],"for":"Сотрудники и семьи","count":"500+ участников","sports":"Бег: различные дистанции","desc":"Серия семейных корпоративных забегов с командным зачётом. Чиповый хронометраж, официальные протоколы, медали финишёра каждому участнику.","result":"Чиповый хронометраж · Командный зачёт · Медали","cat":"run","video":"https:\/\/disk.yandex.ru\/d\/uIkC_Q56ZXazbQ","slides":["images\/keys\/k93.png","images\/keys\/k91.png","images\/keys\/k92.png"]},{"id":"gala-top","year":"2025","num":"13","ico":"⭐","grad":"linear-gradient(135deg,#084876,#0971B7)","name":"Гала-матч среди топ-менеджеров","tags":["Футбол","VIP","Топ-менеджеры"],"for":"Топ-менеджеры компаний России","count":"500+ зрителей","sports":"Футбол","desc":"Уникальный матч топ-менеджеров ведущих компаний страны. VIP-зона, профессиональное судейство, трансляция, торжественное награждение.","result":"VIP-нетворкиÐ
418½Ð³ · Трансляция · Профессиональная съёмка","cat":"gala","video":"https:\/\/disk.yandex.ru\/d\/VYAFc1mV4TKDHw","slides":["images\/keys\/k101.png","images\/keys\/k102.png","images\/keys\/k103.png"]},{"id":"padel","year":"2024","num":"14","ico":"🎾","grad":"linear-gradient(135deg,#244082,#084876)","name":"Турнир по паделу","tags":["Падел","Турнир","Корпоратив"],"for":"Корпоративные команды","count":"150+ участников","sports":"Падел","desc":"Корпоративные турниры по одному из самых быстрорастущих видов спорта. Профессиональные корты, судейство, командный и личный зачёт.","result":"Командный и личный зачёт · Кубок · Фотоотчёт","cat":"cup","video":"https:\/\/disk.yandex.ru\/d\/orA5k5IBrjermg","slides":["images\/keys\/k111.png","images\/keys\/k112.png","images\/keys\/k113.png"]},{"id":"swimming","year":"2025","num":"15","ico":"🏊","grad":"linear-gradient(135deg,#0971B7,#084876)","name":"Турнир по плаванию","tags":["Плавание","Спартакиада","Бассейн"],"for":"Корпоративные команды","count":"200+ участников","sports":"Плавание · Различные дистанции · Командный зачёт","desc":"Корпоративный турнир по плаванию с профессиональным хронометражем. Заплывы по возрастным категориям и стилям, командный и личный зачёт, торжественное награждение.","result":"Хронометраж · Командный зачёт · Медали · Фотоотчёт","cat":"cup","video":"","modal_video":"images\/keys\/k117.mp4","slides":["images\/keys\/k117.png"]},{"id":"darts","year":"2025","num":"16","ico":"🎯","grad":"linear-gradient(135deg,#244082,#0971B7)","name":"Турнир по дартсу","tags":["Дартс","Турнир","Корпоратив"],"for":"Корпоративные команды","count":"100+ участников","sports":"Дартс · Одиночный и командный разряд","desc":"Корпоративный турнир по дартсу — динамичный формат для любого уровня подготовки. Одиночный и командный зачёт, профессиональные мишени, судейство.","result":"Личный и командный зачёт · Кубок победителя · Фотоотчёт","cat":"cup","video":"","slides":["images\/keys\/k118.png"]},{"id":"chess","year":"2025","num":"17","ico":"♟️","grad":"linear-gradient(135deg,#073d63,#244082)","name":"Турнир по шахматам","tags":["Шахматы"],"for":"Сотрудники компаний","count":"150+ участников","sports":"Шахматы · Онлайн и офлайн форматы","desc":"Корпоративный шахматный турнир — онлайн и офлайн форматы. Швейцарская система, автоматический подбор соперников, командный зачёт среди подразделений.","result":"Командный зачёт · Сертификаты победителям · Медиаотчёт","cat":"festival","video":"","slides":["images\/keys\/k119.png"]},{"id":"zhim","year":"2025","num":"18","ico":"💪","grad":"linear-gradient(135deg,#084876,#244082)","name":"Турнир по народному жиму","tags":["Силовой спорт","Жим","ГТО"],"for":"Корпоративные команды","count":"120+ участников","sports":"Народный жим штанги · Весовые категории","desc":"Соревнования по народному жиму штанги среди сотрудников компаний. Весовые категории, строгое судейство, командный зачёт — проверка силы и воли.","result":"Командный зачёт · Кубок · Грамоты победителям","cat":"cup","video":"","slides":["images\/keys\/k120.png"]},{"id":"badminton","year":"2025","num":"19","ico":"🏸","grad":"linear-gradient(135deg,#0971B7,#244082)","name":"Турнир по бадминтону","tags":["Бадминтон","Турнир","Спорт"],"for":"Корпоративные команды","count":"80+ участников","sports":"Бадминтон · Одиночный и парный разряд","desc":"Корпоративный турнир по бадминтону с профессиональным судейством. Одиночный и парный разряд, сетка на выбывание, командный зачёт среди компаний.","result":"Личный и командный зачёт · Кубок · Фотоотчёт","cat":"cup","video":"","slides":["images\/keys\/k121.png"]},{"id":"tabletennis","year":"2025","num":"20","ico":"🏓","grad":"linear-gradient(135deg,#244082,#084876)","name":"Турнир по настольному теннису","tags":["Настольный теннис","Турнир","Корпоратив"],"for":"Корпоративные команды","count":"100+ участников","sports":"Настольный теннис · Одиночный и командный","desc":"Корпоративный турнир по настольному теннису. Одиночный и командный разряды, круговая и олимпийская системы, профессиональные столы и судейство.","result":"Командный зачёт · Кубок победителя · Грамоты","cat":"cup","video":"","modal_video":"images\/keys\/k122.mp4","slides":["images\/keys\/k122.png","images\/keys\/k123.png"]},{"id":"platform","year":"2024","num":"21","ico":"💻","grad":"linear-gradient(135deg,#073d63,#0971B7)","name":"Цифровая платформа — Лига","tags":["Технологии","Платформа","Автоматизация"],"for":"Корпоративные лиги и организаторы соревнований","count":"1000+ пользователей","sports":"Онлайн-регистрация · Турнирные сетки · Личный кабинет · Статистика","desc":"Разработка и запуск цифровой платформы для управления корпоративными лигами. Личные кабинеты участников, автоматические турнирные сетки, онлайн-регистрация, протоколы и итоговая статистика в реальном времени.","result":"Личный кабинет · Онлайн-регистрация · Турнирные сетки · Живая статистика","cat":"festival","video":"","slides":["images\/keys\/k124.png"]},{"id":"pascha-site","year":"2025","num":"22","ico":"🌐","grad":"linear-gradient(135deg,#084876,#00CFA2)","name":"Разработка сайта события — Пасхальная миля","tags":["Веб","Сайт","Событие"],"for":"Организаторы и участники забега","count":"
418600+ посетителей","sports":"Лендинг события · Онлайн-регистрация · Результаты · Фотогалерея","desc":"Полная разработка сайта для ежегодного семейного забега «Пасхальная миля». Лендинг мероприятия, онлайн-регистрация участников, публикация итоговых протоколов, фотогалерея и архив прошлых лет.","result":"Лендинг · Онлайн-регистрация · Протоколы результатов · Фотогалерея","cat":"festival","video":"","slides":["images\/keys\/k125.png"]}];
419</script>
419
420
421<!-- PAGE HERO -->
422<div class="ph">
423  <div class="ph-bg"></div>
424  <div class="ph-grid"></div>
425  <svg class="sky-svg" viewBox="0 0 1440 300" preserveAspectRatio="xMidYMax meet" xmlns="http://www.w3.org/2000/svg">
426    <path class="skyfill" d="M0,300 L0,200 L200,200 L400,150 L600,110 L800,80 L1000,110 L1200,150 L1440,200 L1440,300 Z"/>
427  </svg>
428  <div id="hero-stars"></div>
429  <div class="w ph-body">
430    <div class="crumb"><a href="index.php">Главная</a><i>/</i>О Лиге</div>
431    <h1 class="ph-title">О Корпоративной Лиге</h1>
432    <p class="ph-sub">Развиваем корпоративный спорт в России с 2005 года. Сплочение коллективов через спорт — наша главная миссия.</p>
433  </div>
434</div>
435
436<!-- МИССИЯ + ЦИФРЫ -->
437<section class="sec bg-white">
438  <div class="w">
439    <div class="grid2">
440
441      <div class="anim-right">
442        <div class="lbl">Миссия</div>
443        <h2 class="h2" style="margin-bottom:20px;">B2B/B2G платформа корпоративного спорта.</h2>
444        <div style="border-left:3px solid var(--mint);padding-left:20px;margin-bottom:24px;">
445          <p style="font-family:var(--H);font-weight:600;font-size:15px;color:var(--blue);line-height:1.5;">«Корпоративная Лига» — лидер организации корпоративного спорта в России с 2005 года</p>
446        </div>
447        <p style="font-family:var(--B);font-size:15px;color:var(--gray);line-height:1.7;margin-bottom:16px;">Мы организуем события, которые укрепляют командный дух, развивают корпоративную культуру и помогают сотрудникам раскрыть свой потенциал.</p>
448        <p style="font-family:var(--B);font-size:15px;color:var(--gray);line-height:1.7;">За 20 лет мы накопили уникальную экспертизу в организации мероприятий любого масштаба — от небольших турниров до спартакиад с тысячами участников.</p>
449      </div>
450
451      <div class="anim-left">
452        <div class="about-stats-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
453                    <div class="stat-card">
454            <div class="stat-number">20+</div>
455            <div class="stat-label">лет опыта в организации корпоративного спорта</div>
456            <div class="stat-line"></div>
457          </div>
458                    <div class="stat-card">
459            <div class="stat-number">500+</div>
460            <div class="stat-label">мероприятий проведено с 2005 года</div>
461            <div class="stat-line"></div>
462          </div>
463                    <div class="stat-card">
464            <div class="stat-number">50+</div>
465            <div class="stat-label">видов спорта в программе Лиги</div>
466            <div class="stat-line"></div>
467          </div>
468                    <div class="stat-card">
469            <div class="stat-number">10000+</div>
470            <div class="stat-label">участников по всей России</div>
471            <div class="stat-line"></div>
472          </div>
473                  </div>
474      </div>
475
476    </div>
477  </div>
478</section>
479
480<!-- ИСТОРИЯ — таймлайн -->
481<section class="sec bg-bg">
482  <div class="w">
483    <div class="sec-hd">
484      <div><div class="lbl">История</div><h2 class="h2">История Лиги с 2005 года</h2></div>
485    </div>
486    <div class="tl-wrap" id="tl-root"></div>
487  </div>
488</section>
489
490<!-- КЕЙСЫ -->
491<section class="sec bg-white fade-up-section" id="about-cases">
492  <div class="w">
493    <div class="sec-hd">
494      <div><div class="lbl">Портфолио</div><h2 class="h2">Наши кейсы</h2></div>
495      <a class="more-link" href="cases.php">Все кейсы →</a>
496    </div>
497    <div style="display:flex;align-items:center;gap:12px;">
498      <button id="ab-cases-prev" aria-label="Назад" class="cases-arrow">&#8592;</button>
499      <div id="ab-cases-viewport" style="overflow:hidden;border-radius:var(--r);flex:1;min-width:0;">
500        <div id="ab-cases-track" style="display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform;align-items:flex-start;">
501        </div>
502      </div>
503      <button id="ab-cases-next" aria-label="Вперёд" class="cases-arrow">&#8594;</button>
504    </div>
505    <div id="ab-cases-dots" style="display:flex;justify-content:center;gap:8px;margin-top:20px;"></div>
506    <div class="mt24 ta-c">
507      <button class="btn btn-out" onclick="window.location.href='cases.php'">Смотреть все кейсы →</button>
508    </div>
509  </div>
510</section>
511
512
513
514
515<style>
516/* ════ App Store / Google Play ════ */
517.ftr-app-btn {
518  display: inline-flex; align-items: center; gap: 10px;
519  width: fit-content;
520  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.15);
521  border-radius: 40px; padding: 10px 20px 10px 14px;
522  text-decoration: none; color: #fff;
523  transition: background .2s, border-color .2s, transform .18s;
524}
525.ftr-app-btn:hover {
526  background: rgba(0,207,162,.15);
527  border-color: rgba(0,207,162,.5);
528  transform: translateY(-1px);
529}
530.ftr-app-btn svg { flex-shrink: 0; }
531.ftr-app-btn div { display: flex; flex-direction: column; line-height: 1.3; }
532.ftr-app-btn span { font-family: var(--B); font-size: 9px; color: rgba(255,255,255,.45); }
533.ftr-app-btn strong { font-family: var(--H); font-size: 13px; font-weight: 700; color: #fff; }
534
535/* ════ Кнопка управления ════ */
536.ftr-gov-btn {
537  display: inline-flex;
538  align-items: center;
539  gap: 8px;
540  padding: 9px 14px 9px 10px;
541  border-radius: var(--r);
542  border: 1px solid rgba(255,255,255,.14);
543  background: rgba(255,255,255,.05);
544  font-family: var(--H);
545  font-size: 10px;
546  font-weight: 700;
547  letter-spacing: .07em;
548  text-transform: uppercase;
549  color: rgba(254,254,254,.65);
550  text-decoration: none;
551white-space: nowrap;
552  width: auto;
553  cursor: pointer;
554  transition: background .2s, border-color .2s, color .2s, transform .18s;
555  position: relative;
556  overflow: hidden;
557}
558.ftr-gov-btn::before {
559  content: '';
560  position: absolute;
561  left: 0; top: 0; bottom: 0; width: 2px;
562  background: var(--mint);
563  transform: scaleY(0);
564  transform-origin: bottom;
565  transition: transform .22s ease;
566}
567.ftr-gov-btn:hover {
568  background: rgba(0,207,162,.12);
569  border-color: rgba(0,207,162,.38);
570  color: var(--white);
571  transform: translateY(-1px);
572}
573.ftr-gov-btn:hover::before { transform: scaleY(1); }
574.ftr-gov-btn .fgb-icon {
575  width: 24px; height: 24px;
576  border-radius: 4px;
577  background: rgba(0,207,162,.14);
578  border: 1px solid rgba(0,207,162,.22);
579  display: flex; align-items: center; justify-content: center;
580  flex-shrink: 0;
581  transition: background .2s;
582}
583.ftr-gov-btn:hover .fgb-icon { background: rgba(0,207,162,.28); }
584
585/* ════ Колонка-кнопка: по верху, на уровне первой ссылки ════ */
586.ftr-col-gov {
587  display: flex;
588  flex-direction: column;
589  align-items: flex-start;
590  justify-content: flex-start;
591  gap: 8px;
592}
593
594/* ════ Сетка — 5 колонок ════
595   Бренд | Разделы | [Кнопки×3] | Услуги | Контакты  */
596.ftr-top {
597  display: grid !important;
598  grid-template-columns: 200px 1fr 1fr 1fr !important;
599  gap: 32px !important;
600  align-items: start;
601}
602
603/* ════ Адаптив ════ */
604@media(max-width:1400px) {
605  .ftr-top { grid-template-columns: 180px 1fr 1fr 1fr !important; gap: 24px !important; }
606}
607@media(max-width:1200px) {
608  .ftr-top { grid-template-columns: 160px 1fr 1fr 1fr !important; gap: 18px !important; }
609  .ftr-gov-btn { font-size: 9px; padding: 8px 11px 8px 8px; }
610  .ftr-gov-btn .fgb-icon { width: 22px; height: 22px; }
611}
612@media(max-width:900px) {
613  /* 2 колонки; кнопки — одна строка на всю ширину сверху */
614  .ftr-top {
615    grid-template-columns: 1fr 1fr !important;
616    gap: 24px !important;
617    align-items: start !important;
618  }
619  .ftr-brand { grid-column: 1 / -1; }
620  /* обе кнопки собираем в одну строку */
621
622  .ftr-gov-btn { font-size: 10px; padding: 10px 14px 10px 10px; }
623}
624@media(max-width:600px) {
625  .ftr-top { grid-template-columns: 1fr !important; gap: 20px !important; }
626  .ftr-col-gov1 { flex-direction: column; align-items: stretch; }
627  .ftr-gov-btn { width: 100%; font-size: 11px; padding: 11px 16px 11px 11px; }
628  .ftr-gov-btn .fgb-icon { width: 26px; height: 26px; }
629}
630</style>
631
632<footer>
633  <div id="footer-stars"></div>
634  <div class="w">
635    <div class="ftr-top">
636
637      <!-- 1. БРЕНД -->
638      <div class="ftr-brand">
639        <img src="/images/logo/logo.png" alt="Корпоративная Лига" style="height:36px;width:auto;">
640        <p>Развиваем корпоративный спорт в России с 2005 года.</p>
641        <div class="ftr-socs">
642       <div class="ftr-s" title="ВКонтакте" onclick="window.open('https://vk.com/corliga','_blank')" style="cursor:pointer;"><img src="/images/logo/vk.png" style="width:16px;height:16px;"></div>
643<div class="ftr-s" title="Telegram" onclick="window.open('https://t.me/corliga','_blank')" style="cursor:pointer;"><img src="/images/logo/telega.png" style="width:16px;height:16px;"></div>
644<div class="ftr-s" title="Max" onclick="window.open('https://max.ru/join/Mpefgk_gPSMlgJAcG9o9sRV5_tysVGOUmHb0kUJ1tqs','_blank')" style="cursor:pointer;"><img src="/images/logo/max.png" style="width:16px;height:16px;"></div>
645<div class="ftr-s" title="VK Видео" onclick="window.open('https://vkvideo.ru/@corliga','_blank')" style="cursor:pointer;"><img src="/images/logo/vk-video.png" style="width:16px;height:16px;"></div>
646<div class="ftr-s" title="Rutube" onclick="window.open('https://rutube.ru/channel/16459857/','_blank')" style="cursor:pointer;"><img src="/images/logo/rutube.png" style="width:16px;height:16px;"></div>
647<div class="ftr-s" title="YouTube" onclick="window.open('https://www.youtube.com/@corliga','_blank')" style="cursor:pointer;"><img src="/images/logo/youtube.png" style="width:16px;height:16px;"></div>
648        </div>
649      </div>
650
651      <!-- 2. РАЗДЕЛЫ -->
652      <div class="ftr-col">
653        <h5>Разделы</h5>
654        <ul class="ftr-links">
655               <li onclick="window.location.href='index.php'">Главная</li>
656          <li onclick="window.location.href='participants.php'">Участникам</li>
657          <li onclick="window.location.href='services.php'">Услуги</li>
658          <li onclick="window.location.href='projects.php'">Проекты и Программы</li>
659          <li onclick="window.location.href='partners.php'">Партнёрам</li>
660          <li onclick="window.location.href='trainings.php'">Аренда и тренировки</li>
661           <li onclick="window.location.href='godovaya.php'">Годовая программа</li>
662           <li onclick="window.location.href='merch.php'">Маркет Лиги</li>
663          <li onclick="window.location.href='digital.php'">Цифровые решения</li>
664          <li onclick="window.location.href='gallery.php'">Галерея</li>
665          <li onclick="window.location.href='about.php'">О нас</li>
666          <li onclick="window.location.href='cases.php'">Кейсы</li>
667          <li onclick="window.location.href='contacts.php'">Контакты</li>
668        </ul>
669      </div>
670
671
672
673  <!-- 4. УСЛУГИ + кнопки -->
674      <div class="ftr-col">
675        <h5>Услуги</h5>
676        <ul class="ftr-links">
677          <li onclick="window.location.href='projects.php#section-programs'">Организация событий</li>
678          <li onclick="window.location.href='projects.php#section-projects'">Корпоративные турниры</li>
679          <li onclick="window.location.href='projects.php?prog_cat=online#section-programs'">Онлайн-мероприятия</li>
680          <li onclick="window.location.href='trainings.php'">Аренда и тренировки</li>
681          <li onclick="window.location.href='godovaya.php'">Годовая программа</li>
682          <li onclick="window.location.href='merch.php'">Маркет лиги</li>
683        </ul>
684        <div class="ftr-col-gov" style="margin-top:14px;">
685          <a class="ftr-gov-btn" href="sovet_kapitanov.php">
686            <span class="fgb-icon">
687              <svg width="12" height="12" viewBox="0 0 24 24" fill="var(--mint)"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01L12 2z"/></svg>
688            </span>
689            Совет капитанов
690          </a>
691          <a class="ftr-gov-btn" href="popechiteli.php">
692            <span class="fgb-icon">
693              <svg width="12" height="12" viewBox="0 0 24 24" fill="var(--mint)"><path d="M12 3L2 8v2h20V8L12 3zM4 11v7H2v2h20v-2h-2v-7h-2v7h-4v-7h-2v7H8v-7H4z"/></svg>
694            </span>
695         Попечительский комитет
696          </a>
697          <a class="ftr-gov-btn" href="#" onclick="return false;" title="Скоро">
698     <span class="fgb-icon">
699              <svg width="12" height="12" viewBox="0 0 24 24" fill="var(--mint)"><path d="M6 2h12v2h1a1 1 0 0 1 1 1v3c0 2.21-1.79 4-4 4h-.34A6.01 6.01 0 0 1 13 14.91V17h2a2 2 0 0 1 2 2v1H7v-1a2 2 0 0 1 2-2h2v-2.09A6.01 6.01 0 0 1 8.34 12H8c-2.21 0-4-1.79-4-4V5a1 1 0 0 1 1-1h1V2zm0 4H4v2c0 1.1.9 2 2 2h.1A6.04 6.04 0 0 1 6 8V6zm12 0v2c0 .69-.1 1.36-.27 2H18c1.1 0 2-.9 2-2V6h-2z"/></svg>
700            </span>
701            Зал Славы Лиги
702          </a>
703        </div>
704      </div>
705
706
707
708      <!-- 6. КОНТАКТЫ + приложение -->
709      <div class="ftr-col">
710        <h5>Контакты</h5>
711     <ul class="ftr-links">
712          <li><a href="tel:+74952268527" style="color:inherit;text-decoration:none;">+7 (495) 226-85-27</a></li>
713          <li><a href="mailto:[email protected]" style="color:inherit;text-decoration:none;">[email protected]</a></li>
714          <li><a href="https://yandex.ru/maps/?text=Москва,+Сущевский+Вал,+56+стр.5" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Москва, ул. Сущевский Вал, вл. 56, стр. 5</a></li>
715         <li><a href="contacts.php" style="color:inherit;text-decoration:none;">cliga.ru</a></li>
716          <li><a href="https://ecliga.ru" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">ecliga.ru</a></li>
717          <li><a href="https://sport.cliga.ru" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">sport.cliga.ru</a></li>
718        </ul>
719      <div style="margin-top:16px;">
720  <div style="font-family:var(--H);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:10px;">Скачайте приложение "Корпоративная Лига"</div>
721  <div style="display:flex;flex-direction:column;gap:8px;align-items:flex-start;">
722      
723    <a class="ftr-app-btn" href="/files/cliga-release.apk" download="cliga-release.apk">
724  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--mint)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
725    <path d="M12 15V3m0 12-4-4m4 4 4-4M2 17l.621 2.485A2 2 0 0 0 4.561 21h14.878a2 2 0 0 0 1.94-1.515L22 17"/>
726  </svg>
727  <div><span>Скачать приложение</span><strong>Google Play</strong></div>
728</a>
729          </div>
730        </div>
731      </div>
732
733    </div><!-- /ftr-top -->
734
735    <div class="ftr-bot" style="flex-direction:column;align-items:flex-start;gap:6px;">
736      <div style="font-family:var(--B);font-size:12px;color:rgba(254,254,254,.7);">© 2005–2026 Корпоративная Лига. Все права защищены.</div>
737      <div style="font-family:var(--B);font-size:12px;color:rgba(254,254,254,.7);">Наименование «Корпоративная лига» запатентовано (св-во №491753 от 11 июля 2013 г.).</div>
738    </div>
739  </div>
740</footer>
741
742<script src="/js/script.js?v=1789421771"></script>
vendor: 1 bytes, line 742
742
743<script>  const TL = [
744    {y:"2005",t:"Основание Лиги",       d:"Первый чемпионат по мини-футболу — 8 команд, Москва. Зарождение традиций."},
745    {y:"2007",t:"Запуск региональных турниров", d:"Казань, Санкт-Петербург, Нижний Новгород."},
746    {y:"2008",t:"Первые крупные проекты", d:"Чемпионат России по шоссейно-кольцевым мотогонкам."},
747    {y:"2010",t:"Первый корпоративный чемпионат по кёрлингу", d:""},
748    {y:"2012",t:"Фанзона на ВДНХ, турнир на Красной площади, турнир на Поклонной горе", d:""},
749    {y:"2015",t:"Участие в программе развития Московского баскетбола", d:""},
750    {y:"2016",t:"Запуск выездных фестивалей", d:"в Сочи, Крыму, Калининграде, Черногории, Испании, Франции, Чехии, Турции."},
751    {y:"2020",t:"Запуск онлайн-проектов и кибер-спорта", d:""},
752    {y:"2022",t:"Запуск массовых проектов", d:"По плаванию, бегу, велоспорту."},
753    {y:"2026",t:"Создание собственной цифровой спортивной платформы", d:""},
754  ];
755
756  const TEAM = [
757    {name:"Алла Петрищева",       role:"Клиентский блок и маркетинг",  icon:"👩‍💼"},
758     {name:"Семен Головин",        role:"Клиентский блок",               icon:"👨‍💼"},
759    {name:"Сергей Шишов",         role:"Главный инспектор",             icon:"👨‍💼"},
760        {name:"Игнат Бутолин",        role:"Спортивный блок",               icon:"👨‍💼"},
761         {name:"Маргарита Бочкова",    role:"Организационный блок",          icon:"👩‍💼"},
762    {name:"Рамис Дильмухамедов",  role:"Мерч, экипировка и брендинг",  icon:"👨‍💼"},
763   
764
765   
766  ];
767
768  const REVIEWS = [
769    {text:"Корпоративная Лига организовала для нас спартакиаду на высочайшем уровне. Сотрудники в восторге, планируем продолжать сотрудничество!",author:"Иванов А.П.",org:"Банк России",icon:"🏦"},
770    {text:"Отличная организация турнира по мини-футболу. Всё чётко, по расписанию, высокий уровень судейства. Рекомендуем!",author:"Петров В.С.",org:"Рособоронэкспорт",icon:"🏭"},
771    {text:"Семейный фестиваль в Сочи стал лучшим корпоративным событием за годы. Спасибо команде Лиги за профессионализм!",author:"Сидорова Е.Н.",org:"Роскосмос",icon:"🚀"},
772    {text:"Партнёрство с Корпоративной Лигой дало нашей компании огромный охват. Бренд узнали тысячи участников.",author:"Козлов Д.А.",org:"АРБ",icon:"🏛️"},
773  ];
774
775  function renderTimeline() {
776    const c = document.getElementById("tl-root");
777    if (!c) return;
778    c.innerHTML = TL.map((item, i) => {
779      const side = i % 2 === 0 ? "left" : "right";
780      const anim = i % 2 === 0 ? "anim-right" : "anim-left";
781      return `<div class="tl-item ${side} ${anim}" style="transition-delay:${i*0.1}s">
782        <div class="tl-card">
783          <div class="tl-year">${item.y}</div>
784          <div class="tl-title">${item.t}</div>
785          <div class="tl-desc">${item.d}</div>
786        </div>
787        <div class="tl-node"></div>
788      </div>`;
789    }).join("");
790  }
791
792  function renderTeam() {
793    const g = document.getElementById("team-grid");
794    if (!g) return;
795    g.innerHTML = TEAM.map((m, i) => `
796      <div class="team-card anim-up" style="transition-delay:${i*0.12}s">
797        <div class="team-ava">${m.icon}</div>
798        <div style="font-family:var(--H);font-weight:700;font-size:15px;color:var(--blue);margin-bottom:6px;">${m.name}</div>
799        <div style="font-family:var(--B);font-size:12px;color:var(--gray);line-height:1.4;">${m.role}</div>
800      </div>
801    `).join("");
802  }
803
804  function renderReviews() {
805    const s = document.getElementById("reviews-slider");
806    if (!s) return;
807    s.innerHTML = REVIEWS.map(r => `
808      <div class="snap-start review-card" style="flex:0 0 320px;">
809        <p style="font-family:var(--B);font-size:14px;color:rgba(254,254,254,.8);line-height:1.65;margin-bottom:20px;">${r.text}</p>
810        <div style="display:flex;align-items:center;gap:12px;">
811          <div style="width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:22px;">${r.icon}</div>
812          <div>
813            <div style="font-family:var(--H);font-weight:700;font-size:13px;color:var(--white);">${r.author}</div>
814            <div style="font-family:var(--B);font-size:12px;color:rgba(255,255,255,.5);">${r.org}</div>
815          </div>
816        </div>
817      </div>
818    `).join("");
819  }
820
821  function generateStars() {
822    const c = document.getElementById("hero-stars");
823    if (!c) return;
824    for (let i = 0; i < 80; i++) {
825      const s = document.createElement("div");
826      s.classList.add("star");
827      const sz = Math.random() * 3 + 1;
828      s.style.cssText = `width:${sz}px;height:${sz}px;left:${Math.random()*100}%;top:${Math.random()*100}%;animation-delay:${Math.random()*5}s;animation-duration:${Math.random()*3+2}s;`;
829      c.appendChild(s);
830    }
831  }
832
833  function initAnimations() {
834    const obs = new IntersectionObserver((entries) => {
835      entries.forEach(e => {
836        if (e.isIntersecting) {
837          e.target.classList.add("go");
838        } else {
839          e.target.classList.remove("go");
840        }
841      });
842    }, { threshold: 0.12, rootMargin: "0px 0px -20px 0px" });
843    document.querySelectorAll(".anim-up, .anim-left, .anim-right").forEach(el => obs.observe(el));
844  }
845
846  function renderAboutCases() {
847    var viewport = document.getElementById("ab-cases-viewport");
848    var track    = document.getElementById("ab-cases-track");
849    var btnPrev  = document.getElementById("ab-cases-prev");
850    var btnNext  = document.getElementById("ab-cases-next");
851    var dotsWrap = document.getElementById("ab-cases-dots");
852    if (!track || !viewport) return;
853
854    var current = 0;
855    var ROWS = 2;
856
857    function getCols() {
858      var vw = window.innerWidth;
859      if (vw <= 600)  return 1;
860      if (vw <= 768)  return 2;
861      if (vw <= 1024) return 3;
862      return 4;
863    }
864
865    function makeCards() {
866      return INDEX_CASES.map(function(c) {
867        var img = c.slides && c.slides[0]
868          ? "<img src=\"" + c.slides[0] + "\" alt=\"\" loading=\"lazy\" onerror=\"this.style.display='none'\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\">"
869          : "";
870        var card = document.createElement("div");
871        card.className = "idx-case-card idx-case-card--photo";
872        card.innerHTML =
873          "<div class=\"idx-case-cover\" style=\"background:" + c.grad + ";\">" +
874            img +
875            "<div class=\"idx-case-hover-btn\">Подробнее →</div>" +
876            "<div class=\"idx-case-overlay\">" +
877              "<div style=\"font-family:var(--H);font-weight:800;font-size:13px;text-transform:uppercase;color:#fff;line-height:1.25;\">" + c.name + "</div>" +
878            "</div>" +
879          "</div>" +
880          "<div class=\"idx-case-mobile-btn\">Подробнее →</div>";
881        card.addEventListener("click", (function(id) {
882          return function() { window.location.href = "cases.php?open=" + encodeURIComponent(id); };
883        })(c.id));
884        return card;
885      });
886    }
887
888    function buildPages() {
889      var cols     = getCols();
890      var pageSize = cols * ROWS;
891      var cards    = makeCards();
892      var total    = cards.length;
893      var numPages = Math.ceil(total / pageSize);
894
895      track.innerHTML = "";
896      for (var p = 0; p < numPages; p++) {
897        var pg = document.createElement("div");
898        pg.style.cssText = "display:grid;grid-template-columns:repeat(" + cols + ",1fr);gap:16px;flex-shrink:0;width:100%;min-width:100%;box-sizing:border-box;";
899        var start = p * pageSize;
900        var end   = Math.min(start + pageSize, total);
901        for (var i = start; i < end; i++) {
902          pg.appendChild(cards[i]);
903        }
904        track.appendChild(pg);
905      }
906
907      current = 0;
908      goTo(0, false);
909      renderDots(numPages);
910    }
911
912    function goTo(idx, animate) {
913      var numPages = track.children.length;
914      if (idx < 0) idx = numPages - 1;
915      if (idx >= numPages) idx = 0;
916      current = idx;
917      var w = viewport.getBoundingClientRect().width || viewport.offsetWidth;
918      track.style.transition = animate === false ? "none" : "transform .45s cubic-bezier(.4,0,.2,1)";
919      track.style.transform  = "translateX(-" + Math.round(current * w) + "px)";
920      if (animate === false) track.offsetHeight;
921      renderDots(numPages);
922    }
923
924    function renderDots(numPages) {
925      if (!dotsWrap) return;
926      dotsWrap.innerHTML = "";
927      if (numPages <= 1) { dotsWrap.style.display = "none"; return; }
928      dotsWrap.style.display = "flex";
929      for (var i = 0; i < numPages; i++) {
930        var d = document.createElement("span");
931        d.style.cssText = "display:block;width:" + (i === current ? "22" : "8") + "px;height:8px;border-radius:4px;transition:all .3s;cursor:pointer;background:" + (i === current ? "var(--blue)" : "var(--lgray)") + ";";
932        (function(pi) { d.addEventListener("click", function() { goTo(pi, true); }); })(i);
933        dotsWrap.appendChild(d);
934      }
935    }
936
937    if (btnPrev) btnPrev.addEventListener("click", function() { goTo(current - 1, true); });
938    if (btnNext) btnNext.addEventListener("click", function() { goTo(current + 1, true); });
939
940    var sx = 0;
941    viewport.addEventListener("touchstart", function(e) { sx = e.touches[0].clientX; }, {passive: true});
942    viewport.addEventListener("touchend",   function(e) {
943      var dx = e.changedTouches[0].clientX - sx;
944      if (Math.abs(dx) > 40) goTo(dx < 0 ? current + 1 : current - 1, true);
945    }, {passive: true});
946
947    var rt;
948    window.addEventListener("resize", function() {
949      clearTimeout(rt);
950      rt = setTimeout(function() { buildPages(); }, 150);
951    });
952
953    buildPages();
954  }
955
956  document.addEventListener("DOMContentLoaded", function() {
957    renderTimeline();
958    renderTeam();
959    renderReviews();
960    generateStars();
961    if (typeof INDEX_CASES !== "undefined" && document.getElementById("ab-cases-viewport")) {
962      renderAboutCases();
963    }
964    requestAnimationFrame(function() {
965      requestAnimationFrame(initAnimations);
966    });
967});</script>
967
968
969<script>
970
971
972function generateFooterStars() {
973  const container = document.getElementById('footer-stars');
974  if (!container) return;
975  container.innerHTML = '';
976  for (let i = 0; i < 60; i++) {
977    const star = document.createElement('div');
978    star.classList.add('star');
979    const size = Math.random() * 2.5 + 0.5;
980    star.style.cssText = `width:${size}px;height:${size}px;left:${Math.random()*100}%;top:${Math.random()*100}%;animation-delay:${Math.random()*5}s;animation-duration:${Math.random()*4+2}s;opacity:.3`;
981    container.appendChild(star);
982  }
983}
984function initScrollAnimations() {
985  const sections = document.querySelectorAll('.fade-up-section');
986  const observer = new IntersectionObserver((entries) => {
987    entries.forEach(entry => {
988      if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); }
989    });
990  }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });
991  sections.forEach(section => observer.observe(section));
992}
993function initMobMenu() {
994  const mobMenu = document.getElementById('mob-menu');
995  if (mobMenu) {
996    mobMenu.querySelectorAll('a').forEach(link => link.addEventListener('click', closeMob));
997    mobMenu.addEventListener('click', e => { if (e.target === mobMenu) closeMob(); });
998  }
999  const hamburger = document.querySelector('.hamburger');
1000  if (hamburger) hamburger.addEventListener('click', e => { e.stopPropagation(); openMob(); });
1001}
1002document.addEventListener('DOMContentLoaded', () => {
1003  generateFooterStars();
1004  initScrollAnimations();
1005  initMobMenu();
1006});
1007</script>
1007
1008
1009<!-- КНОПКА "НАВЕРХ" -->
1010<button id="scroll-top" onclick="window.scrollTo({top:0,behavior:'smooth'})" title="Наверх" aria-label="Наверх">
1011  <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
1012    <path d="M9 13V5M9 5L5 9M9 5L13 9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1013  </svg>
1014</button>
1015
1016<script>
1017(function(){
1018  var btn = document.getElementById('scroll-top');
1019  if (!btn) return;
1020  var threshold = 350, ticking = false;
1021  function update(){ btn.classList.toggle('show', window.scrollY > threshold); ticking = false; }
1022  window.addEventListener('scroll', function(){ if(!ticking){ requestAnimationFrame(update); ticking=true; } }, {passive:true});
1023})();
1024</script>
1024
1025</body>
1026</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.