1<!DOCTYPE html> 2<html lang="ru-ru" dir="ltr"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="generator" content="Joomla! - Open Source Content Management"> 8 <title>Чапаев - ÐÑди</title> 9 <link href="/faces?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="Чапаев - ÐÑди"> 10 <link href="/faces?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Чапаев - ÐÑди"> 11 <link href="/media/system/images/joomla-favicon.svg" rel="icon" type="image/svg+xml"> 12 <link href="/media/templates/site/cassiopeia_chapaev/images/favicon.ico" rel="alternate icon" type="image/vnd.microsoft.icon"> 13 <link href="/media/system/images/joomla-favicon-pinned.svg" rel="mask-icon" color="#000"> 14 <link href="https://chapaev.media/umnyj-poisk?format=opensearch" rel="search" title="OpenSearch Чапаев" type="application/opensearchdescription+xml"> 15 16 <link href="/media/system/css/joomla-fontawesome.min.css?e35927" rel="lazy-stylesheet" /><noscript><link href="/media/system/css/joomla-fontawesome.min.css?e35927" rel="stylesheet" /></noscript> 17 <link href="/media/templates/site/cassiopeia/css/template.min.css?e35927" rel="stylesheet" /> 18 <link href="/media/templates/site/cassiopeia/css/global/colors_standard.min.css?e35927" rel="stylesheet" /> 19 <link href="/media/vendor/awesomplete/css/awesomplete.css?1.1.5" rel="stylesheet" /> 20 <link href="/media/templates/site/cassiopeia/css/vendor/joomla-custom-elements/joomla-alert.min.css?0.2.0" rel="stylesheet" /> 21 <link href="/media/templates/site/cassiopeia_chapaev/css/user.css?e35927" rel="stylesheet" /> 22 <style>:root { 23 --hue: 214; 24 --template-bg-light: #f0f4fb; 25 --template-text-dark: #495057; 26 --template-text-light: #ffffff; 27 --template-link-color: var(--link-color); 28 --template-special-color: #001B4C; 29 30 }</style> 31 32
32<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"MOD_FINDER_SEARCH_VALUE":"ÐведиÑе ÑекÑÑ...","JLIB_JS_AJAX_ERROR_OTHER":"ÐÑи полÑÑении даннÑÑ
JSON пÑоизоÑла оÑибка. Ðод ÑоÑÑоÑÐ½Ð¸Ñ HTTP %s.","JLIB_JS_AJAX_ERROR_PARSE":"ÐÑи обÑабоÑке даннÑÑ
JSON пÑоизоÑла оÑибка паÑÑинга:<br><code style=\"color:inherit;white-space:pre-wrap;padding:0;margin:0;border:0;background:inherit;\">%s</code>","ERROR":"ÐÑибка","MESSAGE":"СообÑение","NOTICE":"Ðнимание","WARNING":"ÐÑедÑпÑеждение","JCLOSE":"ÐакÑÑÑÑ","JOK":"Ðк","JOPEN":"ÐÑкÑÑÑÑ"},"finder-search":{"url":"/component/finder/?task=suggestions.suggest&format=json&tmpl=component&Itemid=101"},"system.paths":{"root":"","rootFull":"https://chapaev.media/","base":"","baseFull":"https://chapaev.media/"},"csrf.token":"3f38b2979eb8765b3ebf6c6e6e072369"}</script>
32 33
33<script src="/media/system/js/core.min.js?83f2c9"></script>
33 34
34<script src="/media/templates/site/cassiopeia/js/template.min.js?e35927" type="module"></script>
34 35
35<script src="/media/vendor/awesomplete/js/awesomplete.min.js?1.1.5" defer></script>
35 36
36<script src="/media/com_finder/js/finder.min.js?5729ed" type="module"></script>
36 37
37<script src="/media/system/js/messages.min.js?7a5169" type="module"></script>
37 38
38<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://chapaev.media/#/schema/Organization/base","name":"Чапаев","url":"https://chapaev.media/"},{"@type":"WebSite","@id":"https://chapaev.media/#/schema/WebSite/base","url":"https://chapaev.media/","name":"Чапаев","publisher":{"@id":"https://chapaev.media/#/schema/Organization/base"},"potentialAction":{"@type":"SearchAction","target":"https://chapaev.media/umnyj-poisk?q={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://chapaev.media/#/schema/WebPage/base","url":"https://chapaev.media/faces","name":"Чапаев - ÐÑди","isPartOf":{"@id":"https://chapaev.media/#/schema/WebSite/base"},"about":{"@id":"https://chapaev.media/#/schema/Organization/base"},"inLanguage":"ru-RU"}]}</script>
38 39 40
40<script src="https://inograph.online/inograph.js?token=a098d968-8174-4cdf-a7d6-8caea8753f63"></script>
40 41 <link rel="icon" href="/templates/cassiopeia_chapaev/images/Chapaev-Logo.svg" type="image/svg+xml"> 42</head> 43 44<body class="site com_contact wrapper-static view-category no-layout no-task itemid-113"> 45 <header> 46 47 48 <div class="fullsize-search" id="fullsizeSearch"> 49 <button class="close-overlay">×</button> 50 <div class="overlay-content"> 51 <div class="moduletable "> 52 53<form class="mod-finder js-finder-searchform form-search" action="/umnyj-poisk" method="get" role="search"> 54 <label for="mod-finder-searchword122" class="visually-hidden finder">ÐоиÑк</label><div class="mod-finder__search input-group"><input type="text" name="q" id="mod-finder-searchword122" class="js-finder-search-query form-control" value="" placeholder="ÐведиÑе ÑекÑÑ..."><button class="btn btn-primary" type="submit"><span class="icon-search icon-white" aria-hidden="true"></span> ÐоиÑк</button></div> 55 </form></div> 56 57 </div> 58 </div> 59 60 61 <div class="moduletable top-header-module"> 62 63<div id="mod-custom112" class="mod-custom custom"> 64 <p> 65 66<div class="custom-header-main"> 67<div class="header-container"> 68<div class="top-header-row"> 69<!-- ÐевÑй блок Ñ Ð»Ð¾Ð³Ð¾Ñипом и надпиÑÑÑ --> 70<div class="logo-group"> 71<a href="/./"> 72<div class="logo-block"> 73<div class="logo-rectangle"></div> 74<span class="logo-text" style="bottom: 25px">Ñа</span> 75<span class="logo-text">паев</span> 76</div> 77</a> 78<!-- SVG-логоÑип (ÑÑÑлка на seance.ru) --> 79<a href="https://seance.ru/" class="svg-logo"> 80<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 32"> 81<path d="M22.5 25c-1 1.2-2.1 2-3.3 2.5-1.2.5-2.3.7-3.4.7-3.6 0-6.3-1.1-7.9-3.4-1.6-2.3-2.4-5.2-2.4-9 0-2.6.4-4.8 1.3-6.5.9-1.8 2.1-3.2 3.6-4.1 1.6-.9 3.3-1.4 5.2-1.4 2 0 3.8.5 5.4 1.4 1.7.9 2.8 2.6 3.3 4.9h4.1c0-1.7-.9-3.5-1.9-4.8-1-1.4-2.5-2.8-4.3-3.7-1.9-.9-4-1.3-6.6-1.3-2.2 0-4.3.4-6.1 1.1-1.7.7-3.2 1.7-4.5 3.1-1.3 1.4-2.2 3-2.9 5-.7 2-1 4.1-1 6.4 0 2.8.4 5.1 1.1 7.1.8 2 1.8 3.7 3.2 5 1.3 1.3 2.8 2.2 4.5 2.8 1.6.6 3.4.9 5.2.9 1.4 0 3.1-.2 4.9-.8 1.8-.5 3.6-1.6 5.4-3.4 1.7-1.8 2.9-4.4 3.4-7.6h-4.1c-.5 2.1-1.2 3.9-2.2 5.1zM92 15.3v.7h4.4v-.7H92zm2.2-5.6c-.7 0-1.2.2-1.7.6-.4.4-.7 1-.7 1.9 0 .9.2 1.5.7 1.8.5.4 1 .6 1.7.6s1.2-.2 1.7-.6c.5-.4.7-1 .7-1.8 0-.9-.2-1.5-.7-1.9-.5-.4-1-.6-1.7-.6zm1.3 3.1c-.1.3-.2.5-.4.6-.2.2-.5.3-.8.3-.5 0-.9-.2-1.1-.5-.2-.3-.3-.7-.3-1.1 0-.4.1-.8.3-1.1.2-.3.5-.5 1.1-.5.5 0 .9.2 1.1.5.2.3.3.7.3 1.1-.1.3-.2.5-.2.7zm29.9 7.3c-.4 2-1.2 3.7-2.2 4.9-1 1.2-2.1 2-3.3 2.5-1.2.5-2.3.7-3.4.7-3.6 0-6.3-1.1-7.9-3.4-1.6-2.3-2.4-5.2-2.4-9 0-2.6.4-4.8 1.3-6.5.9-1.8 2.1-3.2 3.6-4.1 1.6-.9 3.3-1.4 5.2-1.4 2 0 3.8.5 5.4 1.4 1.7.9 2.8 2.6 3.3 4.9h4.1c0-1.7-.9-3.5-1.9-4.8-1-1.4-2.5-2.8-4.3-3.7-1.9-.9-4-1.3-6.6-1.3-2.2 0-4.3.4-6.1 1.1-1.8.8-3.3 1.8-4.6 3.2-1.3 1.4-2.2 3-2.9 5-.7 2-1 4.1-1 6.4 0 2.8.4 5.1 1.1 7.1.8 2 1.8 3.7 3.2 5 1.3 1.3 2.8 2.2 4.5 2.8 1.6.6 3.4.9 5.2.9 1.4 0 3.1-.2 4.9-.8 1.8-.5 3.6-1.6 5.4-3.4 1.7-1.8 2.9-4.4 3.4-7.6l-4 .1zM60.7 1L50.5 27.4H33.1v-9.9h17v-3.6h-17V4.7h18.4V1.1L28.9 1v30h24.5l3.2-8.8h12.5l3.1 8.8h4.6L65.5 1h-4.8zm-2.8 17.8l5-13.3h.1l4.6 13.3h-9.7zM97.2 1v30h4.2V1h-4.2zm-7.7 9.2v8.4l-5.4-8.4h-1.7v3.2H81V1h-4.2v30H81V17.1h1.4v3.6h1.4v-8.4l5.5 8.4h1.6V10.3h-1.4z"></path> 82</svg> 83</a> 84</div> 85<!-- ÐÑавÑе кнопки (поиÑк, менÑ) --> 86<div class="header-buttons"> 87<button class="search-button search-icon-only" id="openSearch"> 88<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1" 89xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 90xml:space="preserve" xmlns:serif="http://www.serif.com/" 91style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"> 92<circle cx="45.833" cy="45.833" r="33.333" style="fill:none !important;stroke:#fff;stroke-width:8.33px;" /> 93<path d="M87.5,87.5l-18.125,-18.125" 94style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:8.33px;" /> 95</svg> 96</button> 97<button class="menu-button" id="menuToggle">
98<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1" 99xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 100xml:space="preserve" xmlns:serif="http://www.serif.com/" 101style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"> 102<path d="M12.5,50l75,0" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:8.33px;" /> 103<path d="M12.5,25l75,0" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:8.33px;" /> 104<path d="M12.5,75l75,0" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:8.33px;" /> 105</svg> 106</button> 107</div> 108</div> 109</div> 110</div> 111 112<!-- ÐолноÑкÑанное Ð¼ÐµÐ½Ñ (Ð´Ð»Ñ Ð²ÑÐµÑ ÑÑÑÑойÑÑв) --> 113<div id="overlayMenu" class="overlay-menu"> 114<div class="overlay-menu-content"> 115<button class="close-menu" id="closeMenu">×</button> 116<nav class="overlay-nav"> 117<ul><li><a href="/">ÐлавнаÑ</a></li><li><a href="/courses">ÐÑÑÑÑ</a></li><li><a href="/films">ФилÑмÑ</a></li><li><a href="/faces">ÐÑди</a></li><li><a href="/special">СпеÑпÑоекÑ</a></li><li><a href="/about">РпÑоекÑе</a></li><li><a href="/authors">ÐвÑоÑÑ</a></li></ul> 118</nav> 119</div> 120</div> 121 122<style> 123/* ÐолноÑкÑанное Ð¼ÐµÐ½Ñ â Ð´Ð»Ñ Ð²ÑÐµÑ ÑÑÑÑойÑÑв */ 124.overlay-menu { 125position: fixed; 126top: 0; 127left: 0; 128width: 100%; 129height: 100%; 130background-color: rgba(0,0,0,0.80); /* ÑÑÑнÑй Ñон */ 131z-index: 9999; 132display: none; 133opacity: 0; 134visibility: hidden; 135transition: opacity 0.4s ease, visibility 0.4s ease; 136} 137 138.overlay-menu.active { 139display: flex; 140opacity: 1; 141visibility: visible; 142} 143 144.overlay-menu-content { 145position: relative; 146width: 100%; 147height: 100%; 148padding: 2.5rem; 149color: #fff; 150display: flex; 151flex-direction: column; 152justify-content: center; 153align-items: center; 154text-align: center; 155} 156 157.close-menu { 158position: absolute; 159top: 1.5rem; 160right: 1.5rem; 161background: none; 162border: none; 163color: #ff0000; /* кÑаÑнÑй */ 164font-size: 2.8rem; 165cursor: pointer; 166line-height: 1; 167padding: 0; 168margin: 0; 169z-index: 10000; 170} 171 172.overlay-nav ul { 173list-style: none; 174padding: 0; 175margin: 0; 176display: flex; 177flex-direction: column; 178gap: 1.8rem; 179} 180 181.overlay-nav a { 182color: #fff; 183text-decoration: none; 184font-size: 2.2rem;
185font-weight: bold; 186padding: 0.6rem 0; 187border-bottom: 1px solid rgba(255, 0, 0, 0.25); 188transition: color 0.25s; 189} 190 191.overlay-nav a:hover { 192color: #ff0000; /* кÑаÑнÑй пÑи наведении */ 193} 194 195/* ÐдапÑивноÑÑÑ ÑекÑÑа на маленÑÐºÐ¸Ñ ÑкÑÐ°Ð½Ð°Ñ */ 196@media (max-width: 768px) { 197.overlay-nav a { 198font-size: 1.8rem; 199} 200.close-menu { 201font-size: 2.4rem; 202} 203} 204</style> 205
206<script> 207document.addEventListener('DOMContentLoaded', function () { 208const menuToggle = document.getElementById('menuToggle'); 209const closeMenu = document.getElementById('closeMenu'); 210const overlayMenu = document.getElementById('overlayMenu'); 211 212if (!menuToggle || !overlayMenu || !closeMenu) return; 213 214const openMenu = () => { 215overlayMenu.classList.add('active'); 216document.body.style.overflow = 'hidden'; 217}; 218 219const closeMenuHandler = () => { 220overlayMenu.classList.remove('active'); 221document.body.style.overflow = ''; 222}; 223 224menuToggle.addEventListener('click', openMenu); 225closeMenu.addEventListener('click', closeMenuHandler); 226overlayMenu.addEventListener('click', function (e) { 227if (e.target === overlayMenu) closeMenuHandler(); 228}); 229 230// ÐакÑÑÑие по клавиÑе Esc 231document.addEventListener('keydown', function (e) { 232if (e.key === 'Escape' && overlayMenu.classList.contains('active')) { 233closeMenuHandler(); 234} 235}); 236}); 237</script>
237</p></div> 238</div> 239 240<div id="mod-custom138" class="mod-custom custom"> 241 <p><!-- Yandex.Metrika counter -->
242<script type="text/javascript"> 243(function(m,e,t,r,i,k,a){ 244m[i]=m[i]function(){(m[i].a=m[i].a[]).push(arguments)}; 245m[i].l=1*new Date(); 246for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} 247k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a) 248})(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=109193652', 'ym'); 249ym(109193652, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true}); 250</script>
250 251<noscript><div><img src="https://mc.yandex.ru/watch/109193652" style="position:absolute; left:-9999px;" alt="" /></div></noscript> 252<!-- /Yandex.Metrika counter --></p></div> 253 254 255 256
256<script> 257 document.addEventListener('DOMContentLoaded', function () { 258 const overlay = document.getElementById('fullsizeSearch'); 259 const openBtn = document.getElementById('openSearch'); 260 const closeBtn = overlay.querySelector('.close-overlay'); 261 const searchInput = overlay.querySelector('input[type="text"]'); // ÐÐ°Ñ Ð¾Ð´Ð¸Ð¼ поле ввода 262 263 // ÐÑкÑÑÑие по кнопке 264 openBtn.addEventListener('click', function (e) { 265 e.preventDefault(); 266 overlay.classList.add('active'); 267 268 // ÐвÑоÑокÑÑ Ð½Ð° поле поиÑка 269 if (searchInput) { 270 setTimeout(function() { 271 searchInput.focus(); 272 }, 100); // ÐеболÑÑÐ°Ñ Ð·Ð°Ð´ÐµÑжка Ð´Ð»Ñ Ð¿Ð»Ð°Ð²Ð½Ð¾ÑÑи анимаÑии 273 } 274 }); 275 276 // ÐакÑÑÑие по кнопке 277 closeBtn.addEventListener('click', function () { 278 overlay.classList.remove('active'); 279 }); 280 281 // ÐакÑÑÑие по ÐºÐ»Ð¸ÐºÑ Ð²Ð½Ðµ конÑенÑа 282 overlay.addEventListener('click', function (e) { 283 if (e.target === overlay) { 284 overlay.classList.remove('active'); 285 } 286 }); 287 288 // ÐакÑÑÑие по нажаÑÐ¸Ñ Escape 289 document.addEventListener('keydown', function (e) { 290 if (e.key === 'Escape' && overlay.classList.contains('active')) { 291 overlay.classList.remove('active'); 292 } 293 }); 294 }); 295 </script>
295 296 </header> 297 298 299 <div class="site-grid"> 300 301 302 303 304 <div class="grid-child container-component"> 305 306 307 <div id="system-message-container" aria-live="polite"></div> 308 309 <main> 310 <div class="com-contact-category"> 311 <div class="test"> 312<div class="contact-category"> 313 314 <h1> 315 ÐÑди </h1> 316 317 318 <div class="category-desc"> 319 </div> 320 321<style> 322 .pagination-container { 323 text-align: center; 324 margin: 2rem 0; 325 } 326 .pagination { 327 display: inline-flex; 328 gap: 0.5rem; 329 flex-wrap: wrap; 330 justify-content: center; 331 list-style: none; 332 padding: 0; 333 margin: 0; 334 } 335 .pagination .page, 336 .pagination span { 337 padding: 0.6rem 1rem; 338 border: 1px solid #ddd; 339 color: #333; 340 text-decoration: none; 341 min-width: 40px; 342 text-align: center; 343 font-weight: 500; 344 } 345 .pagination .page:hover:not(.disabled), 346 .pagination .active { 347 background-color: #b20917; 348 color: #fff; 349 border-color: #b20917; 350 } 351 .pagination .previous, 352 .pagination .next { 353 background-color: #333; 354 color: #fff !important; 355 border-color: #333; 356 } 357 .pagination .previous:hover:not(.disabled), 358 .pagination .next:hover:not(.disabled) { 359 background-color: #555; 360 } 361 .pagination .disabled { 362 color: #999; 363 cursor: not-allowed; 364 background-color: #f8f8f8; 365 } 366 367 /* ФилÑÑÑ Ð¿Ð¾ Ñегам */ 368 .filter-container { 369 max-width: 1200px; 370 margin: 2rem auto; 371 padding: 0 1rem; 372 display: flex; 373 gap: 1rem; 374 flex-wrap: wrap; 375 justify-content: center; 376 } 377 .tag-filter-btn { 378 background: none; 379 border: 1px solid #b20917; 380 color: #b20917; 381 padding: 0.4rem 0.8rem; 382 font-size: 0.95rem; 383 cursor: pointer; 384 transition: all 0.3s ease; 385 white-space: nowrap; 386 } 387 .tag-filter-btn.active, 388 .tag-filter-btn:hover { 389 background-color: #b20917; 390 color: #fff; 391 } 392 393 /* ÐаÑÑоÑки конÑакÑов */ 394 .contact-cards { 395 display: grid; 396 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 397 gap: 1.5rem; 398 margin: 1rem 0; 399 } 400 .contact-card { 401 position: relative; 402 display: block; 403 aspect-ratio: 4 / 3; 404 text-decoration: none; 405 overflow: hidden; 406 border-radius: 0; 407 box-shadow: none; 408 } 409 .contact-bg { 410 position: absolute; 411 top: 0; 412 left: 0; 413 width: 100%; 414 height: 100%; 415 background-size: cover; 416 background-position: center; 417 background-repeat: no-repeat; 418 transition: transform 0.4s ease; 419 z-index: 0; 420 } 421 .contact-card::after { 422 content: ''; 423 position: absolute; 424 top: 0; 425 left: 0; 426 right: 0; 427 bottom: 0; 428 background: rgba(0, 0, 0, 0.4); 429 z-index: 1; 430 } 431 .contact-card-content { 432 position: absolute; 433 bottom: 0; 434 left: 0; 435 padding: 1rem; 436 width: 100%; 437 text-align: left; 438 color: #fff; 439 z-index: 2; 440 } 441 .contact-card-content h3, 442 .contact-profession { 443 margin: 0; 444 padding: 0; 445 color: #fff; 446 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); 447 } 448 .contact-card-content h3 { 449 font-size: 1.1rem; 450 font-weight: 600; 451 } 452 .contact-profession { 453 margin-top: 0.3rem; 454 font-size: 0.9rem; 455 line-height: 1.3; 456 } 457 .contact-card:hover .contact-bg { 458 transform: scale(1.05); 459 } 460 461 /* Тег "ÐвÑÐ¾Ñ Ð§Ð°Ð¿Ð°ÐµÐ²Ð°" */ 462 .contact-card-chapaev-tag { 463 position: absolute; 464 top: 1rem; 465 left: 1rem; 466 background-color: #b20917; 467 color: white; 468 font-size: 0.75rem; 469 padding: 4px 8px; 470 font-weight: bold; 471 text-transform: uppercase; 472 letter-spacing: 0.5px; 473 z-index: 2; 474 max-width: 90%; 475 word-wrap: break-word; 476 white-space: normal; 477 text-align: center; 478 line-height: 1.2; 479 } 480 481 /* ÐÑпадаÑÑий ÑпиÑок Ñегов */ 482 .tag-dropdown { 483 position: relative; 484 display: inline-block; 485 } 486 487 .tag-dropdown-menu { 488 display: none; 489 position: absolute; 490 top: 100%; 491 left: 0; 492 background: #fff; 493 border: 1px solid #ddd; 494 border-radius: 4px; 495 box-shadow: 0 4px 12px rgba(0,0,0,0.15); 496 z-index: 1000; 497 min-width: 160px; 498 max-height: 240px; 499 overflow-y: auto; 500 padding: 0.5rem 0; 501 margin-top: 0.25rem; 502 } 503 504 .tag-dropdown-menu.show { 505 display: block; 506 } 507 508 .tag-dropdown-item { 509 display: block; 510 width: 100%; 511 padding: 0.5rem 1rem; 512 background: none; 513 border: none; 514 text-align: left; 515 color: #333; 516 font-size: 0.95rem; 517 cursor: pointer; 518 transition: background 0.2s ease; 519 } 520 521 .tag-dropdown-item:hover { 522 background-color: #f8f8f8; 523 color: #b20917; 524 } 525 526 /* ÐдапÑивноÑÑÑ */ 527 @media (max-width: 768px) { 528 .filter-container { 529 flex-wrap: wrap; 530 } 531 .tag-dropdown { 532 width: 100%; 533 } 534 .tag-dropdown .tag-filter-btn { 535 width: 100%; 536 text-align: center; 537 } 538 } 539</style> 540 541 542<div class="contact-cards"> 543 <a href="/faces/vadim-abdrasitov" class="contact-card" 544 > 545 <div class="contact-bg" style="background-image: url('/images/faces/picture-ec2157e831df3b48fe6748d4800a84c5.jpg');"></div> 546 <div class="contact-card-content"> 547 <h3>Ðадим ÐбдÑаÑиÑов</h3> 548 <p class="contact-profession">ÑежиÑÑеÑ</p> 549 </div> 550 </a> 551 <a href="/faces/tengiz-abuladze" class="contact-card" 552 > 553 <div class="contact-bg" style="background-image: url('/images/faces/picture-43240fcf0bfcd57391426a94f7b3e9ac.jpg');"></div> 554 <div class="contact-card-content"> 555 <h3>Тенгиз ÐбÑладзе</h3> 556 <p class="contact-profession">ÑежиÑÑеÑ, ÑÑенаÑиÑÑ</p> 557 </div> 558 </a> 559 <a href="/faces/ilia-averbax" class="contact-card" 560 > 561 <div class="contact-bg" style="background-image: url('/images/faces/picture-e1d3a612903cfebd4155a426af52f646.jpg');"></div> 562 <div class="contact-card-content"> 563 <h3>ÐлÑÑ ÐвеÑÐ±Ð°Ñ </h3> 564 <p class="contact-profession">ÑежиÑÑеÑ, ÑÑенаÑиÑÑ</p> 565 </div> 566 </a> 567 <a href="/faces/mixail-aldasin" class="contact-card" 568 > 569 <div class="contact-bg" style="background-image: url('/images/faces/picture-f137b4799597c0fea0bb6f2e4a89acee.jpg');"></div> 570 <div class="contact-card-content"> 571 <h3>ÐÐ¸Ñ Ð°Ð¸Ð» ÐлдаÑин</h3> 572 <p class="contact-profession">ÑежиÑÑÐµÑ Ð°Ð½Ð¸Ð¼Ð°Ñионного кино</p> 573 </div> 574 </a> 575 <a href="/faces/petr-aleinikov" class="contact-card" 576 > 577 <div class="contact-bg" style="background-image: url('/images/faces/picture-6549c35c7cb6f999a36dc3c796ad9ab8.jpg');"></div> 578 <div class="contact-card-content"> 579 <h3>ÐеÑÑ Ðлейников</h3> 580 <p class="contact-profession">акÑеÑ</p> 581 </div> 582 </a> 583 <a href="/faces/moisei-aleinikov" class="contact-card" 584 > 585 <div class="contact-bg" style="background-image: url('/images/faces/picture-94c2a2f4bae9aa272e7bd18e4298bb4a.jpg');"></div> 586 <div class="contact-card-content"> 587 <h3>ÐоиÑей Ðлейников</h3> 588 <p class="contact-profession">пÑодÑÑеÑ</p> 589 </div> 590 </a> 591 <a href="/faces/grigorii-aleksandrov" class="contact-card" 592 > 593 <div class="contact-bg" style="background-image: url('/images/faces/picture-c12dc804a0ec73ec5ffdd7e43a0f6958.jpg');"></div> 594 <div class="contact-card-content"> 595 <h3>ÐÑигоÑий ÐлекÑандÑов</h3> 596 <p class="contact-profession">ÑежиÑÑеÑ</p> 597 </div> 598 </a> 599 <a href="/faces/aleksandr-alekseev" class="contact-card" 600 > 601 <div class="contact-bg" style="background-image: url('/images/faces/picture-f2fb4d684b9778e9e2dd7dd6cb1cae9a.jpg');"></div> 602 <div class="contact-card-content"> 603 <h3>ÐлекÑÐ°Ð½Ð´Ñ ÐлекÑеев</h3> 604 <p class="contact-profession">ÑежиÑÑÐµÑ Ð°Ð½Ð¸Ð¼Ð°Ñионного кино</p> 605 </div> 606 </a> 607 <a href="/faces/lucik-petr-i-samoriadov-aleksei" class="contact-card" 608 > 609 <div class="contact-bg" style="background-image: url('/images/faces/picture-ad6cec2cdc939298cabfb466e25b03d1.jpg');"></div> 610 <div class="contact-card-content"> 611 <h3>ÐÑÑик ÐеÑÑ Ð¸ СамоÑÑдов ÐлекÑей</h3> 612 </div> 613 </a> 614 <a href="/faces/aleksandr-alov" class="contact-card" 615 > 616 <div class="contact-bg" style="background-image: url('/images/faces/picture-eb79a3f566ee99571d055b9fea685431.jpg');"></div> 617 <div class="contact-card-content"> 618 <h3>ÐлекÑÐ°Ð½Ð´Ñ Ðлов</h3> 619 <p class="contact-profession">ÑежиÑÑеÑ</p> 620 </div> 621 </a> 622 <a href="/faces/veriko-andzaparidze-" class="contact-card" 623 > 624 <div class="contact-bg" style="background-image: url('/images/faces/picture-f961845c3c81593502f4cc6fbf0a6d4b.jpg');"></div> 625 <div class="contact-card-content"> 626 <h3>ÐеÑико ÐнджапаÑидзе</h3> 627 <p class="contact-profession">акÑÑиÑа</p> 628 </div> 629 </a> 630 <a href="/faces/boris-andreev" class="contact-card" 631 > 632 <div class="contact-bg" style="background-image: url('/images/faces/picture-827c9d9f602ba51c985f90fdf968c719.jpg');"></div> 633 <div class="contact-card-content"> 634 <h3>ÐоÑÐ¸Ñ ÐндÑеев</h3> 635 <p class="contact-profession">акÑеÑ</p> 636 </div> 637 </a> 638 <a href="/faces/isidor-annenskii" class="contact-card" 639 > 640 <div class="contact-bg" style="background-image: url('/images/faces/picture-9bb99a0b50d7895a0870f08a38f6dd6d.jpg');"></div> 641 <div class="contact-card-content"> 642 <h3>ÐÑÐ¸Ð´Ð¾Ñ ÐнненÑкий</h3> 643 <p class="contact-profession">ÑежиÑÑеÑ</p> 644 </div> 645 </a> 646 <a href="/faces/andrei-apsolon" class="contact-card" 647 > 648 <div class="contact-bg" style="background-image: url('/images/faces/picture-03b77b0847f9c80fa2a50965276fe3cc.jpg');"></div> 649 <div class="contact-card-content"> 650 <h3>ÐндÑей ÐпÑолон</h3> 651 <p class="contact-profession">акÑеÑ, ÑежиÑÑеÑ, ÑÑенаÑиÑÑ</p> 652 </div> 653 </a> 654 <a href="/faces/iurii-arabov" class="contact-card" 655 > 656 <div class="contact-bg" style="background-image: url('/images/faces/picture-ef0c93302d617c0b5cd36be816526d70.jpg');"></div> 657 <div class="contact-card-content"> 658 <h3>ЮÑий ÐÑабов</h3> 659 <p class="contact-profession">ÑÑенаÑиÑÑ</p> 660 </div> 661 </a> 662 <a href="/faces/semen-aranovic" class="contact-card" 663 > 664 <div class="contact-bg" style="background-image: url('/images/faces/picture-9cc790cf45a52c05788412af1cf37106.jpg');"></div> 665 <div class="contact-card-content"> 666 <h3>Семен ÐÑановиÑ</h3> 667 <p class="contact-profession">ÑежиÑÑеÑ, ÑÑенаÑиÑÑ</p> 668 </div> 669 </a> 670 <a href="/faces/leo-arnstam" class="contact-card" 671 > 672 <div class="contact-bg" style="background-image: url('/images/faces/picture-0455717c0cda1819ea58492a5f39f1d9.jpg');"></div> 673 <div class="contact-card-content"> 674 <h3>Ðео ÐÑнÑÑам</h3> 675 <p class="contact-profession">ÑежиÑÑеÑ, ÑÑенаÑиÑÑ</p> 676 </div> 677 </a> 678 <a href="/faces/eduard-artemev" class="contact-card" 679 > 680 <div class="contact-bg" style="background-image: url('/images/faces/picture-8efe9d31d47f350e7ed43fb59427634c.jpg');"></div> 681 <div class="contact-card-content"> 682 <h3>ÐдÑаÑд ÐÑÑемÑев</h3> 683 <p class="contact-profession">композиÑоÑ</p> 684 </div> 685 </a> 686 <a href="/faces/dinara-asanova" class="contact-card" 687 > 688 <div class="contact-bg" style="background-image: url('/images/faces/picture-6dd5165057d4f3cb3828a23e1a5931c3.jpg');"></div> 689 <div class="contact-card-content"> 690 <h3>ÐинаÑа ÐÑанова</h3> 691 <p class="contact-profession">ÑежиÑÑеÑ</p> 692 </div> 693 </a> 694 <a href="/faces/aleksandr-askoldov" class="contact-card" 695 > 696 <div class="contact-bg" style="background-image: url('/images/faces/picture-73c5737d1b291c7f73afbbda9d4226a7.jpg');"></div> 697 <div class="contact-card-content"> 698 <h3>ÐлекÑÐ°Ð½Ð´Ñ ÐÑколÑдов</h3> 699 <p class="contact-profession">ÑежиÑÑеÑ</p> 700 </div> 701 </a> 702 <a href="/faces/sergei-astaxov" class="contact-card" 703 > 704 <div class="contact-bg" style="background-image: url('/images/faces/picture-216033adadb316482a674329b9383be4.jpg');"></div> 705 <div class="contact-card-content"> 706 <h3>СеÑгей ÐÑÑÐ°Ñ Ð¾Ð²</h3> 707 <p class="contact-profession">опеÑаÑоÑ</p> 708 </div> 709 </a> 710 <a href="/faces/lev-atamanov" class="contact-card" 711 > 712 <div class="contact-bg" style="background-image: url('/images/faces/picture-d20a6743bd53db0d266c141056949367.jpg');"></div> 713 <div class="contact-card-content"> 714 <h3>Ðев ÐÑаманов</h3> 715 <p class="contact-profession">ÑежиÑÑÐµÑ Ð°Ð½Ð¸Ð¼Ð°Ñионного кино</p> 716 </div> 717 </a> 718 <a href="/faces/isaak-babel" class="contact-card" 719 > 720 <div class="contact-bg" style="background-image: url('/images/faces/picture-4c8b66edfa49ab239f5bafa572792f65.jpg');"></div> 721 <div cl
721ass="contact-card-content"> 722 <h3>ÐÑаак ÐабелÑ</h3> 723 <p class="contact-profession">ÑÑенаÑиÑÑ, дÑамаÑÑÑг, пиÑаÑелÑ</p> 724 </div> 725 </a> 726 <a href="/faces/boris-babockin" class="contact-card" 727 > 728 <div class="contact-bg" style="background-image: url('/images/faces/picture-4a3ab752aebfbfdb476845abac4ef72e.jpg');"></div> 729 <div class="contact-card-content"> 730 <h3>ÐоÑÐ¸Ñ ÐабоÑкин</h3> 731 <p class="contact-profession">акÑеÑ, ÑежиÑÑеÑ, ÑÑенаÑиÑÑ, ÑеаÑÑалÑнÑй ÑежиÑÑеÑ</p> 732 </div> 733 </a> 734 <a href="/faces/bakur-bakuradze" class="contact-card" 735 > 736 <div class="contact-bg" style="background-image: url('/images/faces/picture-68992841135c3f003216d2e3716d484b.jpg');"></div> 737 <div class="contact-card-content"> 738 <h3>ÐакÑÑ ÐакÑÑадзе</h3> 739 <p class="contact-profession">ÑÑенаÑиÑÑ, пÑодÑÑеÑ, ÑежиÑÑеÑ</p> 740 </div> 741 </a> 742 <a href="/faces/aleksei-balabanov" class="contact-card" 743 > 744 <div class="contact-bg" style="background-image: url('/images/faces/picture-3d2426e6130f31ee6d9c354a46815ed4.jpg');"></div> 745 <div class="contact-card-content"> 746 <h3>ÐлекÑей Ðалабанов</h3> 747 <p class="contact-profession">ÑежиÑÑеÑ</p> 748 </div> 749 </a> 750 <a href="/faces/valerii-balaian" class="contact-card" 751 > 752 <div class="contact-bg" style="background-image: url('/images/faces/picture-ec5cba02a3e4fc8321bbb433157aa8e9.jpg');"></div> 753 <div class="contact-card-content"> 754 <h3>ÐалеÑий ÐалаÑн</h3> 755 <p class="contact-profession">ÑежиÑÑеÑ, ÑÑенаÑиÑÑ</p> 756 </div> 757 </a> 758 <a href="/faces/roman-balaian" class="contact-card" 759 > 760 <div class="contact-bg" style="background-image: url('/images/faces/picture-6dde02b377dbd877d3cb2b88d12aba10.jpg');"></div> 761 <div class="contact-card-content"> 762 <h3>Роман ÐалаÑн</h3> 763 <p class="contact-profession">ÑежиÑÑеÑ, ÑÑенаÑиÑÑ, пÑодÑÑеÑ</p> 764 </div> 765 </a> 766 </div> 767 768<!-- ÐагинаÑÐ¸Ñ ÑолÑко Ð´Ð»Ñ "ÐÑди" --> 769 <div class="pagination-container mt-4"> 770 <div class="pagination"> 771 <span class="page previous disabled">«
771 Ðазад</span> 772 773 774 <span class="page active">1</span> 775 <a href="/faces?start=28" class="page">2</a> 776 777 <span class="page disabled">...</span> 778 <a href="/faces?start=420" class="page">16</a> 779 780 <a href="/faces?start=28" class="page next">ÐпеÑед »</a> 781 </div> 782 </div> 783 784 785 </div> 786</div></div> 787 </main> 788 789 </div> 790 791 792 793 </div> 794 795 796 797 <footer class="custom-footer"> 798 <div class="footer-top"> 799 <div class="footer-row"> 800 <!-- Ðлок 1: ÐÑновное Ð¼ÐµÐ½Ñ --> 801 <div class="footer-block footer-menu" style="display: flex;"> 802 <div> 803 <h4>Чапаев</h4> 804 <ul> 805 <li><a href="/">ÐлавнаÑ</a></li> 806 <li><a href="/courses">ÐÑÑÑÑ</a></li> 807 <li><a href="/films">ФилÑмÑ</a></li> 808 <li><a href="/faces">ÐÑди</a></li> 809 <li><a href="/special">СпеÑпÑоекÑ</a></li> 810 </ul> 811 </div> 812 <div style="margin-left:10px;"> 813 <h4>РнаÑ</h4> 814 <ul> 815 <li><a href="/about">РпÑоекÑе</a></li> 816 <li><a href="/authors">ÐвÑоÑÑ</a></li> 817 </ul> 818 </div> 819 </div> 820 821 <!-- Ðлок 3: СоÑиалÑнÑе ÑеÑи --> 822 <div class="footer-block footer-social"> 823 <h4>ÐÑ Ð² ÑоÑÑеÑÑÑ </h4> 824 <ul> 825 <li> 826 <a href="https://vk.com/seance_magazine" target="_blank"> 827 <svg class="t-sociallinks__svg" role="presentation" width="20px" height="20px" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50ZM25 34c.406 19.488 10.15 31.2 27.233 31.2h.968V54.05c6.278.625 11.024 5.216 12.93 11.15H75c-2.436-8.87-8.838-13.773-12.836-15.647C66.162 47.242 71.783 41.62 73.126 34h-8.058c-1.749 6.184-6.932 11.805-11.867 12.336V34h-8.057v21.611C40.147 54.362 33.838 48.304 33.556 34H25Z"></path> </svg> 828 <span class="visually-hidden">ÐÐонÑакÑе</span> 829 </a> 830 </li> 831 <li> 832 <a href="https://t.me/seance_light" target="_blank"> 833 <svg class="t-sociallinks__svg" role="presentation" width="20px" height="20px" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm21.977-68.056c.386-4.38-4.24-2.576-4.24-2.576-3.415 1.414-6.937 2.85-10.497 4.302-11.04 4.503-22.444 9.155-32.159 13.734-5.268 1.932-2.184 3.864-2.184 3.864l8.351 2.577c3.855 1.16 5.91-.129 5.91-.129l17.988-12.238c6.424-4.38 4.882
833-.773 3.34.773l-13.49 12.882c-2.056 1.804-1.028 3.35-.129 4.123 2.55 2.249 8.82 6.364 11.557 8.16.712.467 1.185.778 1.292.858.642.515 4.111 2.834 6.424 2.319 2.313-.516 2.57-3.479 2.57-3.479l3.083-20.226c.462-3.511.993-6.886 1.417-9.582.4-2.546.705-4.485.767-5.362Z"></path> </svg> 834 <span class="visually-hidden">Telegram</span> 835 </a> 836 </li> 837 </ul> 838 </div> 839 </div> 840 </div> 841 842 <!-- ÐижнÑÑ ÑаÑÑÑ --> 843 <div class="footer-bottom"> 844 <p>ÐонÑепÑÐ¸Ñ Ð¸ ÑоÑÑавление â ÐÑÐ±Ð¾Ð²Ñ ÐÑкÑÑ. © 2026 ÐаÑÑеÑÑÐºÐ°Ñ Â«Ð¡ÐµÐ°Ð½Ñ» пÑи ÑодейÑÑвии ÐÐР«ЦÐÐ âСеанÑâ». © 2026 ÐÑÐ¾ÐµÐºÑ Â«Ð§Ð°Ð¿Ð°ÐµÐ²Â». 18+</p> 845 </div> 846 </footer> 847 848 <a href="#top" id="back-top" class="back-to-top-link" aria-label="ÐавеÑÑ "> 849 <span class="icon-arrow-up icon-fw" aria-hidden="true"></span> 850 </a> 851 852 853 854 <!-- ÐодалÑное окно 18+ --> 855 <div id="ageModal" class="age-modal-overlay"> 856 <div class="age-modal"> 857 <div class="age-modal-icon"> 858 <span>18+</span> 859 </div> 860 <h2 class="age-modal-title">Ðнимание!</h2> 861 <p class="age-modal-text"> 862 ÐаннÑй ÑÐ°Ð¹Ñ ÑодеÑÐ¶Ð¸Ñ Ð¸Ð½ÑоÑмаÑиÑ, коÑоÑÐ°Ñ Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð½Ðµ пÑедназнаÑена Ð´Ð»Ñ Ð½ÐµÑовеÑÑеннолеÑÐ½Ð¸Ñ . 863 ÐожалÑйÑÑа, подÑвеÑдиÑе, ÑÑо вам иÑполнилоÑÑ 18 леÑ, ÑÑÐ¾Ð±Ñ Ð¿ÑодолжиÑÑ Ð¿ÑоÑмоÑÑ. 864 </p> 865 <div class="age-modal-buttons"> 866 <button id="ageConfirmBtn" class="age-btn age-btn-confirm">Ðне еÑÑÑ 18 леÑ</button> 867 <button id="ageDeclineBtn" class="age-btn age-btn-decline">Ðне Ð½ÐµÑ 18 леÑ</button> 868 </div> 869 </div> 870 </div> 871 872
872<script> 873 document.addEventListener('DOMContentLoaded', function() { 874 var modal = document.getElementById('ageModal'); 875 if (!modal) return; 876 877 var confirmBtn = document.getElementById('ageConfirmBtn'); 878 var declineBtn = document.getElementById('ageDeclineBtn'); 879 880 // ÐодÑвеÑждение возÑаÑÑа â на один ÑÐµÐ°Ð½Ñ (Ðо закÑÑÑÐ¸Ñ Ð±ÑаÑзеÑа) 881 confirmBtn.addEventListener('click', function() { 882 document.cookie = 'age_verified=1; path=/; SameSite=Lax'; 883 modal.style.opacity = '0'; 884 modal.style.transition = 'opacity 0.3s ease'; 885 setTimeout(function() { 886 modal.remove(); 887 }, 300); 888 }); 889 890 // ÐÑказ â пеÑенапÑавлÑем на безопаÑнÑй ÑÐ°Ð¹Ñ (или можно закÑÑÑÑ Ð²ÐºÐ»Ð°Ð´ÐºÑ) 891 declineBtn.addEventListener('click', function() { 892 // ÐеÑенапÑавление на Google / Ð¯Ð½Ð´ÐµÐºÑ 893 window.location.href = 'https://ya.ru/'; 894 }); 895 }); 896 </script>
896 897 </body> 898 899</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.