PageSourceSearch

https://stanislaff.ru/

html stanislaff.ru collected 2026-10-06 07:15:32 UTC 84,296 bytes, 765 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="ru-RU" data-bs-theme="dark">
4
5<head>
6	<meta charset="UTF-8">
7	<meta name="viewport" content="width=device-width">
8	<link rel="icon" type="image/png" href="https://stanislaff.ru/wp-content/themes/stanislaff/favicon/favicon-96x96.png"
9		sizes="96x96" />
10	<link rel="icon" type="image/svg+xml" href="https://stanislaff.ru/wp-content/themes/stanislaff/favicon/favicon.svg" />
11	<link rel="shortcut icon" href="https://stanislaff.ru/wp-content/themes/stanislaff/favicon/favicon.ico" />
12	<link rel="apple-touch-icon" sizes="180x180"
13		href="https://stanislaff.ru/wp-content/themes/stanislaff/favicon/apple-touch-icon.png" />
14	<meta name="apple-mobile-web-app-title" content="stanislaff" />
15	<link rel="stylesheet" href="https://stanislaff.ru/wp-content/themes/stanislaff/fonts/aa-stetica/stylesheet.css">
16	<link rel="manifest" href="https://stanislaff.ru/wp-content/themes/stanislaff/favicon/site.webmanifest" />
17	<link rel="stylesheet" href="https://stanislaff.ru/wp-content/themes/stanislaff/css/swiper-bundle.min.css">
18
19	<meta name='robots' content='max-image-preview:large' />
20<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://stanislaff.ru/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fstanislaff.ru%2F" />
21<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://stanislaff.ru/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fstanislaff.ru%2F&#038;format=xml" />
22<style id="wp-img-auto-sizes-contain-inline-css">
23img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
24/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
25</style>
26<link rel='stylesheet' id='dashicons-css' href='https://stanislaff.ru/wp-includes/css/dashicons.min.css?ver=7.1.2' media='all' />
27<link rel='stylesheet' id='post-views-counter-frontend-css' href='https://stanislaff.ru/wp-content/plugins/post-views-counter/css/frontend.css?ver=1.7.9' media='all' />
28<style id="wp-emoji-styles-inline-css">
29
30	img.wp-smiley, img.emoji {
31		display: inline !important;
32		border: none !important;
33		box-shadow: none !important;
34		height: 1em !important;
35		width: 1em !important;
36		margin: 0 0.07em !important;
37		vertical-align: -0.1em !important;
38		background: none !important;
39		padding: 0 !important;
40	}
41/*# sourceURL=wp-emoji-styles-inline-css */
42</style>
43<style id="wp-block-library-inline-css">
44:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
44--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
45
46/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
47</style>
48<style id="classic-theme-styles-inline-css">
49/*! This file is auto-generated */
50.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
51/*# sourceURL=/wp-includes/css/classic-themes.min.css */
52</style>
53
54<link rel='stylesheet' id='fontawesome-css' href='https://stanislaff.ru/wp-content/plugins/gutentor/assets/library/fontawesome/css/all.min.css?ver=5.12.0' media='all' />
55<link rel='stylesheet' id='wpness-grid-css' href='https://stanislaff.ru/wp-content/plugins/gutentor/assets/library/wpness-grid/wpness-grid.css?ver=1.0.0' media='all' />
56<link rel='stylesheet' id='animate-css' href='https://stanislaff.ru/wp-content/plugins/gutentor/assets/library/animatecss/animate.min.css?ver=3.7.2' media='all' />
57<link rel='stylesheet' id='wp-theme-css' href='https://stanislaff.ru/wp-includes/css/dist/theme/design-tokens.min.css?ver=7.1.2' media='all' />
58<link rel='stylesheet' id='wp-components-css' href='https://stanislaff.ru/wp-includes/css/dist/components/style.min.css?ver=7.1.2' media='all' />
59<link rel='stylesheet' id='wp-preferences-css' href='https://stanislaff.ru/wp-includes/css/dist/preferences/style.min.css?ver=7.1.2' media='all' />
60<link rel='stylesheet' id='wp-block-editor-css' href='https://stanislaff.ru/wp-includes/css/dist/block-editor/style.min.css?ver=7.1.2' media='all' />
61<link rel='stylesheet' id='wp-reusable-blocks-css' href='https://stanislaff.ru/wp-includes/css/dist/reusable-blocks/style.min.css?ver=7.1.2' media='all' />
62<link rel='stylesheet' id='wp-patterns-css' href='https://stanislaff.ru/wp-includes/css/dist/patterns/style.min.css?ver=7.1.2' media='all' />
63<link rel='stylesheet' id='wp-media-utils-css' href='https://stanislaff.ru/wp-includes/css/dist/media-utils/style.min.css?ver=7.1.2' media='all' />
64<link rel='stylesheet' id='wp-editor-css' href='https://stanislaff.ru/wp-includes/css/dist/editor/style.min.css?ver=7.1.2' media='all' />
65<link rel='stylesheet' id='gutentor-css' href='https://stanislaff.ru/wp-content/plugins/gutentor/dist/blocks.style.build.css?ver=3.5.6' media='all' />
66<style id="ai_summarization-inline-css">
67.ai-summarization-summary{--ai-summary-border-color:#1d2327;--ai-summary-background-color:rgba(29,35,39,.04);background-color:var(--ai-summary-background-color);border-left:4px solid var(--ai-summary-border-color);padding:1em 1.25em}.ai-summarization-summary>:last-child{margin-bottom:0}.ai-summarization-plugin-container .components-button.ai-summarization-plugin-button{justify-content:center;width:100%}.ai-summarization-plugin-container .description{color:#757575}.block-editor-block-popover .ai-summarization-block-controls-button{height:46px;margin-top:1px}
68
69/*# sourceURL=https://stanislaff.ru/wp-content/plugins/ai/build-scripts/experiments/summarization.css */
70</style>
71<style id="global-styles-inline-css">
72:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
72--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
72.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
73/*# sourceURL=global-styles-inline-css */
74</style>
75
76<link rel='stylesheet' id='css-main-css' href='https://stanislaff.ru/wp-content/themes/stanislaff/style.css?ver=0.01' media='all' />
77<link rel='stylesheet' id='bootstrap-css' href='https://stanislaff.ru/wp-content/themes/stanislaff/css/bootstrap.css?ver=0.01' media='all' />
78<link rel='stylesheet' id='bootstrap-icons-css' href='https://stanislaff.ru/wp-content/themes/stanislaff/css/bootstrap-icons.css?ver=0.01' media='all' />
79<link rel='stylesheet' id='style-css' href='https://stanislaff.ru/wp-content/themes/stanislaff/css/style.css?ver=0.01' media='all' />
80<link rel='stylesheet' id='cookies-css' href='https://stanislaff.ru/wp-content/themes/stanislaff/css/cookies.css?ver=0.01' media='all' />
81<script id="jquery-core-js" src="https://stanislaff.ru/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 81
81
82<script id="jquery-migrate-js" src="https://stanislaff.ru/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
82
83<link rel="https://api.w.org/" href="https://stanislaff.ru/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://stanislaff.ru/wp-json/wp/v2/pages/33" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://stanislaff.ru/xmlrpc.php?rsd" />
84<meta name="generator" content="WordPress 7.1.2" />
85<link rel="canonical" href="https://stanislaff.ru/" />
86<link rel='shortlink' href='https://stanislaff.ru/' />
87	<meta name="yandex-verification" content="8172bb3e9759d310" />
88			<meta name="description" content="Веб-разработчик Станислав. Создание сайтов на HTML, CSS, JavaScript. Портфолио проектов stanislaff: лендинги, корпоративные сайты, интернет-магазины. Разработка под ключ">
89		<title>Станислав - веб-разработчик | HTML CSS JavaScript портфолио</title>
90		
91</head>
92
93<body class="home wp-singular page-template page-template-index page-template-index-php page page-id-33 wp-theme-stanislaff gutentor-active">
94
95	<div class="bg-video">
96		<video preload="auto" autoplay="autoplay" loop="loop" muted="" playsinline="playsinline">
97			<source src="/videos/bg-pieces.mp4" type="video/mp4">
98		</video>
99	</div>
100
101	<header class="header bg-dark" data-bs-theme="dark">
102		<nav class="navbar navbar-expand-lg bg-body-tertiary">
103			<div class="container">
104				<a class="navbar-brand logo" href="/"><img
105						src="https://stanislaff.ru/wp-content/themes/stanislaff/images/logo/logo-l.svg" alt=""></a>
106				<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
107					data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
108					aria-label="Toggle navigation">
109					<span class="navbar-toggler-icon"></span>
110				</button>
111				<div class="collapse navbar-collapse" id="navbarNavDropdown">
112					<ul id="top-menu" class="navbar-nav"><li id="menu-item-25" class="nav-item"><a href="https://stanislaff.ru/projects/" class="nav-link px-2 text-body-secondary">Проекты</a></li>
113<li id="menu-item-192" class="nav-item"><a href="https://stanislaff.ru/notes/" class="nav-link px-2 text-body-secondary">Заметки</a></li>
114<li id="menu-item-600" class="nav-item"><a href="https://stanislaff.ru/video/" class="nav-link px-2 text-body-secondary">Видео</a></li>
115<li id="menu-item-456" class="nav-item"><a href="https://stanislaff.ru/articles/" class="nav-link px-2 text-body-secondary">Статьи</a></li>
116<li id="menu-item-225" class="nav-item"><a href="https://stanislaff.ru/music/" class="nav-link px-2 text-body-secondary">Музыка</a></li>
117<li id="menu-item-349" class="nav-item"><a href="https://stanislaff.ru/kino/" class="nav-link px-2 text-body-secondary">Кино</a></li>
118</ul>					<form role="search" method="get" class="searchform" id="searchform" action="https://stanislaff.ru/">
119    <div class="searchform__inner">
120        <label class="screen-reader-text" for="s">Поиск по:</label>
121        <div class="searchform__field">
122            <input type="text" value="" name="s" id="s" placeholder="Что ищем?" />
123        </div>
124
125        <!-- Выпадающий список категорий -->
126        <select name="cat" id="searchcat" class="searchform__catselect catselect">
127            <option value="">Все категории</option>
128                            <option value="45" >
129                    Видео (3)
130                </option>
131                            <option value="22" >
132                    Заметки (50)
133                </option>
134                            <option value="31" >
135                    Кино (1)
136                </option>
137                            <option value="5" >
138                    Музыка (2)
139                </option>
140                            <option value="4" >
141                    Проекты (27)
142                </option>
143                            <option value="35" >
144                    Статьи (14)
145                </option>
146                    </select>
147
148        <!-- <input type="submit" id="searchsubmit" value="Найти" /> -->
149        <button type="submit" class="button button_search" hidden><i class="bi bi-search"></i></button>
150        <button type="button" class="button button_search-activate"><i class="bi bi-search"></i></button>
151    </div>
152</form>
153				</div>
154			</div>
155		</nav>
156
157	</header>
158	<main>
159<section>
160    <div class="container">
161        
162
163<!-- Slider main container -->
164<div class="swiper">
165    <!-- Additional required wrapper -->
166    <div class="swiper-wrapper">
167        <!-- Slides -->
168                            <div class="swiper-slide">
169                <a href="https://stanislaff.ru/kakie-bloki-dobavit-na-sajt-dlja-uvelichenija-konversii/" class="swiper-slide__link" title="Перейти Ð
169º посту">
170                    <img src="https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-13_06-42-10.jpg" class="d-block w-100 swiper-slide__bg-image" alt="Какие блоки добавить на сайт для увеличения конверсии?">
171                    <div class="swiper-slide__post-data">
172                        <img src="https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-13_06-42-10.jpg" width="320" height="200" class="swiper-slide__post-image" alt="swiper-slide__bg-image">
173                        <h3 class="swiper-slide__post-title">Какие блоки добавить на сайт для увеличения конверсии?</h3>
174                    </div>
175                </a>
176            </div>
177                                        <div class="swiper-slide">
178                <a href="https://stanislaff.ru/kak-tehnologicheskie-kompanii-slomali-vosprijatie-ceny-ot-besplatnogo-gmail-do-dorogogo-ai/" class="swiper-slide__link" title="Перейти к посту">
179                    <img src="https://stanislaff.ru/wp-content/uploads/2025/10/free.webp" class="d-block w-100 swiper-slide__bg-image" alt="Как технологические компании сломали восприятие цены: от бесплатного Gmail до дорогого AI">
180                    <div class="swiper-slide__post-data">
181                        <img src="https://stanislaff.ru/wp-content/uploads/2025/10/free.webp" width="320" height="200" class="swiper-slide__post-image" alt="swiper-slide__bg-image">
182                        <h3 class="swiper-slide__post-title">Как технологические компании сломали восприятие цены: от бесплатного Gmail до дорогого AI</h3>
183                    </div>
184                </a>
185            </div>
186                                        <div class="swiper-slide">
187                <a href="https://stanislaff.ru/rich-kontent-v-kartochkah-tovarov-internet-magazina-kak-v-marketplejsah/" class="swiper-slide__link" title="Перейти к посту">
188                    <img src="https://stanislaff.ru/wp-content/uploads/2025/09/rich.webp" class="d-block w-100 swiper-slide__bg-image" alt="Рич-контент в карточках товаров интернет-магазина как в маркетплейсах">
189                    <div class="swiper-slide__post-data">
190                        <img src="https://stanislaff.ru/wp-content/uploads/2025/09/rich.webp" width="320" height="200" class="swiper-slide__post-image" alt="swiper-slide__bg-image">
191                        <h3 class="swiper-slide__post-title">Рич-контент в карточках товаров интернет-магазина как в маркетплейсах</h3>
192                    </div>
193                </a>
194            </div>
195                                        <div class="swiper-slide">
196                <a href="https://stanislaff.ru/veb-standarty-podkast-500/" class="swiper-slide__link" title="Перейти к посту">
197                    <img src="https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-11_08-13-20.webp" class="d-block w-100 swiper-slide__bg-image" alt="Веб-стандарты. Подкаст №500">
198                    <div class="swiper-slide__post-data">
199                        <img src="https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-11_08-13-20.webp" width="320" height="200" class="swiper-slide__post-image" alt="swiper-slide__bg-image">
200                        <h3 class="swiper-slide__post-title">Веб-стандарты. Подкаст №500</h3>
201                    </div>
202                </a>
203            </div>
204                                        <div class="swiper-slide">
205                <a href="https://stanislaff.ru/zachem-it-kompanii-nuzhna-crm-sistema/" class="swiper-slide__link" title="Перейти к посту">
206                    <img src="https://stanislaff.ru/wp-content/uploads/2025/11/011.webp" class="d-block w-100 swiper-slide__bg-image" alt="Зачем IT-компании Ð
206½ÑƒÐ¶Ð½Ð° CRM-система">
207                    <div class="swiper-slide__post-data">
208                        <img src="https://stanislaff.ru/wp-content/uploads/2025/11/011.webp" width="320" height="200" class="swiper-slide__post-image" alt="swiper-slide__bg-image">
209                        <h3 class="swiper-slide__post-title">Зачем IT-компании нужна CRM-система</h3>
210                    </div>
211                </a>
212            </div>
213                                        <div class="swiper-slide">
214                <a href="https://stanislaff.ru/pochemu-ja-delaju-vjorstku-prostoj-kontentnoj-stranicy-v-pervuju-ochered/" class="swiper-slide__link" title="Перейти к посту">
215                    <img src="https://stanislaff.ru/wp-content/uploads/2025/10/pic35.webp" class="d-block w-100 swiper-slide__bg-image" alt="Почему я делаю вёрстку простой контентной страницы в первую очередь">
216                    <div class="swiper-slide__post-data">
217                        <img src="https://stanislaff.ru/wp-content/uploads/2025/10/pic35.webp" width="320" height="200" class="swiper-slide__post-image" alt="swiper-slide__bg-image">
218                        <h3 class="swiper-slide__post-title">Почему я делаю вёрстку простой контентной страницы в первую очередь</h3>
219                    </div>
220                </a>
221            </div>
222                                                                                                    
223    </div>
224    <!-- If we need pagination -->
225    <div class="swiper-pagination"></div>
226    <!-- If we need navigation buttons -->
227    <div class="swiper-button-prev"></div>
228    <div class="swiper-button-next"></div>
229</div>
230<!-- Slider main container -->    </div>
231</section>
232
233<section>
234    <div class="container">
235        
236        <div class="scroller" data-animated="true">
237            <ul class="tags scroller__tags">
238                                                            <li class="tags__item"><a class="link_tag javascript"
239                                href="https://stanislaff.ru/tag/javascript/">javascript</a></li>
240                                            <li class="tags__item"><a class="link_tag css"
241                                href="https://stanislaff.ru/tag/css/">css</a></li>
242                                            <li class="tags__item"><a class="link_tag verstka"
243                                href="https://stanislaff.ru/tag/verstka/">верстка</a></li>
244                                            <li class="tags__item"><a class="link_tag sajt"
245                                href="https://stanislaff.ru/tag/sajt/">сайт</a></li>
246                                            <li class="tags__item"><a class="link_tag lending"
247                                href="https://stanislaff.ru/tag/lending/">лендинг</a></li>
248                                            <li class="tags__item"><a class="link_tag biznes"
249                                href="https://stanislaff.ru/tag/biznes/">бизнес</a></li>
250                                            <li class="tags__item"><a class="link_tag php"
251                                href="https://stanislaff.ru/tag/php/">php</a></li>
252                                            <li class="tags__item"><a class="link_tag finansy"
253                                href="https://stanislaff.ru/tag/finansy/">финансы</a></li>
254                                            <li class="tags__item"><a class="link_tag wordpress"
255                                href="https://stanislaff.ru/tag/wordpress/">wordpress</a></li>
256                                            <li class="tags__item"><a class="link_tag hobbi"
257                                href="https://stanislaff.ru/tag/hobbi/">хобби</a></li>
258                                            <li class="tags__item"><a class="link_tag acf"
259                                href="https://stanislaff.ru/tag/acf/">ACF</a></li>
260                                            <li class="tags__item"><a class="link_tag prodazhi"
261                                href="https://stanislaff.ru/tag/prodazhi/">продажи</a></li>
262                                            <li class="tags__item"><a class="link_tag podkast"
263                                href="https://stanislaff.ru/tag/podkast/">подкаст</a></li>
264                                            <li class="tags__item"><a class="link_tag muzyka"
265                                href="https://stanislaff.ru/tag/muzyka/">музыка</a></li>
266                                            <li class="tags__item"><a class="link_tag zakon"
267                                href="https://stanislaff.ru/tag/zakon/">закон</a></li>
268                                            <li class="tags__item"><a class="link_tag veb-dizajn"
269                                href="https://stanislaff.ru/tag/veb-dizajn/">веб-дизайн</a></li>
270                                            <li class="tags__item"><a class="link_tag regex"
271                                href="https://stanislaff.ru/tag/regex/">regex</a></li>
272                                            <li class="tags__item"><a class="link_tag hex"
273                                href="https://stanislaff.ru/tag/hex/">HEX</a></li>
274                                            <li class="tags__item"><a class="link_tag modul"
275                                href="https://stanislaff.ru/tag/modul/">модуль</a></li>
276                                            <li class="tags__item"><a class="link_tag html"
277                                href="https://stanislaff.ru/tag/html/">html</a></li>
278                                            <li class="tags__item"><a class="link_tag crm"
279                                href="https://stanislaff.ru/tag/crm/">CRM</a></li>
280                                            <li class="tags__item"><a class="link_tag dizajn"
281                                href="https://stanislaff.ru/tag/dizajn/">дизайн</a></li>
282                                            <li class="tags__item"><a class="link_tag seo"
283                                href="https://stanislaff.ru/tag/seo/">SEO</a></li>
284                                            <li class="tags__item"><a class="link_tag obzor"
285                                href="https://stanislaff.ru/tag/obzor/">обзор</a></li>
286                                            <li class="tags__item"><a class="link_tag geo"
287                                href="https://stanislaff.ru/tag/geo/">GEO</a></li>
288                                            <li class="tags__item"><a class="link_tag ai"
289                                href="https://stanislaff.ru/tag/ai/">AI</a></li>
290                                            <li class="tags__item"><a class="link_tag snippet"
291                                href="https://stanislaff.ru/tag/snippet/">сниппет</a></li>
292                                            <li class="tags__item"><a class="link_tag forma"
293                                href="https://stanislaff.ru/tag/forma/">форма</a></li>
294                                            <li class="tags__item"><a class="link_tag klass"
295                                href="https://stanislaff.ru/tag/klass/">класс</a></li>
296                                            <li class="tags__item"><a class="link_tag bitrix"
297                                href="https://stanislaff.ru/tag/bitrix/">bitrix</a></li>
298                                            <li class="tags__item"><a class="link_tag marketplejsy"
299                                href="https://stanislaff.ru/tag/marketplejsy/">маркетплейсы</a></li>
300                                            <li class="tags__item"><a class="link_tag video"
301                                href="https://stanislaff.ru/tag/video/">видео</a></li>
302                                            <li class="tags__item"><a class="link_tag mnogozadachnost"
303                                href="https://stanislaff.ru/tag/mnogozadachnost/">многозадачность</a></li>
304                                            <li class="tags__item"><a class="link_tag produktivnost"
305                                href="https://stanislaff.ru/tag/produktivnost/">продуктивность</a></li>
306                                            <li class="tags__item"><a class="link_tag otdyh"
307                                href="https://stanislaff.ru/tag/otdyh/">отдых</a></li>
308                                            <li class="tags__item"><a class="link_tag iframe"
309                                href="https://stanislaff.ru/tag/iframe/">iframe</a></li>
310                                            <li class="tags__item"><a class="link_tag serialy"
311                                href="https://stanislaff.ru/tag/serialy/">сериалы</a></li>
312                                            <li class="tags__item"><a class="link_tag shrift"
313                                href="https://stanislaff.ru/tag/shrift/">шрифт</a></li>
314                                            <li class="tags__item"><a class="link_tag razrabotka"
315                                href="https://stanislaff.ru/tag/razrabotka/">разработка</a></li>
316                                                </ul>
317        </div>
318    </div>
319</section>
320
321<section>
322    <div class="container">
323        <div class="card">
324            <div class="card-body card-body_front">
325                <h3>Заметки</h3>
326                <ul class="pages-list pages-list_wide list-unstyled my-4">
327                    
328    <li class="page-list__item">
329        <a href="https://stanislaff.ru/manual-obnovlenie-dannyh-sinhronno-s-chastotoj-jekrana-cherez-requestanimationframe/" class="page-link page-list__item-link page-link_in-list">
330            <img width="1376" height="768" src="https://stanislaff.ru/wp-content/uploads/2026/08/01aad26e940db23356a565a1d314d250_456e172b-2d66-4417-bfa6-2e5938f4d7a0.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://stanislaff.ru/wp-content/uploads/2026/08/01aad26e940db23356a565a1d314d250_456e172b-2d66-4417-bfa6-2e5938f4d7a0.webp 1376w, https://stanislaff.ru/wp-content/uploads/2026/08/01aad26e940db23356a565a1d314d250_456e172b-2d66-4417-bfa6-2e5938f4d7a0-300x167.webp 300w, https://stanislaff.ru/wp-content/uploads/2026/08/01aad26e940db23356a565a1d314d250_456e172b-2d66-4417-bfa6-2e5938f4d7a0-1024x572.webp 1024w, https://stanislaff.ru/wp-content/uploads/2026/08/01aad26e940db23356a565a1d314d250_456e172b-2d66-4417-bfa6-2e5938f4d7a0-768x429.webp 768w" sizes="(max-width: 1376px) 100v
330w, 1376px" />            <div class="page-list__item-content">
331                <p class="page-list__item-title">Мануал: обновление данных синхронно с частотой экрана через requestAnimationFrame</p>
332                <p class="page-list__item-description">Прямое обновление DOM на каждое движение мыши тормозит страницу. Показываем, как избавиться от лишних перерисовок. Пошагово пишем функцию rafThrottle, чтобы код работал в такт с кадрами браузера.</p>
333            </div>
334        </a>
335    </li>
336
337
338    <li class="page-list__item">
339        <a href="https://stanislaff.ru/kak-proverit-i-pomenjat-atribut/" class="page-link page-list__item-link page-link_in-list">
340            <img width="2560" height="1242" src="https://stanislaff.ru/wp-content/uploads/2026/07/a4b0ded44f26fee2d9fdf7c3a9e2a63e_947b37d9-1faa-411c-9b64-411d9b4bfcd6-scaled-e1785045164376.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2026/07/a4b0ded44f26fee2d9fdf7c3a9e2a63e_947b37d9-1faa-411c-9b64-411d9b4bfcd6-scaled-e1785045164376.webp 2560w, https://stanislaff.ru/wp-content/uploads/2026/07/a4b0ded44f26fee2d9fdf7c3a9e2a63e_947b37d9-1faa-411c-9b64-411d9b4bfcd6-scaled-e1785045164376-300x146.webp 300w, https://stanislaff.ru/wp-content/uploads/2026/07/a4b0ded44f26fee2d9fdf7c3a9e2a63e_947b37d9-1faa-411c-9b64-411d9b4bfcd6-scaled-e1785045164376-1024x497.webp 1024w, https://stanislaff.ru/wp-content/uploads/2026/07/a4b0ded44f26fee2d9fdf7c3a9e2a63e_947b37d9-1faa-411c-9b64-411d9b4bfcd6-scaled-e1785045164376-768x373.webp 768w, https://stanislaff.ru/wp-content/uploads/2026/07/a4b0ded44f26fee2d9fdf7c3a9e2a63e_947b37d9-1faa-411c-9b64-411d9b4bfcd6-scaled-e1785045164376-1536x745.webp 1536w, https://stanislaff.ru/wp-content/uploads/2026/07/a4b0ded44f26fee2d9fdf7c3a9e2a63e_947b37d9-1faa-411c-9b64-411d9b4bfcd6-scaled-e1785045164376-2048x994.webp 2048w, https://stanislaff.ru/wp-content/uploads/2026/07/a4b0ded44f26fee2d9fdf7c3a9e2a63e_947b37d9-1faa-411c-9b64-411d9b4bfcd6-scaled-e1785045164376-100x50.webp 100w" sizes="(max-width: 2560px) 100v
340w, 2560px" />            <div class="page-list__item-content">
341                <p class="page-list__item-title">Как проверить и поменять атрибут на JS</p>
342                <p class="page-list__item-description">Метод getAttribute ломает логику булевых атрибутов (open, disabled), потому что возвращает пустую строку. Разбираем три правильных способа их переключения в JavaScript: toggleAttribute, hasAttribute и нативные методы тега <dialog>.</p>
343            </div>
344        </a>
345    </li>
346
347
348    <li class="page-list__item">
349        <a href="https://stanislaff.ru/kak-zadat-kolichestvo-let-na-php-ot-opredelennoj-daty-do-tekushhej-daty/" class="page-link page-list__item-link page-link_in-list">
350            <img width="2560" height="1429" src="https://stanislaff.ru/wp-content/uploads/2026/07/34b22a79efd1e31974fb259f9ac1f3a9_50015149-90ad-4e32-a10b-04a43a1ca2a4-scaled.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2026/07/34b22a79efd1e31974fb259f9ac1f3a9_50015149-90ad-4e32-a10b-04a43a1ca2a4-scaled.webp 2560w, https://stanislaff.ru/wp-content/uploads/2026/07/34b22a79efd1e31974fb259f9ac1f3a9_50015149-90ad-4e32-a10b-04a43a1ca2a4-300x167.webp 300w, https://stanislaff.ru/wp-content/uploads/2026/07/34b22a79efd1e31974fb259f9ac1f3a9_50015149-90ad-4e32-a10b-04a43a1ca2a4-1024x572.webp 1024w, https://stanislaff.ru/wp-content/uploads/2026/07/34b22a79efd1e31974fb259f9ac1f3a9_50015149-90ad-4e32-a10b-04a43a1ca2a4-768x429.webp 768w, https://stanislaff.ru/wp-content/uploads/2026/07/34b22a79efd1e31974fb259f9ac1f3a9_50015149-90ad-4e32-a10b-04a43a1ca2a4-1536x857.webp 1536w, https://stanislaff.ru/wp-content/uploads/2026/07/34b22a79efd1e31974fb259f9ac1f3a9_50015149-90ad-4e32-a10b-04a43a1ca2a4-2048x1143.webp 2048w" sizes="(max-width: 2560px) 100v
350w, 2560px" />            <div class="page-list__item-content">
351                <p class="page-list__item-title">Как задать количество лет на php от определенной даты до текущей даты?</p>
352                <p class="page-list__item-description">Актуальный способ вычислить количество полных лет от заданной даты до сегодня в PHP. Примеры с DateTime, работа с нестандартными форматами без ошибок.</p>
353            </div>
354        </a>
355    </li>
356
357
358    <li class="page-list__item">
359        <a href="https://stanislaff.ru/gajd-po-ispolzovaniju-tega-picture/" class="page-link page-list__item-link page-link_in-list">
360            <img width="640" height="320" src="https://stanislaff.ru/wp-content/uploads/2026/01/03e29c06d310eb9fe1d8343df0254867-e1769623720210.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2026/01/03e29c06d310eb9fe1d8343df0254867-e1769623720210.webp 640w, https://stanislaff.ru/wp-content/uploads/2026/01/03e29c06d310eb9fe1d8343df0254867-e1769623720210-300x150.webp 300w, https://stanislaff.ru/wp-content/uploads/2026/01/03e29c06d310eb9fe1d8343df0254867-e1769623720210-100x50.webp 100w" sizes="(max-width: 640px) 100vw, 640px" />            <div class="page-list__item-content">
361                <p class="page-list__item-title">Гайд по использованию тега picture</p>
362                <p class="page-list__item-description">Разбираемся с тегом picture и его использованием. Как показывать разные изображения для мобильных и десктопов, работать с srcset, sizes и media-условиями для оптимальной загрузки.</p>
363            </div>
364        </a>
365    </li>
366
367
368    <li class="page-list__item">
369        <a href="https://stanislaff.ru/corner-shape-igraem-s-ugolkami-v-css/" class="page-link page-list__item-link page-link_in-list">
370            <img width="1144" height="331" src="https://stanislaff.ru/wp-content/uploads/2026/01/2026-01-07_13-26-07.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2026/01/2026-01-07_13-26-07.webp 1144w, https://stanislaff.ru/wp-content/uploads/2026/01/2026-01-07_13-26-07-300x87.webp 300w, https://stanislaff.ru/wp-content/uploads/2026/01/2026-01-07_13-26-07-1024x296.webp 1024w, https://stanislaff.ru/wp-content/uploads/2026/01/2026-01-07_13-26-07-768x222.webp 768w" sizes="(max-width: 1144px) 100vw, 1144px" />            <div class="page-list__item-content">
371                <p class="page-list__item-title">Corner Shape — играем с уголками в CSS</p>
372                <p class="page-list__item-description">Разбираемся с css свойствами для углов: border-radius для скругления и corner-shape для срезов, скосов и суперэллипсов. Примеры кода и практические техники.</p>
373            </div>
374        </a>
375    </li>
376
377
378    <li class="page-list__item">
379        <a href="https://stanislaff.ru/50-jeto-skolko-v-hex/" class="page-link page-list__item-link page-link_in-list">
380            <img width="1024" height="400" src="https://stanislaff.ru/wp-content/uploads/2025/12/tohex.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/12/tohex.webp 1024w, https://stanislaff.ru/wp-content/uploads/2025/12/tohex-300x117.webp 300w, https://stanislaff.ru/wp-content/uploads/2025/12/tohex-768x300.webp 768w" sizes="(max-width: 1024px) 100vw, 1024px" />            <div class="page-list__item-content">
381                <p class="page-list__item-title">50% — это сколько в HEX?</p>
382                <p class="page-list__item-description">Шпаргалка для CSS: таблица соответствия процентов прозрачности (opacity) и HEX-кодов. Узнай, как записать альфа-канал в шестнадцатеричном формате (например, 50% = 80).</p>
383            </div>
384        </a>
385    </li>
386
387
388    <li class="page-list__item">
389        <a href="https://stanislaff.ru/40-samyh-populjarnyh-reguljarnyh-vyrazhenij-v-javascript/" class="page-link page-list__item-link page-link_in-list">
390            <img width="1022" height="411" src="https://stanislaff.ru/wp-content/uploads/2025/12/regular_expression_email_matching_example2.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/12/regular_expression_email_matching_example2.webp 1022w, https://stanislaff.ru/wp-content/uploads/2025/12/regular_expression_email_matching_example2-300x121.webp 300w, https://stanislaff.ru/wp-content/uploads/2025/12/regular_expression_email_matching_example2-768x309.webp 768w" sizes="(max-width: 1022px) 100vw, 1022px" />            <div class="page-list__item-content">
391                <p class="page-list__item-title">40 самых популярных регулярных выражений в JavaScript</p>
392                <p class="page-list__item-description">Сборник часто используемых регулярных выражений (RegExp) в JavaScript. Решения для типичных задач: валидация данных, парсинг строк и форматирование. Копируйте и используйте в своих проектах.</p>
393            </div>
394        </a>
395    </li>
396
397
398    <li class="page-list__item">
399        <a href="https://stanislaff.ru/vse-opcii-dlja-inicializacii-slajdera-swiper/" class="page-link page-list__item-link page-link_in-list">
400            <img width="1376" height="768" src="https://stanislaff.ru/wp-content/uploads/2025/12/11242121.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/12/11242121.webp 1376w, https://stanislaff.ru/wp-content/uploads/2025/12/11242121-300x167.webp 300w, https://stanislaff.ru/wp-content/uploads/2025/12/11242121-1024x572.webp 1024w, https://stanislaff.ru/wp-content/uploads/2025/12/11242121-768x429.webp 768w" sizes="(max-width: 1376px) 100v
400w, 1376px" />            <div class="page-list__item-content">
401                <p class="page-list__item-title">Все опции для инициализации слайдера Swiper</p>
402                <p class="page-list__item-description">Полный список опций для инициализации слайдера Swiper. Подробное описание параметров: навигация, пагинация, автопрокрутка, эффекты, адаптивные настройки и многое другое для вашего проекта.</p>
403            </div>
404        </a>
405    </li>
406
407
408    <li class="page-list__item">
409        <a href="https://stanislaff.ru/realizacija-modulja-vybora-goroda/" class="page-link page-list__item-link page-link_in-list">
410            <img width="826" height="362" src="https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-29_14-28-16.jpg" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-29_14-28-16.jpg 826w, https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-29_14-28-16-300x131.jpg 300w, https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-29_14-28-16-768x337.jpg 768w" sizes="(max-width: 826px) 100vw, 826px" />            <div class="page-list__item-content">
411                <p class="page-list__item-title">Реализация модуля выбора города</p>
412                <p class="page-list__item-description">Готовый пример реализации модуля выбора города. HTML-разметка, CSS-стили и JavaScript-код для автоматического переключения поддоменов при выборе города из списка</p>
413            </div>
414        </a>
415    </li>
416
417
418    <li class="page-list__item">
419        <a href="https://stanislaff.ru/parallaks-dlja-obektov-na-stranice-dvizhenie-ot-myshi/" class="page-link page-list__item-link page-link_in-list">
420            <img width="1180" height="664" src="https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-05_22-13-41.jpg" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-05_22-13-41.jpg 1180w, https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-05_22-13-41-300x169.jpg 300w, https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-05_22-13-41-1024x576.jpg 1024w, https://stanislaff.ru/wp-content/uploads/2025/11/2025-11-05_22-13-41-768x432.jpg 768w" sizes="(max-width: 1180px) 100vw, 1180px" />            <div class="page-list__item-content">
421                <p class="page-list__item-title">Параллакс для объектов на странице: движение от мыши</p>
422                <p class="page-list__item-description">Параллакс эффект на JavaScript: класс ParallaxEffect, движение от mousemove, requestAnimationFrame, кеширование данных. Оптимизация производительности, примеры, демо CodePen.</p>
423            </div>
424        </a>
425    </li>
426
427
428    <li class="page-list__item">
429        <a href="https://stanislaff.ru/zagotovka-pod-quiz-dlja-sajta-forma-voprosnik/" class="page-link page-list__item-link page-link_in-list">
430            <img width="1000" height="666" src="https://stanislaff.ru/wp-content/uploads/2025/11/quiz.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/11/quiz.webp 1000w, https://stanislaff.ru/wp-content/uploads/2025/11/quiz-300x200.webp 300w, https://stanislaff.ru/wp-content/uploads/2025/11/quiz-768x511.webp 768w" sizes="(max-width: 1000px) 100vw, 1000px" />            <div class="page-list__item-content">
431                <p class="page-list__item-title">Заготовка под Quiz для сайта. Форма-вопросник</p>
432                <p class="page-list__item-description">Интерактивный Quiz: готовая заготовка HTML/CSS/JavaScript, слайдер, прогресс, валидация данных, отправка формы. Пример кода, инструкция подключения, возможные улучшения.</p>
433            </div>
434        </a>
435    </li>
436
437
438    <li class="page-list__item">
439        <a href="https://stanislaff.ru/popupform-universalnaja-dinamicheskaja-vsplyvajushhaja-forma/" class="page-link page-list__item-link page-link_in-list">
440            <img width="1536" height="1024" src="https://stanislaff.ru/wp-content/uploads/2025/10/form.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/10/form.webp 1536w, https://stanislaff.ru/wp-content/uploads/2025/10/form-300x200.webp 300w, https://stanislaff.ru/wp-content/uploads/2025/10/form-1024x683.webp 1024w, https://stanislaff.ru/wp-content/uploads/2025/10/form-768x512.webp 768w" sizes="(max-width: 1536px) 100v
440w, 1536px" />            <div class="page-list__item-content">
441                <p class="page-list__item-title">PopupForm — универсальная динамическая всплывающая форма</p>
442                <p class="page-list__item-description">Как реализовать универсальную pop-up форму для сайта на JavaScript — быстрый запуск, стилизация, поддержка динамических полей и обработка событий. Класс PopupForm для разработчиков!</p>
443            </div>
444        </a>
445    </li>
446
447
448    <li class="page-list__item">
449        <a href="https://stanislaff.ru/bitrix-poluchit-svojstva-jelementov-ljubogo-infobloka-v-ljubom-meste-i-ljubom-shablone/" class="page-link page-list__item-link page-link_in-list">
450            <img width="1344" height="768" src="https://stanislaff.ru/wp-content/uploads/2025/10/02.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/10/02.webp 1344w, https://stanislaff.ru/wp-content/uploads/2025/10/02-300x171.webp 300w, https://stanislaff.ru/wp-content/uploads/2025/10/02-1024x585.webp 1024w, https://stanislaff.ru/wp-content/uploads/2025/10/02-768x439.webp 768w" sizes="(max-width: 1344px) 100vw, 1344px" />            <div class="page-list__item-content">
451                <p class="page-list__item-title">BITRIX: получить свойства элементов любого инфоблока в любом месте и любом шаблоне</p>
452                <p class="page-list__item-description">Универсальные методы получения свойств элементов инфоблоков в Bitrix: CIBlockElement, GetProperty, ORM D7 и кеширование. Примеры для шаблонов, includes и PHP-файлов.</p>
453            </div>
454        </a>
455    </li>
456
457
458    <li class="page-list__item">
459        <a href="https://stanislaff.ru/ochistka-stroki-ot-lishnih-simvolov-ostavit-cifry/" class="page-link page-list__item-link page-link_in-list">
460            <img width="1344" height="768" src="https://stanislaff.ru/wp-content/uploads/2025/10/01.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/10/01.webp 1344w, https://stanislaff.ru/wp-content/uploads/2025/10/01-300x171.webp 300w, https://stanislaff.ru/wp-content/uploads/2025/10/01-1024x585.webp 1024w, https://stanislaff.ru/wp-content/uploads/2025/10/01-768x439.webp 768w" sizes="(max-width: 1344px) 100vw, 1344px" />            <div class="page-list__item-content">
461                <p class="page-list__item-title">Очистка строки от лишних символов: оставить цифры</p>
462                <p class="page-list__item-description">Как оставить только цифры в строке PHP? Используйте preg_replace('/\D/', '', $value) — аналог JS replace. Инструкция с примерами: очистка телефонов, работа с ценами, сохранение точки и запятой для дробных чисел.</p>
463            </div>
464        </a>
465    </li>
466
467
468    <li class="page-list__item">
469        <a href="https://stanislaff.ru/ustanovka-maski-dlja-polja-telefona-v-forme/" class="page-link page-list__item-link page-link_in-list">
470            <img width="1180" height="572" src="https://stanislaff.ru/wp-content/uploads/2025/10/research-media-file-c49d9835545373796b818799b3b59d36.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/10/research-media-file-c49d9835545373796b818799b3b59d36.webp 1180w, https://stanislaff.ru/wp-content/uploads/2025/10/research-media-file-c49d9835545373796b818799b3b59d36-300x145.webp 300w, https://stanislaff.ru/wp-content/uploads/2025/10/research-media-file-c49d9835545373796b818799b3b59d36-1024x496.webp 1024w, https://stanislaff.ru/wp-content/uploads/2025/10/research-media-file-c49d9835545373796b818799b3b59d36-768x372.webp 768w" sizes="(max-width: 1180px) 100v
470w, 1180px" />            <div class="page-list__item-content">
471                <p class="page-list__item-title">Установка маски для поля телефона в форме</p>
472                <p class="page-list__item-description">Подробная инструкция по добавлению маски ввода телефона +7(XXX) XXX-XX-XX в форму. Пример простого JavaScript-скрипта, CSS-стили, счётчик введённых цифр и валидация на 10 цифр.</p>
473            </div>
474        </a>
475    </li>
476
477                </ul>
478            </div>
479            <div class="card-footer">
480                <a href="/notes" class="btn btn-primary">Перейти к разделу</a>
481            </div>
482        </div>
483    </div>
484</section>
485
486<section hidden>
487    <div class="container">
488        <div class="row">
489            <div class="col-12 col-md-6">
490                <div class="card mb-3">
491                    <div class="card-body card-body_front">
492                        <h3>Последние проекты</h3>
493                        <ul class="pages-list list-unstyled my-4">
494                            
495    <li class="page-list__item">
496        <a href="https://stanislaff.ru/chaitex/" class="page-link page-list__item-link page-link_in-list">
497            <img width="1412" height="839" src="https://stanislaff.ru/wp-content/uploads/2026/10/2026-10-03_12-39-44.jpg" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2026/10/2026-10-03_12-39-44.jpg 1412w, https://stanislaff.ru/wp-content/uploads/2026/10/2026-10-03_12-39-44-300x178.jpg 300w, https://stanislaff.ru/wp-content/uploads/2026/10/2026-10-03_12-39-44-1024x608.jpg 1024w, https://stanislaff.ru/wp-content/uploads/2026/10/2026-10-03_12-39-44-768x456.jpg 768w" sizes="(max-width: 1412px) 100vw, 1412px" />            <div class="page-list__item-content">
498                <p class="page-list__item-title">Chaitex</p>
499                <p class="page-list__item-description"></p>
500            </div>
501        </a>
502    </li>
503
504
505    <li class="page-list__item">
506        <a href="https://stanislaff.ru/autsorsing-medicinskih-predstavitelej/" class="page-link page-list__item-link page-link_in-list">
507            <img width="1449" height="926" src="https://stanislaff.ru/wp-content/uploads/2026/08/2026-08-10-17-25-02-tipboardform.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2026/08/2026-08-10-17-25-02-tipboardform.webp 1449w, https://stanislaff.ru/wp-content/uploads/2026/08/2026-08-10-17-25-02-tipboardform-300x192.webp 300w, https://stanislaff.ru/wp-content/uploads/2026/08/2026-08-10-17-25-02-tipboardform-1024x654.webp 1024w, https://stanislaff.ru/wp-content/uploads/2026/08/2026-08-10-17-25-02-tipboardform-768x491.webp 768w" sizes="(max-width: 1449px) 100vw, 1449px" />            <div class="page-list__item-content">
508                <p class="page-list__item-title">Аутсорсинг медицинских представителей</p>
509                <p class="page-list__item-description"></p>
510            </div>
511        </a>
512    </li>
513
514
515    <li class="page-list__item">
516        <a href="https://stanislaff.ru/jesteticheskoe-hr-soprovozhdenie/" class="page-link page-list__item-link page-link_in-list">
517            <img width="1297" height="742" src="https://stanislaff.ru/wp-content/uploads/2026/06/2026-06-10-09-42-49-tipboardform.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2026/06/2026-06-10-09-42-49-tipboardform.webp 1297w, https://stanislaff.ru/wp-content/uploads/2026/06/2026-06-10-09-42-49-tipboardform-300x172.webp 300w, https://stanislaff.ru/wp-content/uploads/2026/06/2026-06-10-09-42-49-tipboardform-1024x586.webp 1024w, https://stanislaff.ru/wp-content/uploads/2026/06/2026-06-10-09-42-49-tipboardform-768x439.webp 768w" sizes="(max-width: 1297px) 100v
517w, 1297px" />            <div class="page-list__item-content">
518                <p class="page-list__item-title">Эстетическое HR-сопровождение</p>
519                <p class="page-list__item-description"></p>
520            </div>
521        </a>
522    </li>
523
524
525    <li class="page-list__item">
526        <a href="https://stanislaff.ru/klubnyj-kottedzhnyj-poselok/" class="page-link page-list__item-link page-link_in-list">
527            <img width="1354" height="900" src="https://stanislaff.ru/wp-content/uploads/2026/06/2026-06-04_07-51-12.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2026/06/2026-06-04_07-51-12.webp 1354w, https://stanislaff.ru/wp-content/uploads/2026/06/2026-06-04_07-51-12-300x199.webp 300w, https://stanislaff.ru/wp-content/uploads/2026/06/2026-06-04_07-51-12-1024x681.webp 1024w, https://stanislaff.ru/wp-content/uploads/2026/06/2026-06-04_07-51-12-768x510.webp 768w" sizes="(max-width: 1354px) 100vw, 1354px" />            <div class="page-list__item-content">
528                <p class="page-list__item-title">Клубный коттеджный поселок</p>
529                <p class="page-list__item-description"></p>
530            </div>
531        </a>
532    </li>
533
534
535    <li class="page-list__item">
536        <a href="https://stanislaff.ru/dental-city/" class="page-link page-list__item-link page-link_in-list">
537            <img width="1572" height="888" src="https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-40-18.jpg" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-40-18.jpg 1572w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-40-18-300x169.jpg 300w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-40-18-1024x578.jpg 1024w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-40-18-768x434.jpg 768w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-40-18-1536x868.jpg 1536w" sizes="(max-width: 1572px) 100vw, 1572px" />            <div class="page-list__item-content">
538                <p class="page-list__item-title">Dental-City</p>
539                <p class="page-list__item-description"></p>
540            </div>
541        </a>
542    </li>
543
544
545    <li class="page-list__item">
546        <a href="https://stanislaff.ru/rondo-online/" class="page-link page-list__item-link page-link_in-list">
547            <img width="1382" height="907" src="https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-30-00.jpg" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-30-00.jpg 1382w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-30-00-300x197.jpg 300w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-30-00-1024x672.jpg 1024w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-30-00-768x504.jpg 768w" sizes="(max-width: 1382px) 100vw, 1382px" />            <div class="page-list__item-content">
548                <p class="page-list__item-title">Rondo-Online</p>
549                <p class="page-list__item-description"></p>
550            </div>
551        </a>
552    </li>
553
554
555    <li class="page-list__item">
556        <a href="https://stanislaff.ru/lift-stand/" class="page-link page-list__item-link page-link_in-list">
557            <img width="1720" height="884" src="https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-25-15.jpg" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-25-15.jpg 1720w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-25-15-300x154.jpg 300w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-25-15-1024x526.jpg 1024w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-25-15-768x395.jpg 768w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-25-15-1536x789.jpg 1536w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-25-15-100x50.jpg 100w" sizes="(max-width: 1720px) 100v
557w, 1720px" />            <div class="page-list__item-content">
558                <p class="page-list__item-title">Lift Stand</p>
559                <p class="page-list__item-description"></p>
560            </div>
561        </a>
562    </li>
563
564
565    <li class="page-list__item">
566        <a href="https://stanislaff.ru/vyvod-iz-zapoja-na-domu/" class="page-link page-list__item-link page-link_in-list">
567            <img width="1392" height="729" src="https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-23-20.jpg" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-23-20.jpg 1392w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-23-20-300x157.jpg 300w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-23-20-1024x536.jpg 1024w, https://stanislaff.ru/wp-content/uploads/2025/05/2025-05-25_09-23-20-768x402.jpg 768w" sizes="(max-width: 1392px) 100vw, 1392px" />            <div class="page-list__item-content">
568                <p class="page-list__item-title">Вывод из запоя на дому</p>
569                <p class="page-list__item-description"></p>
570            </div>
571        </a>
572    </li>
573
574
575    <li class="page-list__item">
576        <a href="https://stanislaff.ru/golitzin-club/" class="page-link page-list__item-link page-link_in-list">
577            <img width="609" height="803" src="https://stanislaff.ru/wp-content/uploads/2025/05/golitzin-club-preview.jpg" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/05/golitzin-club-preview.jpg 609w, https://stanislaff.ru/wp-content/uploads/2025/05/golitzin-club-preview-228x300.jpg 228w" sizes="(max-width: 609px) 100vw, 609px" />            <div class="page-list__item-content">
578                <p class="page-list__item-title">Golitzin-Club</p>
579                <p class="page-list__item-description"></p>
580            </div>
581        </a>
582    </li>
583
584
585    <li class="page-list__item">
586        <a href="https://stanislaff.ru/nhl-design/" class="page-link page-list__item-link page-link_in-list">
587            <img width="889" height="881" src="https://stanislaff.ru/wp-content/uploads/2025/05/nhl-design-preview.jpg" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/05/nhl-design-preview.jpg 889w, https://stanislaff.ru/wp-content/uploads/2025/05/nhl-design-preview-300x297.jpg 300w, https://stanislaff.ru/wp-content/uploads/2025/05/nhl-design-preview-150x150.jpg 150w, https://stanislaff.ru/wp-content/uploads/2025/05/nhl-design-preview-768x761.jpg 768w, https://stanislaff.ru/wp-content/uploads/2025/05/nhl-design-preview-100x100.jpg 100w" sizes="(max-width: 889px) 100vw, 889px" />            <div class="page-list__item-content">
588                <p class="page-list__item-title">NHL-Design</p>
589                <p class="page-list__item-description"></p>
590            </div>
591        </a>
592    </li>
593
594                        </ul>
595                    </div>
596
597                    <div class="card-footer">
598                        <a href="/projects" class="btn btn-primary">Посмотреть все проекты</a>
599                    </div>
600                </div>
601            </div>
602            <div class="col-12 col-md-6">
603                <div class="card mb-3">
604                    <div class="card-body card-body_front">
605                        <h3>О музыке</h3>
606                        <ul class="pages-list list-unstyled my-4">
607                            
608    <li class="page-list__item">
609        <a href="https://stanislaff.ru/moi-plejlisty-jandeks-muzyka/" class="page-link page-list__item-link page-link_in-list">
610            <img width="1280" height="720" src="https://stanislaff.ru/wp-content/uploads/2025/09/ya_mu.webp" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/09/ya_mu.webp 1280w, https://stanislaff.ru/wp-content/uploads/2025/09/ya_mu-300x169.webp 300w, https://stanislaff.ru/wp-content/uploads/2025/09/ya_mu-1024x576.webp 1024w, https://stanislaff.ru/wp-content/uploads/2025/09/ya_mu-768x432.webp 768w" sizes="(max-width: 1280px) 100v
610w, 1280px" />            <div class="page-list__item-content">
611                <p class="page-list__item-title">Мои плейлисты Яндекс.Музыка</p>
612                <p class="page-list__item-description">Подборки музыки для разной энергии: Deep House, Tech House, Energy Beat, Ambient и медитативные композиции. Слушайте плейлисты Stanislaff на Яндекс.Музыке.</p>
613            </div>
614        </a>
615    </li>
616
617
618    <li class="page-list__item">
619        <a href="https://stanislaff.ru/page-promodj/" class="page-link page-list__item-link page-link_in-list">
620            <img width="2560" height="614" src="https://stanislaff.ru/wp-content/uploads/2025/05/promodj_logo_round_color-scaled.png" class="attachment-200x100 size-200x100 wp-post-image" alt="" decoding="async" srcset="https://stanislaff.ru/wp-content/uploads/2025/05/promodj_logo_round_color-scaled.png 2560w, https://stanislaff.ru/wp-content/uploads/2025/05/promodj_logo_round_color-300x72.png 300w, https://stanislaff.ru/wp-content/uploads/2025/05/promodj_logo_round_color-1024x246.png 1024w, https://stanislaff.ru/wp-content/uploads/2025/05/promodj_logo_round_color-768x184.png 768w, https://stanislaff.ru/wp-content/uploads/2025/05/promodj_logo_round_color-1536x369.png 1536w, https://stanislaff.ru/wp-content/uploads/2025/05/promodj_logo_round_color-2048x492.png 2048w" sizes="(max-width: 2560px) 100v
620w, 2560px" />            <div class="page-list__item-content">
621                <p class="page-list__item-title">Страница на PromoDJ</p>
622                <p class="page-list__item-description">Профиль Stanislaff на PromoDJ: релизы электронной музыки 2025 года. Следите за новыми выпусками, диджей-миксами и музыкальными проектами на платформе PromoDJ.</p>
623            </div>
624        </a>
625    </li>
626
627                        </ul>
628                    </div>
629                    <div class="card-footer">
630                        <a href="/music" class="btn btn-primary">Перейти к разделу</a>
631                    </div>
632                </div>
633
634            </div>
635        </div>
636    </div>
637</section>
638
639</main>
640<footer class="footer py-4 bg-dark" data-bs-theme="dark">
641   <div class="container">
642      <ul id="bottom-menu" class="navbar-nav justify-content-center pb-3 mb-3"><li id="menu-item-26" class="nav-item"><a href="https://stanislaff.ru/projects/" class="nav-link px-2 text-body-secondary">Проекты</a></li>
643<li id="menu-item-191" class="nav-item"><a href="https://stanislaff.ru/notes/" class="nav-link px-2 text-body-secondary">Заметки</a></li>
644<li id="menu-item-599" class="nav-item"><a href="https://stanislaff.ru/video/" class="nav-link px-2 text-body-secondary">Видео</a></li>
645<li id="menu-item-457" class="nav-item"><a href="https://stanislaff.ru/articles/" class="nav-link px-2 text-body-secondary">Статьи</a></li>
646<li id="menu-item-226" class="nav-item"><a href="https://stanislaff.ru/music/" class="nav-link px-2 text-body-secondary">Музыка</a></li>
647<li id="menu-item-348" class="nav-item"><a href="https://stanislaff.ru/kino/" class="nav-link px-2 text-body-secondary">Кино</a></li>
648</ul>   </div>
649   <p class="text-center text-body-secondary border-top pt-3">© 2026 stanislaff.ru <a href="tools/screensize/">ScreenSize</a></p>
650</footer>
651
652<button id="scrollToTopBtn" class="btn btn-primary btn_scroll-top"><i class="bi bi-arrow-up-short"></i></button>
653
654<!-- Баннер cookie -->
655<div id="cookie-banner" class="cookie-banner">
656  <div class="cookie-content">
657    <p>🍪 Мы используем cookies для улучшения работы сайта. Некоторые из них обязательны, другие помогают нам анализировать использование сайта.</p>
658    <div class="cookie-buttons">
659      <button id="accept-all" class="btn btn-primary">Принять все</button>
660      <button id="customize" class="btn btn-secondary">Настроить</button>
661    </div>
662  </div>
663</div>
664
665<!-- Модальное окно настроек -->
666<div id="cookie-modal" class="cookie-modal">
667  <div class="cookie-modal-content">
668    <h3>Настройки cookie</h3>
669
670    <div class="cookie-category">
671      <label class="cookie-option">
672        <input type="checkbox" id="necessary" checked disabled>
673        <span class="checkmark"></span>
674        <div>
675          <strong>Обязательные</strong>
676          <p>Необходимы для работы сайта (авторизация, корзина)</p>
677        </div>
678      </label>
679    </div>
680
681    <div class="cookie-category">
682      <label class="cookie-option">
683        <input type="checkbox" id="analytics">
684        <span class="checkmark"></span>
685        <div>
686          <strong>Аналитика</strong>
687          <p>Яндекс.Метрика, Google Analytics - помогают улучшать сайт</p>
688        </div>
689      </label>
690    </div>
691
692    <div class="cookie-category">
693      <label class="cookie-option">
694        <input type="checkbox" id="marketing">
695        <span class="checkmark"></span>
696        <div>
697          <strong>Маркетинг</strong>
698          <p>Рекламные cookie для показа релевантной рекламы</p>
699        </div>
700      </label>
701    </div>
702
703    <div class="cookie-buttons">
704      <button id="save-preferences" class="btn btn-primary">Сохранить настройки</button>
705      <button id="close-modal" class="btn btn-secondary">Отмена</button>
706    </div>
707  </div>
708</div>
709
710<!-- MOUSE TRACKING DECORATE ELEMENT -->
711<div class="pointer" aria-hidden="true"></div>
712<!-- MOUSE TRACKING DECORATE ELEMENT -->
713
714<script src="https://stanislaff.ru/wp-content/themes/stanislaff/js/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 714
714
715<script type="speculationrules">
716{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/stanislaff/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
717</script>
vendor: 1 bytes, line 717
717
718<script id="wow-js" src="https://stanislaff.ru/wp-content/plugins/gutentor/assets/library/wow/wow.min.js?ver=1.2.1"></script>
vendor: 1 bytes, line 718
718
719<script id="js-bootstrap-js" src="https://stanislaff.ru/wp-content/themes/stanislaff/js/bootstrap.bundle.min.js?ver=0.01"></script>
vendor: 1 bytes, line 719
719
720<script id="js-main-js" src="https://stanislaff.ru/wp-content/themes/stanislaff/js/main.js?ver=0.01"></script>
vendor: 1 bytes, line 720
720
721<script id="gutentor-block-js-extra">
722var gutentorLS = {"fontAwesomeVersion":"5","restNonce":"13b234d3be","restUrl":"https://stanislaff.ru/wp-json/"};
723//# sourceURL=gutentor-block-js-extra
724</script>
vendor: 1 bytes, line 724
724
725<script id="gutentor-block-js" src="https://stanislaff.ru/wp-content/plugins/gutentor/assets/js/gutentor.js?ver=3.5.6"></script>
vendor: 1 bytes, line 725
725
726<script id="wp-emoji-settings" type="application/json">
727{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://stanislaff.ru/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
728</script>
vendor: 1 bytes, line 728
728
729<script type="module">
730/*! This file is auto-generated */
731var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
732//# sourceURL=https://stanislaff.ru/wp-includes/js/wp-emoji-loader.min.js
733</script>
733
734
735<script type="module" src="https://stanislaff.ru/wp-content/themes/stanislaff/js/modules.js"></script>
735
736
737<script src="https://stanislaff.ru/wp-content/themes/stanislaff/js/cookies.js"></script>
737
738
739<!-- 
739<script type="module" src="https://stanislaff.ru/wp-content/themes/stanislaff/js/cookies-accept.js"></script>
739 -->
740
741<script>
742  window.AiStudioChatWidgetConfig = {
743    channelId: 'aacev1c0gb2plvuf4rl2',
744    locale: 'ru',
745    theme: 'dark',
746    position: 'bottom-right',
747    chatTrigger: {
748      animated: true,
749      appearance: {
750        backgroundColor: "#9240df",
751        size: "52px",
752      },
753    },
754    chat: {
755      appearance: {
756        accentColor: "#9240df",
757      },
758    },
759  };
760</script>
vendor: 1 bytes, line 760
760
761<script src="https://widget.aistudio.yandexcloud.net/scripts/widget-loader.js" async></script>
761
762
763</body>
764
765</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.