<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!--metatextblock--> <title>Jenkins - что это простыми словами. | Блог slurm.io</title> <meta name="description" content="✅ Что такое Jenkins, зачем он нужен и как работает. Jenkins и CI/CD: как установить и настроить. Сценарии применения в DevOps, тестировании, управлении сборками. " /> <meta property="og:url" content="https://slurm.io/blog/jenkins-chto-ehto-takoe-i-zachem-on-nuzhen" /> <meta property="og:title" content="Jenkins – что это такое и зачем он нужен | Блог slurm.io" /> <meta property="og:description" content="" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6430-3666-4434-b138-616136373761/3_1.png" /> <link rel="canonical" href="https://slurm.io/blog/jenkins-chto-ehto-takoe-i-zachem-on-nuzhen"> <!--/metatextblock--> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <link rel="icon" type="image/x-icon" sizes="32x32" href="https://static.tildacdn.com/tild3464-3565-4434-a430-373739393736/ico.svg" media="(prefers-color-scheme: light)"/> <link rel="icon" type="image/x-icon" sizes="32x32" href="https://static.tildacdn.com/tild3535-3833-4738-b061-623531623164/ico.svg" media="(prefers-color-scheme: dark)"/> <link rel="icon" type="image/svg+xml" sizes="any" href="https://static.tildacdn.com/tild6162-3561-4239-b037-363439656331/ico.svg"> <link rel="apple-touch-icon" type="image/png" href="https://static.tildacdn.com/tild6236-6662-4664-b736-623463326262/ico.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://static.tildacdn.com/tild6236-6662-4664-b736-623463326262/ico.png"> <link rel="alternate" type="application/rss+xml" title="Slurm" href="https://slurm.io/rss.xml" /> <!-- Assets --> <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project705564/tilda-blocks-page68119137.min.css?t=1771492664" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&subset=latin,cyrillic&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-animation-2.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-feed-1.1.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" type="text/css" href="https://ws.tildacdn.com/project705564/custom.css?t=1771492664"> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t396_initialScale(t){var e=document.getElementById("rec"+t);if(e){var i=e.querySelector(".t396__artboard");if(i){window.tn_scale_initial_window_width||(window.tn_scale_initial_window_width=document.documentElement.clientWidth);var a=window.tn_scale_initial_window_width,r=[],n,l=i.getAttribute("data-artboard-screens");if(l){l=l.split(",");for(var o=0;o<l.length;o++)r[o]=parseInt(l[o],10)}else r=[320,480,640,960,1200];for(var o=0;o<r.length;o++){var d=r[o];a>=d&&(n=d)}var _="edit"===window.allrecords.getAttribute("data-tilda-mode"),c="center"===t396_getFieldValue(i,"valign",n,r),s="grid"===t396_getFieldValue(i,"upscale",n,r),w=t396_getFieldValue(i,"height_vh",n,r),g=t396_getFieldValue(i,"height",n,r),u=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!_&&c&&!s&&!w&&g&&!u){var h=parseFloat((a/n).toFixed(3)),f=[i,i.querySelector(".t396__carrier"),i.querySelector(".t396__filter")],v=Math.floor(parseInt(g,10)*h)+"px",p;i.style.setProperty("--initial-scale-height",v);for(var o=0;o<f.length;o++)f[o].style.setProperty("height","var(--initial-scale-height)");t396_scaleInitial__getElementsToScale(i).forEach((function(t){t.style.zoom=h}))}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter((function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))})):[]}function t396_getFieldValue(t,e,i,a){var r,n=a[a.length-1];if(!(r=i===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+i)))for(var l=0;l<a.length;l++){var o=a[l];if(!(o<=i)&&(r=o===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return r}window.TN_SCALE_INITIAL_VER="1.0",window.tn_scale_initial_window_width=null;</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project705564/tilda-blocks-page68119137.min.js?t=1771492664" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-vote-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-feed-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-slds-1.4.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-popup-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <!-- nominify begin --><!-- site name --> <meta property="og:site_name" content="Слёрм"> <!-- Pixel --> <script type="text/javascript">
(function (d, w) {
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "https://victorycorp.ru/index.php?ref="+d.referrer+"&page=" + encodeURIComponent(w.location.href);
n.parentNode.insertBefore(s, n);
})(document, window);
</script> <!-- /Pixel --> <!-- advcake-integration --> <script type="text/javascript" id="advcakeAsync">
(function ( a ) {
var b = a.createElement("script");
b.async = 1;
b.src = "//p49o7e.ru/";
a=a.getElementsByTagName("script")[0]; a.parentNode.insertBefore(b,a)
})(document);
</script> <!-- astralab --> <script async src="https://creatives.al-adtech.com/SmartPixel/2025/slurm_pixel.js"></script> <!-- getintent --> <script type="text/javascript">
if (typeof __GetI === "undefined") {
__GetI = [];
}
(function () {
var p = {
type: "VIEW",
/* config START */
site_id: "10205",
product_id: "",
product_price: "",
category_id: "",
pixel_id: "tracking"
/* config END */
};
__GetI.push(p);
var domain = (typeof __GetI_domain) == "undefined" ? "px.adhigh.net" : __GetI_domain;
var src = ('https:' == document.location.protocol ? 'https://' : 'http://') + domain + '/t.js';
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = src;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(script, s);
})();
</script> <!-- Код для проброса UTM-меток на ссылки --> <!-- https://slurm.io/utm-forwarding --> <!-- Обновлённая версия без jQuery --> <script>
t_onReady(function () {
var search = "?" + window.location.search.split("&").filter(function(val) {
var value = val.replace(/\?/, '');
return value.indexOf("s_") === -1 && value.indexOf("tfc_") === -1;
}).join("&").replace(/\?/, "");
if (search !== "?") {
var prepareLinks = function (element) {
if (!element) element = document.body;
var aLinks = element.querySelectorAll('a');
var arrayLinks = Array.from(aLinks);
arrayLinks.forEach(function (el) {
var href = el.getAttribute("href");
if (href && href.indexOf("") > -1 && href.indexOf("#") === -1) {
if (href.indexOf("?") === -1) {
el.setAttribute("href", href + search);
} else {
el.setAttribute("href", href + search.replace("?", "&"));
}
}
});
};
/* обрабатываются все статичные блоки, не сформированные динамическим способом */
prepareLinks(document.body);
/* обрабатываются блоки ST3XX с подключенным каталогом */
document.addEventListener('tStoreRendered', function (event) {
if (event.target) {
prepareLinks(event.target);
}
});
/* обрабатывается catalog edu https://slurm.io/catalog */
var eduCatalog = document.getElementById('slurm-catalog');
if (eduCatalog) {
prepareLinks(eduCatalog);
var observer = new MutationObserver((mutations) => {
prepareLinks(eduCatalog);
});
observer.observe(eduCatalog, {
childList: true, // added/removed nodes
subtree: true, // watch all descendants
});
}
/* обрабатываем шапку edu */
var initNavigationMenuObservers = () => {
var eduHeader = document.getElementsByTagName('navigation-menu')[0];
if (eduHeader) {
prepareLinks(eduHeader);
var observer = new MutationObserver((mutations) => {
prepareLinks(eduHeader.shadowRoot);
});
observer.observe(eduHeader.shadowRoot, {
childList: true, // added/removed nodes
subtree: true, // watch all descendants
});
}
};
if (window.customElements && customElements.whenDefined) {
customElements.whenDefined('navigation-menu').then(initNavigationMenuObservers);
}
}
});
</script> <!-- Varioqub experiments --> <script type="text/javascript">
(function(e, x, pe, r, i, me, nt){
e[i]=e[i]||function(){(e[i].a=e[i].a||[]).push(arguments)},
me=x.createElement(pe),me.async=1,me.src=r,nt=x.getElementsByTagName(pe)[0],me.addEventListener('error',function(){function cb(t){t=t[t.length-1],'function'==typeof t&&t({flags:{}})};Array.isArray(e[i].a)&&e[i].a.forEach(cb);e[i]=function(){cb(arguments)}}),nt.parentNode.insertBefore(me,nt)})
(window, document, 'script', 'https://abt.s3.yandex.net/expjs/latest/exp.js', 'ymab');
ymab('metrika.49219348', 'init'/*, {clientFeatures}, {callback}*/);
</script> <script>
(function(w,d,u){
var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://cdn-ru.bitrix24.ru/b30620686/crm/site_button/loader_2_5939wy.js');
</script> <script src="https://tglink.io/pixel.sdk.min.js?id=574393"></script> <style>
.b24-widget-button-position-bottom-right {
right: 20px !important;
bottom: 20px !important;
}
</style><!-- nominify end --><script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> </head> <body class="t-body" style="margin:0;"> <!--allrecords--> <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="705564" data-tilda-page-id="68119137" data-tilda-page-alias="blog/jenkins-chto-ehto-takoe-i-zachem-on-nuzhen" data-tilda-formskey="59b517bfad01153865a4875be1bdd366" data-blocks-animationoff="yes" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <!--header--> <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="705564" data-tilda-page-id="29874943" data-tilda-page-alias="header-v2" data-tilda-formskey="59b517bfad01153865a4875be1bdd366" data-blocks-animationoff="yes" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <div id="rec743543528" class="r t-rec" style=" " data-animationappear="off" data-record-type="360"> <!-- T360 --> <style>.t-records{opacity:0;}.t-records_animated{-webkit-transition:opacity ease-in-out 0.1s;-moz-transition:opacity ease-in-out 0.1s;-o-transition:opacity ease-in-out 0.1s;transition:opacity ease-in-out 0.1s;}.t-records.t-records_visible,.t-records .t-records{opacity:1;}</style> <script>t_onReady(function() {var allRecords=document.querySelector('.t-records');window.addEventListener('pageshow',function(event) {if(event.persisted) {allRecords.classList.add('t-records_visible');}});var rec=document.querySelector('#rec743543528');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity='1';allRecords.classList.add('t-records_animated');setTimeout(function() {allRecords.classList.add('t-records_visible');},200);});</script> <style>.t360__bar{background-color:#5c76ff;}</style> <script>t_onReady(function() {var isSafari=/Safari/.test(navigator.userAgent)&&/Apple Computer/.test(navigator.vendor);if(!isSafari) {document.body.insertAdjacentHTML('beforeend','<div class="t360__progress"><div class="t360__bar"></div></div>');setTimeout(function() {var bar=document.querySelector('.t360__bar');if(bar) bar.classList.add('t360__barprogress');},10);}});function t360_onProgressLoad() {var bar=document.querySelector('.t360__bar');if(!bar) return;bar.classList.remove('t360__barprogress');bar.classList.add('t360__barprogressfinished');setTimeout(function() {bar.classList.add('t360__barprogresshidden');},20);setTimeout(function() {var progress=document.querySelector('.t360__progress');if(progress) progress.style.display='none';},500);};if(document.readyState==='complete') {setTimeout(t360_onProgressLoad,60);} else {window.addEventListener('load',t360_onProgressLoad);}</script> </div> <div id="rec1697212661" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <script defer="defer" src="https://cdn.tilda.edu.slurm.io/navigation_menu/navigation-menu.umd.js"></script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1144564786" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <link rel="stylesheet" href="https://cdn.tilda.edu.slurm.io/fonts/fonts.css" type="text/css"/> <!-- nominify end --> </div> </div> </div> </div> <div id="rec638774487" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <navigation-menu></navigation-menu> <!-- nominify end --> </div> </div> </div> </div> </header> <!--/header--> <div id="rec1000213656" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px; " data-animationappear="off" data-record-type="758"> <!-- t758 --> <div class="t758"> <div class="t-container"> <div class="t758__col t-col t-col_8 t-prefix_2"> <div class="t758__wrapper t-align_left"> <ul class="t758__list"> <li class="t758__list_item"> <div class="t758__link-item__wrapper"> <a class="t-menu__link-item " href="https://slurm.io/">
Главная
</a> </div> <span class="t758__breadcrumb-divider">/</span> </li> <li class="t758__list_item"> <div class="t758__link-item__wrapper"><a class="t-menu__link-item " href="https://slurm.io/blog">Блог</a></div> <span class="t758__breadcrumb-divider">/</span> </li> <li class="t758__list_item"> <div class="t758__link-item__wrapper"><div class="t-menu__link-item t758__link-item_active">Jenkins – что это такое и зачем он нужен</div></div> </li> </ul> </div> </div> </div> </div> <style>#rec1000213656 .t758__link-item_active{color:#5c76ff !important;}</style> <style>#rec1000213656 .t758__breadcrumb-divider{color:#858585;}#rec1000213656 .t758 .t-menu__link-item{-webkit-transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;}#rec1000213656 .t758 .t-menu__link-item:hover{color:#9e9e9e !important;}#rec1000213656 .t758 .t-menu__link-item:focus-visible{color:#9e9e9e !important;}</style> <style>#rec1000213656 .t758__link-item__wrapper{min-height:21.6px;}#rec1000213656 .t-menu__link-item{min-height:21.6px;line-height:21.6px;}#rec1000213656 .t758__breadcrumb-divider{height:21.6px;line-height:21.6px;}#rec1000213656 .t758__list-item__icon{margin-top:1.3px;}</style> <style> #rec1000213656 .t758__link-item__wrapper .t-menu__link-item{font-size:18px;font-weight:300;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213656 .t758__link-item__wrapper .t-menu__link-item{font-size:16px;}}</style> <style> #rec1000213656 .t758__breadcrumb-divider{font-size:18px;font-weight:300;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213656 .t758__breadcrumb-divider{font-size:16px;}}</style> </div> <div id="rec1000213661" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement":
[
{
"@type": "ListItem",
"position": 1,
"item":
{
"@id": "https://slurm.io/",
"name": "Главная"
}
},
{
"@type": "ListItem",
"position": 2,
"item":
{
"@id": "https://slurm.io/blog",
"name": "Блог"
}
},
{
"@type": "ListItem",
"position": 3,
"item":
{
"@id": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"name": "SRE-инженер — кто это и какие задачи решает"
}
}
]
}
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000213666" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">DevOps• Инженерам 10 апреля 2025 • 10 мин чтения</div> </div> </div> </div> <style> #rec1000213666 .t-text{font-size:16px;color:#8999a9;}</style> </div> <div id="rec1000213671" class="r t-rec t-rec_pt_30 t-rec_pb_0 t-rec_pb-res-480_15" style="padding-top:30px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h1 class="t050__title t-title t-title_xxl" field="title">Jenkins – что это такое и зачем он нужен</h1> </div> </div> </div> <style> #rec1000213671 .t050__uptitle{text-transform:uppercase;}#rec1000213671 .t050__title{color:#161518;}@media screen and (min-width:900px){#rec1000213671 .t050__title{font-size:46px;}}#rec1000213671 .t050__descr{font-size:18px;}</style> </div> <div id="rec1000213676" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="3"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6439-6664-4638-b032-326637616265/jenkins_2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6439-6664-4638-b032-326637616265/-/empty/jenkins_2.jpg" data-original="https://static.tildacdn.com/tild6439-6664-4638-b032-326637616265/jenkins_2.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec1000213676 .t107 .t-img{border-radius:15px;}@media (max-width:480px){#rec1000213676 .t107 .t-img{border-radius:0px;}}</style> </div> <div id="rec1000213681" class="r t-rec t-rec_pt_30 t-rec_pb-res-480_60" style="padding-top:30px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1000213681 .t396__artboard {height:266px;}#rec1000213681 .t396__filter {height:266px;}#rec1000213681 .t396__carrier{height:266px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1000213681 .t396__artboard,#rec1000213681 .t396__filter,#rec1000213681 .t396__carrier {height:286px;}#rec1000213681 .t396__filter {}#rec1000213681 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1000213681 .t396__artboard,#rec1000213681 .t396__filter,#rec1000213681 .t396__carrier {height:286px;}#rec1000213681 .t396__filter {}#rec1000213681 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1000213681 .t396__artboard,#rec1000213681 .t396__filter,#rec1000213681 .t396__carrier {height:286px;}#rec1000213681 .t396__filter {}#rec1000213681 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec1000213681 .t396__artboard,#rec1000213681 .t396__filter,#rec1000213681 .t396__carrier {height:280px;}#rec1000213681 .t396__filter {}#rec1000213681 .t396__carrier {background-attachment:scroll;}}#rec1000213681 .tn-group[data-group-id="174367081259945760"]{z-index:3;position:absolute;top:24px;left:calc(50% - 600px + 220px);width:759px;height:241px;}#rec1000213681 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {width:100%;height:100%;position:relative;display:flex;flex-direction:column;row-gap:16px;align-items:flex-start;justify-content:flex-start;align-content:flex-start;padding:20px 20px 20px 20px;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:15px 15px 15px 15px;opacity:1;background-color:#e3e7ff;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1000213681 .tn-group[data-group-id="174367081259945760"] {left:calc(50% - 480px + 170px);width:620px;height:264px;}#rec1000213681 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}@media screen and (max-width:959px) {#rec1000213681 .tn-group[data-group-id="174367081259945760"] {top:17px;left:calc(50% - 320px + 90px);width:481px;height:268px;}#rec1000213681 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}@media screen and (max-width:639px) {#rec1000213681 .tn-group[data-group-id="174367081259945760"] {left:calc(50% - 240px + 10px);width:459px;height:272px;}#rec1000213681 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}@media screen and (max-width:479px) {#rec1000213681 .tn-group[data-group-id="174367081259945760"] {top:0px;left:calc(50% - 180px + 0px);width:360px;height:279px;}#rec1000213681 .tn-group[data-group-id="174367081259945760"] #molecule-174367081259945760 {display:flex;}}#rec1000213681 .tn-group[data-group-id="174367150126371080"]{z-index:4;position:absolute;top:73px;left:20px;width:520px;height:auto;flex-shrink:0;}#rec1000213681 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {width:100%;height:100%;position:relative;display:flex;flex-direction:column;row-gap:4px;align-items:center;justify-content:flex-start;align-content:flex-start;padding:0px 0px 0px 0px ;border-color:transparent ;border-style:solid ;box-sizing:border-box;border-radius:0px;opacity:1;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px) {#rec1000213681 .tn-group[data-group-id="174367150126371080"] {left:20px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1000213681 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;}}@media screen and (max-width:959px) {#rec1000213681 .tn-group[data-group-id="174367150126371080"] {top:73px;left:20px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1000213681 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;}}@media screen and (max-width:639px) {#rec1000213681 .tn-group[data-group-id="174367150126371080"] {left:20px;width:545px;height:auto;flex-shrink:0;order:;align-self:auto;}#rec1000213681 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;}}@media screen and (max-width:479px) {#rec1000213681 .tn-group[data-group-id="174367150126371080"] {top:67px;left:20px;width:309px;height:214px;flex-shrink:0;order:;align-self:auto;}#rec1000213681 .tn-group[data-group-id="174367150126371080"] #molecule-174367150126371080 {display:flex;row-gap:0px;align-items:flex-start;}}#rec1000213681 .tn-elem[data-elem-id="1745588454963"]{color:#14213d;text-align:left;z-index:5;top:120px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover{color:#00c880;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1000213681 .tn-elem[data-elem-id="1745588454963"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1000213681 .tn-elem[data-elem-id="1745588454963"]{top:150px;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1000213681 .tn-elem[data-elem-id="1745588454963"]{left:13px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1000213681 .tn-elem[data-elem-id="1745588454963"]{top:174px;left:0px;width:273px;height:35px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745588454963"] .tn-atom:hover{animation-name:none;}}}#rec1000213681 .tn-elem[data-elem-id="1745578353589"]{color:#14213d;text-align:left;z-index:6;top:90px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover{color:#00c880;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1000213681 .tn-elem[data-elem-id="1745578353589"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1000213681 .tn-elem[data-elem-id="1745578353589"]{top:120px;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1000213681 .tn-elem[data-elem-id="1745578353589"]{left:13px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1000213681 .tn-elem[data-elem-id="1745578353589"]{top:139px;left:0px;width:273px;height:35px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353589"] .tn-atom:hover{animation-name:none;}}}#rec1000213681 .tn-elem[data-elem-id="1745578353582"]{color:#14213d;text-align:left;z-index:7;top:60px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover{color:#00c880;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1000213681 .tn-elem[data-elem-id="1745578353582"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1000213681 .tn-elem[data-elem-id="1745578353582"]{top:90px;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1000213681 .tn-elem[data-elem-id="1745578353582"]{left:13px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1000213681 .tn-elem[data-elem-id="1745578353582"]{top:87px;left:0px;width:273px;height:52px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353582"] .tn-atom:hover{animation-name:none;}}}#rec1000213681 .tn-elem[data-elem-id="1745578353573"]{color:#14213d;text-align:left;z-index:8;top:30px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover{color:#00c880;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1000213681 .tn-elem[data-elem-id="1745578353573"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1000213681 .tn-elem[data-elem-id="1745578353573"]{top:60px;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1000213681 .tn-elem[data-elem-id="1745578353573"]{left:13px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1000213681 .tn-elem[data-elem-id="1745578353573"]{top:52px;left:0px;width:273px;height:35px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353573"] .tn-atom:hover{animation-name:none;}}}#rec1000213681 .tn-elem[data-elem-id="1745578353566"]{color:#14213d;text-align:left;z-index:9;top:0px;left:0px;width:520px;flex-shrink:0;height:26px;margin:0 0 0 0;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom{color:#14213d;font-size:17px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:30px 30px 30px 30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#14213d;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover{color:#00c880;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover .tn-atom__button-text{color:#00c880;}}@media screen and (max-width:1199px){#rec1000213681 .tn-elem[data-elem-id="1745578353566"]{left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1000213681 .tn-elem[data-elem-id="1745578353566"]{top:30px;left:0px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1000213681 .tn-elem[data-elem-id="1745578353566"]{left:13px;width:520px;height:26px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1000213681 .tn-elem[data-elem-id="1745578353566"]{top:0px;left:0px;width:273px;height:52px;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom{white-space:normal;background-size:cover;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom::after{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover::after{opacity:0;}#rec1000213681 .tn-elem[data-elem-id="1745578353566"] .tn-atom:hover{animation-name:none;}}}#rec1000213681 .tn-elem[data-elem-id="1743670770549"]{color:#14213d;z-index:10;top:20px;left:20px;width:719px;flex-shrink:0;height:auto;margin:0 0 0 0;}#rec1000213681 .tn-elem[data-elem-id="1743670770549"] .tn-atom{vertical-align:middle;color:#14213d;font-size:24px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec1000213681 .tn-elem[data-elem-id="1743670770549"]{left:20px;width:580px;height:auto;flex-shrink:0;}}@media screen and (max-width:959px){#rec1000213681 .tn-elem[data-elem-id="1743670770549"]{top:20px;left:20px;width:441px;height:auto;flex-shrink:0;}}@media screen and (max-width:639px){#rec1000213681 .tn-elem[data-elem-id="1743670770549"]{left:20px;width:419px;height:auto;flex-shrink:0;}}@media screen and (max-width:479px){#rec1000213681 .tn-elem[data-elem-id="1743670770549"]{top:20px;left:20px;width:100%;height:auto;flex-shrink:0;}#rec1000213681 .tn-elem[data-elem-id="1743670770549"] .tn-atom{vertical-align:middle;white-space:normal;font-size:20px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1000213681" data-artboard-screens="360,480,640,960,1200" data-artboard-height="266" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-360="280" data-artboard-height-res-480="286" data-artboard-height-res-640="286" data-artboard-height-res-960="286"> <div class="t396__carrier" data-artboard-recid="1000213681"></div> <div class="t396__filter" data-artboard-recid="1000213681"></div> <div
class="t396__group tn-group tn-group__1000213681174367081259945760 t396__group-flex " data-fields="top,left,container" data-group-id="174367081259945760" data-group-type-value="physical" data-group-top-value="24" data-group-left-value="220" data-group-padding="20px 20px 20px 20px" data-group-flex="auto" data-group-flexdirection="column" data-group-flexalignitems="flex-start" data-group-widthmode="fixed" data-group-heightmode="fixed" data-group-container-value="grid" data-group-height-value="241" data-group-width-value="759" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-360-value="0" data-group-left-res-360-value="0" data-group-height-res-360-value="279" data-group-width-res-360-value="360" data-group-widthmode-res-360="fixed" data-group-heightmode-res-360="fixed" data-group-container-res-360-value="grid" data-group-left-res-480-value="10" data-group-height-res-480-value="272" data-group-width-res-480-value="459" data-group-widthmode-res-480="fixed" data-group-heightmode-res-480="fixed" data-group-top-res-640-value="17" data-group-left-res-640-value="90" data-group-height-res-640-value="268" data-group-width-res-640-value="481" data-group-widthmode-res-640="fixed" data-group-heightmode-res-640="fixed" data-group-left-res-960-value="170" data-group-height-res-960-value="264" data-group-width-res-960-value="620" data-group-widthmode-res-960="fixed" data-group-heightmode-res-960="fixed"> <div
class="tn-molecule"
id="molecule-174367081259945760"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10002136811743670770549' data-elem-id='1743670770549' data-elem-type='text' data-field-top-value="44" data-field-left-value="240" data-field-height-value="37" data-field-width-value="719" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="24" data-field-top-res-360-value="20" data-field-left-res-360-value="20" data-field-height-res-360-value="31" data-field-width-res-360-value="320" data-field-container-res-360-value="grid" data-field-heightunits-res-360-value="px" data-field-textfit-res-360-value="autoheight" data-field-widthmode-res-360-value="fill" data-field-heightmode-res-360-value="fixed" data-field-fontsize-res-360-value="20" data-field-left-res-480-value="30" data-field-height-res-480-value="37" data-field-width-res-480-value="419" data-field-top-res-640-value="37" data-field-left-res-640-value="110" data-field-height-res-640-value="37" data-field-width-res-640-value="441" data-field-left-res-960-value="190" data-field-height-res-960-value="37" data-field-width-res-960-value="580"> <div class='tn-atom'field='tn_text_1743670770549'><strong>Содержание статьи</strong></div> </div> <div
class="t396__group tn-group t396__elem-flex tn-group__1000213681174367150126371080 t396__group-flex " data-fields="top,left,container" data-group-id="174367150126371080" data-group-type-value="physical" data-group-top-value="97" data-group-left-value="240" data-group-padding="0 0 0 0" data-group-flex="auto" data-group-flexdirection="column" data-group-flexalignitems="center" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-container-value="grid" data-group-height-value="146" data-group-width-value="520" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-360-value="67" data-group-left-res-360-value="20" data-group-height-res-360-value="214" data-group-width-res-360-value="309" data-group-widthmode-res-360="fixed" data-group-heightmode-res-360="fixed" data-group-container-res-360-value="grid" data-group-left-res-480-value="30" data-group-height-res-480-value="176" data-group-width-res-480-value="545" data-group-widthmode-res-480="fixed" data-group-top-res-640-value="90" data-group-left-res-640-value="110" data-group-height-res-640-value="176" data-group-left-res-960-value="190" data-group-height-res-960-value="176"> <div
class="tn-molecule"
id="molecule-174367150126371080"> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10002136811745578353566' data-elem-id='1745578353566' data-elem-type='button' data-field-top-value="97" data-field-left-value="240" data-field-height-value="26" data-field-width-value="520" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="67" data-field-left-res-360-value="20" data-field-height-res-360-value="52" data-field-width-res-360-value="273" data-field-heightmode-res-360-value="fixed" data-field-top-res-480-value="120" data-field-left-res-480-value="43" data-field-height-res-480-value="26" data-field-width-res-480-value="520" data-field-top-res-640-value="120" data-field-left-res-640-value="110" data-field-height-res-640-value="26" data-field-width-res-640-value="520" data-field-left-res-960-value="190" data-field-height-res-960-value="26" data-field-width-res-960-value="520"> <a class='tn-atom' href="#rec1000213766"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">1. CI/CD: что это такое и зачем нужно</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10002136811745578353573' data-elem-id='1745578353573' data-elem-type='button' data-field-top-value="127" data-field-left-value="240" data-field-height-value="26" data-field-width-value="520" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="119" data-field-left-res-360-value="20" data-field-height-res-360-value="35" data-field-width-res-360-value="273" data-field-heightmode-res-360-value="fixed" data-field-top-res-480-value="150" data-field-left-res-480-value="43" data-field-height-res-480-value="26" data-field-width-res-480-value="520" data-field-top-res-640-value="150" data-field-left-res-640-value="110" data-field-height-res-640-value="26" data-field-width-res-640-value="520" data-field-left-res-960-value="190" data-field-height-res-960-value="26" data-field-width-res-960-value="520"> <a class='tn-atom' href="#rec1000213846"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">2. Что такое Jenkins</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10002136811745578353582' data-elem-id='1745578353582' data-elem-type='button' data-field-top-value="157" data-field-left-value="240" data-field-height-value="26" data-field-width-value="520" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="154" data-field-left-res-360-value="20" data-field-height-res-360-value="52" data-field-width-res-360-value="273" data-field-heightmode-res-360-value="fixed" data-field-top-res-480-value="180" data-field-left-res-480-value="43" data-field-height-res-480-value="26" data-field-width-res-480-value="520" data-field-top-res-640-value="180" data-field-left-res-640-value="110" data-field-height-res-640-value="26" data-field-width-res-640-value="520" data-field-left-res-960-value="190" data-field-height-res-960-value="26" data-field-width-res-960-value="520"> <a class='tn-atom' href="#rec1000213911"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">3. Сценарии применения Jenkins</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10002136811745578353589' data-elem-id='1745578353589' data-elem-type='button' data-field-top-value="187" data-field-left-value="240" data-field-height-value="26" data-field-width-value="520" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="206" data-field-left-res-360-value="20" data-field-height-res-360-value="35" data-field-width-res-360-value="273" data-field-heightmode-res-360-value="fixed" data-field-top-res-480-value="210" data-field-left-res-480-value="43" data-field-height-res-480-value="26" data-field-width-res-480-value="520" data-field-top-res-640-value="210" data-field-left-res-640-value="110" data-field-height-res-640-value="26" data-field-width-res-640-value="520" data-field-left-res-960-value="190" data-field-height-res-960-value="26" data-field-width-res-960-value="520"> <a class='tn-atom' href="#rec1000214071"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">4. Установка</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem t396__elem-flex tn-elem__10002136811745588454963' data-elem-id='1745588454963' data-elem-type='button' data-field-top-value="217" data-field-left-value="240" data-field-height-value="26" data-field-width-value="520" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="17" data-field-top-res-360-value="241" data-field-left-res-360-value="20" data-field-height-res-360-value="35" data-field-width-res-360-value="273" data-field-heightmode-res-360-value="fixed" data-field-top-res-480-value="240" data-field-left-res-480-value="43" data-field-height-res-480-value="26" data-field-width-res-480-value="520" data-field-top-res-640-value="240" data-field-left-res-640-value="110" data-field-height-res-640-value="26" data-field-width-res-640-value="520" data-field-left-res-960-value="190" data-field-height-res-960-value="26" data-field-width-res-960-value="520"> <a class='tn-atom' href="#rec1000214461"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">5. Заключение</span> </div> <span class="tn-atom__button-border"></span> </a> </div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1000213681');});});</script> <!-- /T396 --> </div> <div id="rec1000213686" class="r t-rec t-rec_pt_30 t-rec_pt-res-480_0 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Jenkins — это инструмент для автоматизации разработки и развертывания ПО, простыми словами — серверная система, которая помогает разработчикам быстрее и удобнее доставлять код в продакшн.</div> </div> </div> </div> <style> #rec1000213686 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213686 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213691" class="r t-rec" style=" " data-record-type="215"> <a name="sre" style="font-size:0;"></a> </div> <div id="rec1000213696" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes"><strong>Почему нужна автоматизация?</strong></div></h3> </div> </div> </div> <style> #rec1000213696 .t050__uptitle{text-transform:uppercase;}#rec1000213696 .t050__title{color:#161518;font-weight:700;}@media screen and (min-width:480px){#rec1000213696 .t050__title{font-size:28px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213696 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213701" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">В мире программирования постоянно приходится вносить изменения в код. Программисты добавляют функции, исправляют ошибки, тестируют обновления. Чтобы не делать это вручную, используются системы CI/CD (непрерывная интеграция и развертывание). Для таких задач создан Jenkins.</div> </div> </div> </div> <style> #rec1000213701 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213701 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213716" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-animationappear="off" data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Для чего нужен Jenkins:</h3> </div> </div> </div> <style> #rec1000213716 .t050__uptitle{text-transform:uppercase;}#rec1000213716 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213716 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213716 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213721" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><ul><li data-list="bullet"><strong>Автоматизация сборки</strong>. Разработчики загружают код в репозиторий (напр., GitHub), а Jenkins автоматически компилирует его.</li><li data-list="bullet"><strong>Тестирование</strong>. Каждый новый кусочек кода можно сразу прогонять через тесты, чтобы избежать ошибок.</li><li data-list="bullet"><strong>Развертывание</strong>. Готовое приложение можно сразу выкатывать на сервер, не тратя время на ручные операции.</li><li data-list="bullet"><strong>Гибкость</strong>. Jenkins поддерживает тысячи плагинов, позволяющих настроить процесс под конкретные задачи.</li></ul></div> </div> </div> </div> <style> #rec1000213721 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213721 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213726" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Кто использует?</h3> </div> </div> </div> <style> #rec1000213726 .t050__uptitle{text-transform:uppercase;}#rec1000213726 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213726 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213726 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213731" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Jenkins востребован в командах разработчиков, DevOps-специалистами, тестировщиками и компаниями, которые хотят ускорить процесс выпуска продуктов. Особенно полезен в больших проектах, где работает много людей, и важно автоматизировать повторяющиеся задачи.</div> </div> </div> </div> <style> #rec1000213731 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213731 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213746" class="r t-rec" style=" " data-record-type="215"> <a name="sreduties" style="font-size:0;"></a> </div> <div id="rec1000213751" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Основные преимущества:</h3> </div> </div> </div> <style> #rec1000213751 .t050__uptitle{text-transform:uppercase;}#rec1000213751 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213751 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213751 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000301726" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="612"> <!-- T612 --> <div class="t612"> <div class="t612__container t-container"> <div class="t612__content t-col t-col_8 t-prefix_2" data-auto-correct-mobile-width="false"> <div class="t612__mobile" data-auto-correct-mobile-width="false"> <div class="t612__wrapper" style="border-color: #e0e0e0;background-color: #f3f5fc;" data-auto-correct-mobile-width="false"> <div class="t612__header" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__header_title t-name t-name_md" field="title"><p style="text-align: center;"><strong>Параметр</strong></p></div> </div> <div class="t612__col t612__width_100 t-align_left" style="border-color: #e0e0e0;"> <div class="t612__title t612__header_title t-name t-name_md" field="title2"><p style="text-align: center;"><strong>Описание</strong></p></div> </div> </div> <div class="t612__middle" data-auto-correct-mobile-width="false"> <div class="t612__middle_item" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left t-valign_middle" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title__3949720221610"><strong>Открытый исходный код</strong></div> </div> <div class="t612__col t612__width_100 t-align_left t-valign_middle" style="border-color: #e0e0e0;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title2__3949720221610">Бесплатен, с активным сообществом</div> </div> </div> <div class="t612__middle_item" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left t-valign_middle" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title__3949720221611"><strong>Гибкость</strong></div> </div> <div class="t612__col t612__width_100 t-align_left t-valign_middle" style="border-color: #e0e0e0;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title2__3949720221611">Можно адаптировать под любые задачи с помощью плагинов.</div> </div> </div> <div class="t612__middle_item" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left t-valign_middle" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title__3949720221612"><strong>Автоматизация</strong></div> </div> <div class="t612__col t612__width_100 t-align_left t-valign_middle" style="border-color: #e0e0e0;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title2__3949720221612">Исключает рутину, уменьшает вероятность ошибок.</div> </div> </div> <div class="t612__middle_item" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left t-valign_middle" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title__3949720221613"><strong>Поддержка разных языков</strong></div> </div> <div class="t612__col t612__width_100 t-align_left t-valign_middle" style="border-color: #e0e0e0;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title2__3949720221613">Работает с Java, Python, PHP, JavaScript и другими.</div> </div> </div> <div class="t612__middle_item" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left t-valign_middle" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title__3949720221614"><strong>Интеграции</strong></div> </div> <div class="t612__col t612__width_100 t-align_left t-valign_middle" style="border-color: #e0e0e0;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title2__3949720221614">Подключается к Git, Docker, Kubernetes и другим инструментам DevOps.</div> </div> </div> </div> </div> </div> </div> </div> </div> <style> #rec1000301726 .t612__header_title{font-size:22px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000301726 .t612__header_title{font-size:16px;}}#rec1000301726 .t612__middle_title{font-size:16px;font-family:'Inter';}</style> <style> #rec1000301726 .t612__wrapper{border-radius:15px;}</style> </div> <div id="rec1000213756" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong style="font-family: Inter;"></strong><strong>Jenkins </strong>— это инструмент, автоматизирующий рутину разработки, сокращая время между написанием кода и его развертыванием. В следующих разделах мы разберём, как он работает и зачем нужен в процессах CI/CD.</div> </div> </div> </div> <style> #rec1000213756 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213756 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213776" class="r t-rec t-rec_pt_30" style="padding-top:30px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec1000213776 .t396__artboard {height:370px;background-color:#ffffff;}#rec1000213776 .t396__filter {height:370px;}#rec1000213776 .t396__carrier{height:370px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec1000213776 .t396__artboard,#rec1000213776 .t396__filter,#rec1000213776 .t396__carrier {}#rec1000213776 .t396__filter {}#rec1000213776 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec1000213776 .t396__artboard,#rec1000213776 .t396__filter,#rec1000213776 .t396__carrier {height:420px;}#rec1000213776 .t396__filter {}#rec1000213776 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec1000213776 .t396__artboard,#rec1000213776 .t396__filter,#rec1000213776 .t396__carrier {height:440px;}#rec1000213776 .t396__filter {}#rec1000213776 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec1000213776 .t396__artboard,#rec1000213776 .t396__filter,#rec1000213776 .t396__carrier {height:330px;}#rec1000213776 .t396__filter {}#rec1000213776 .t396__carrier {background-attachment:scroll;}}#rec1000213776 .tn-elem[data-elem-id="1745214258584"]{z-index:3;top:0px;;left:calc(50% - 600px + 220px);;width:760px;height:370px;}#rec1000213776 .tn-elem[data-elem-id="1745214258584"] .tn-atom{border-radius:20px 20px 20px 20px;background-color:#eef3ff;background-position:center center;--t396-borderwidth:2px;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec1000213776 .tn-elem[data-elem-id="1745214258584"]{left:calc(50% - 480px + 99px);;}}@media screen and (max-width:959px){#rec1000213776 .tn-elem[data-elem-id="1745214258584"]{left:calc(50% - 320px + 9px);;width:631px;height:420px;}}@media screen and (max-width:639px){#rec1000213776 .tn-elem[data-elem-id="1745214258584"]{width:463px;height:433px;}}@media screen and (max-width:479px){#rec1000213776 .tn-elem[data-elem-id="1745214258584"]{width:302px;height:322px;}#rec1000213776 .tn-elem[data-elem-id="1745214258584"] .tn-atom{background-size:cover;opacity:1;}}#rec1000213776 .tn-elem[data-elem-id="1745214258590"]{z-index:4;top:67px;;left:calc(50% - 600px + 680px);;width:256px;height:auto;}#rec1000213776 .tn-elem[data-elem-id="1745214258590"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec1000213776 .tn-elem[data-elem-id="1745214258590"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec1000213776 .tn-elem[data-elem-id="1745214258590"]{left:calc(50% - 480px + 559px);;height:auto;}}@media screen and (max-width:959px){#rec1000213776 .tn-elem[data-elem-id="1745214258590"]{top:173px;;left:calc(50% - 320px + 437px);;width:209px;height:auto;}}@media screen and (max-width:639px){#rec1000213776 .tn-elem[data-elem-id="1745214258590"]{top:165px;;left:calc(50% - 240px + 310px);;width:209px;height:auto;}}@media screen and (max-width:479px){#rec1000213776 .tn-elem[data-elem-id="1745214258590"]{top:177px;;left:calc(50% - 160px + 200px);;width:122px;height:auto;}}#rec1000213776 .tn-elem[data-elem-id="1745214258589"]{color:#170f63;z-index:5;top:168px;;left:calc(50% - 600px + 264px);;width:405px;height:69px;}#rec1000213776 .tn-elem[data-elem-id="1745214258589"] .tn-atom{vertical-align:top;color:#170f63;font-size:18px;font-family:'Inter',Arial,sans-serif;line-height:1.3;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec1000213776 .tn-elem[data-elem-id="1745214258589"]{left:calc(50% - 480px + 139px);;height:auto;}}@media screen and (max-width:959px){#rec1000213776 .tn-elem[data-elem-id="1745214258589"]{top:158px;;left:calc(50% - 320px + 49px);;width:407px;height:auto;}}@media screen and (max-width:639px){#rec1000213776 .tn-elem[data-elem-id="1745214258589"]{top:206px;;left:calc(50% - 240px + 53px);;width:317px;height:auto;}}@media screen and (max-width:479px){#rec1000213776 .tn-elem[data-elem-id="1745214258589"]{top:150px;;left:calc(50% - 160px + 28px);;width:266px;height:auto;}#rec1000213776 .tn-elem[data-elem-id="1745214258589"] .tn-atom{font-size:14px;background-size:cover;}}#rec1000213776 .tn-elem[data-elem-id="1745214258587"]{color:#170f63;z-index:6;top:30px;;left:calc(50% - 600px + 260px);;width:561px;height:98px;}#rec1000213776 .tn-elem[data-elem-id="1745214258587"] .tn-atom{vertical-align:top;color:#170f63;font-size:38px;font-family:'Inter',Arial,sans-serif;line-height:1.3;font-weight:500;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec1000213776 .tn-elem[data-elem-id="1745214258587"]{left:calc(50% - 480px + 139px);;height:auto;}}@media screen and (max-width:959px){#rec1000213776 .tn-elem[data-elem-id="1745214258587"]{left:calc(50% - 320px + 49px);;width:456px;height:auto;}}@media screen and (max-width:639px){#rec1000213776 .tn-elem[data-elem-id="1745214258587"]{width:355px;height:auto;}}@media screen and (max-width:479px){#rec1000213776 .tn-elem[data-elem-id="1745214258587"]{top:27px;;left:calc(50% - 160px + 28px);;width:268px;height:auto;text-align:left;}#rec1000213776 .tn-elem[data-elem-id="1745214258587"] .tn-atom{font-size:24px;letter-spacing:0px;background-size:cover;}}#rec1000213776 .tn-elem[data-elem-id="1745214258595"]{color:#ffffff;text-align:center;z-index:7;top:277px;;left:calc(50% - 600px + 260px);;width:300px;height:50px;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom{color:#ffffff;font-size:18px;font-family:'Inter',Arial,sans-serif;line-height:1.55;font-weight:400;border-radius:15px 15px 15px 15px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-color:#5c76ff;--t396-bgcolor-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}@media screen and (max-width:1199px){#rec1000213776 .tn-elem[data-elem-id="1745214258595"]{left:calc(50% - 480px + 139px);;width:px;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:959px){#rec1000213776 .tn-elem[data-elem-id="1745214258595"]{top:324px;;left:calc(50% - 320px + 49px);;width:px;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:639px){#rec1000213776 .tn-elem[data-elem-id="1745214258595"]{top:336px;;width:234px;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}@media screen and (max-width:479px){#rec1000213776 .tn-elem[data-elem-id="1745214258595"]{top:252px;;left:calc(50% - 160px + 27px);;width:188px;height:45px;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom{white-space:normal;font-size:14px;background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);background-color:var(--t396-bgcolor-color,transparent);}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom::after{display:none;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::before{display:none;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover::after{opacity:0;}#rec1000213776 .tn-elem[data-elem-id="1745214258595"] .tn-atom:hover{animation-name:none;}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="1000213776" data-artboard-screens="320,480,640,960,1200" data-artboard-height="370" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="330" data-artboard-upscale-res-320="window" data-artboard-height-res-480="440" data-artboard-height-res-640="420"> <div class="t396__carrier" data-artboard-recid="1000213776"></div> <div class="t396__filter" data-artboard-recid="1000213776"></div> <div class='t396__elem tn-elem tn-elem__10002137761745214258584' data-elem-id='1745214258584' data-elem-type='shape' data-field-top-value="0" data-field-left-value="220" data-field-height-value="370" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-height-res-320-value="322" data-field-width-res-320-value="302" data-field-height-res-480-value="433" data-field-width-res-480-value="463" data-field-left-res-640-value="9" data-field-height-res-640-value="420" data-field-width-res-640-value="631" data-field-left-res-960-value="99"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__10002137761745214258590' data-elem-id='1745214258590' data-elem-type='image' data-field-top-value="67" data-field-left-value="680" data-field-height-value="303" data-field-width-value="256" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="1040" data-field-fileheight-value="1232" data-field-heightmode-value="hug" data-field-top-res-320-value="177" data-field-left-res-320-value="200" data-field-height-res-320-value="144" data-field-width-res-320-value="122" data-field-top-res-480-value="165" data-field-left-res-480-value="310" data-field-height-res-480-value="248" data-field-width-res-480-value="209" data-field-container-res-480-value="grid" data-field-top-res-640-value="173" data-field-left-res-640-value="437" data-field-height-res-640-value="248" data-field-width-res-640-value="209" data-field-left-res-960-value="559" data-field-height-res-960-value="303"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3633-3737-4461-b561-373039363636/Frame_1321315329.png'
src='https://thb.tildacdn.com/tild3633-3737-4461-b561-373039363636/-/resize/20x/Frame_1321315329.png'
alt='' imgfield='tn_img_1745214258590'
/> </div> </div> <div class='t396__elem tn-elem tn-elem__10002137761745214258589' data-elem-id='1745214258589' data-elem-type='text' data-field-top-value="168" data-field-left-value="264" data-field-height-value="69" data-field-width-value="405" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="18" data-field-top-res-320-value="150" data-field-left-res-320-value="28" data-field-height-res-320-value="72" data-field-width-res-320-value="266" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="206" data-field-left-res-480-value="53" data-field-height-res-480-value="92" data-field-width-res-480-value="317" data-field-top-res-640-value="158" data-field-left-res-640-value="49" data-field-width-res-640-value="407" data-field-left-res-960-value="139"> <div class='tn-atom'field='tn_text_1745214258589'>Дарим демодоступ к обучению на 3 дня, чтобы вы познакомились с материалами и спикерами курса!</div> </div> <div class='t396__elem tn-elem tn-elem__10002137761745214258587' data-elem-id='1745214258587' data-elem-type='text' data-field-top-value="30" data-field-left-value="260" data-field-height-value="98" data-field-width-value="561" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="fixedsize" data-field-fontsize-value="38" data-field-top-res-320-value="27" data-field-left-res-320-value="28" data-field-height-res-320-value="93" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="24" data-field-height-res-480-value="147" data-field-width-res-480-value="355" data-field-left-res-640-value="49" data-field-height-res-640-value="98" data-field-width-res-640-value="456" data-field-left-res-960-value="139"> <div class='tn-atom'field='tn_text_1745214258587'>Начните бесплатно изучать Jenkins</div> </div> <div class='t396__elem tn-elem tn-elem__10002137761745214258595' data-elem-id='1745214258595' data-elem-type='button' data-field-top-value="277" data-field-left-value="260" data-field-height-value="50" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-widthmode-value="fixed" data-field-heightmode-value="fixed" data-field-fontsize-value="18" data-field-top-res-320-value="252" data-field-left-res-320-value="27" data-field-height-res-320-value="45" data-field-width-res-320-value="188" data-field-container-res-320-value="grid" data-field-heightmode-res-320-value="fixed" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="336" data-field-width-res-480-value="234" data-field-top-res-640-value="324" data-field-left-res-640-value="49" data-field-left-res-960-value="139"> <a class='tn-atom' href="https://slurm.io/jenkins-course?utm_source=blog&utm_medium=organic&utm_campaign=article_jenkins" target="_blank"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Перейти к обучению</span> </div> <span class="tn-atom__button-border"></span> </a> </div> </div> </div> <script>t_onFuncLoad('t396_initialScale',function() {t396_initialScale('1000213776');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('1000213776');});});</script> <!-- /T396 --> </div> <div id="rec1000213766" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 32px;" data-customstyle="yes"><strong>CI/CD: что это такое и зачем нужно</strong></div></h2> </div> </div> </div> <style> #rec1000213766 .t050__uptitle{text-transform:uppercase;}#rec1000213766 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213766 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213766 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213771" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><span style="font-family: Inter;">Перед тем как глубже погрузиться в Jenkins, важно понять, что такое CI/CD и почему он играет столь важную роль в процессах разработки.</span></div> </div> </div> </div> <style> #rec1000213771 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213771 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213781" class="r t-rec" style=" " data-record-type="215"> <a name="differences" style="font-size:0;"></a> </div> <div id="rec1000213786" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Что такое CI/CD?</h3> </div> </div> </div> <style> #rec1000213786 .t050__uptitle{text-transform:uppercase;}#rec1000213786 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213786 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213786 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213791" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong style="font-family: Inter;">CI/CD (Continuous Integration / Continuous Deployment)</strong><span style="font-family: Inter;"> — это методология разработки ПО, которая помогает автоматизировать процессы тестирования, сборки, развертывания. Давайте разберёмся, что означает каждый из этих терминов.</span><br /><br /><ul><li data-list="bullet"><strong style="font-family: Inter;">Continuous Integration (CI)</strong><span style="font-family: Inter;"> – непрерывная интеграция</span></li></ul><span style="font-family: Inter;">Разработчики часто вносят изменения в код, все изменения нужно регулярно объединять в общий проект. CI позволяет автоматически проверять, не сломал ли новый код приложение, запуская тесты и сборку при любом изменении.</span><br /><br /><ul><li data-list="bullet"><strong style="font-family: Inter;">Continuous Delivery (CD)</strong><span style="font-family: Inter;"> – непрерывная доставка</span></li></ul><span style="font-family: Inter;">После успешной проверки изменений код автоматически подготавливается для выпуска. Вручную или автоматически его можно развернуть на тестовом или боевом сервере.</span><br /><br /><ul><li data-list="bullet"><strong style="font-family: Inter;">Continuous Deployment (CD)</strong><span style="font-family: Inter;"> – непрерывное развертывание</span></li></ul><span style="font-family: Inter;">Это следующий уровень автоматизации, когда новый код автоматически выкатывается в продакшн без участия человека.</span></div> </div> </div> </div> <style> #rec1000213791 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213791 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213796" class="r t-rec" style=" " data-record-type="215"> <a name="how" style="font-size:0;"></a> </div> <div id="rec1000213806" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Как CI/CD помогает командам разработки?</h3> </div> </div> </div> <style> #rec1000213806 .t050__uptitle{text-transform:uppercase;}#rec1000213806 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213806 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213806 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213811" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Раньше разработчики вручную проверяли и тестировали код, это занимало много времени, могло привести к ошибкам. CI/CD решает эту проблему:<br /><br /><ul><li data-list="bullet"><strong>Минимизирует ошибки</strong> — автоматическое тестирование предотвращает сбой в работе приложения.</li><li data-list="bullet"><strong>Ускоряет разработку</strong> — код сразу проходит проверку, может быть развернут быстрее.</li><li data-list="bullet"><strong>Повышает стабильность продукта</strong> — можно быстро откатываться к предыдущим версиям.</li></ul>Автоматизирует рутину — инженеры тратят меньше времени на ручные проверки.</div> </div> </div> </div> <style> #rec1000213811 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213811 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213821" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Роль Jenkins в CI/CD</h3> </div> </div> </div> <style> #rec1000213821 .t050__uptitle{text-transform:uppercase;}#rec1000213821 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213821 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213821 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213826" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong>Jenkins</strong> — популярный инструмент для реализации CI/CD. Все рутинные процессы он берет на себя:<br /><br /><ul><li data-list="bullet">Следит за изменениями в коде (например, в GitHub, GitLab).</li><li data-list="bullet">Автоматически запускает тесты и сборку.</li><li data-list="bullet">Разворачивает обновления на сервере.</li><li data-list="bullet">Уведомляет команду о результатах.</li></ul></div> </div> </div> </div> <style> #rec1000213826 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213826 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213831" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes">Jenkins в CI/CD: примеры работы</div></h3> </div> </div> </div> <style> #rec1000213831 .t050__uptitle{text-transform:uppercase;}#rec1000213831 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213831 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213831 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213836" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Допустим, три программиста вносят изменения в код. Без автоматизации кто-то может случайно удалить важную часть функционала или загрузить код с ошибками. <strong>Jenkins решает эту проблему:</strong><br /><br /><ol><li data-list="ordered">Разработчик коммитит код в Git.</li><li data-list="ordered">Jenkins автоматически запускает тесты.</li><li data-list="ordered">Если тесты успешны — создается новая версия программы.</li><li data-list="ordered">Код разворачивается на тестовом сервере.</li><li data-list="ordered">При успешной проверке обновление выкатывается в продакшн.</li></ol><br />CI/CD делает процессы разработки быстрее, надежнее и удобнее для команды. Jenkins играет в этом центральную роль, контролирует и автоматизирует все этапы работы с кодом.<br /><br />Освоить<strong> <a href="https://slurm.io/jenkins-course?utm_source=blog&utm_medium=organic&utm_campaign=article_jenkins" target="_blank" rel="noreferrer noopener">«CI/CD с Jenkins»</a></strong><a href="https://slurm.io/jenkins-course?utm_source=blog&utm_medium=organic&utm_campaign=article_jenkins" target="_blank" rel="noreferrer noopener"> </a> проще на реальных примерах. На курсе Слёрма много практики и никакой воды. Вы сможете намного ускорить цикл разработки и внедрить полезные инструменты.</div></div> </div> </div> </div> <style> #rec1000213836 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213836 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213846" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title"><strong>Что такое Jenkins</strong></h2> </div> </div> </div> <style> #rec1000213846 .t050__uptitle{text-transform:uppercase;}#rec1000213846 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213846 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213846 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213856" class="r t-rec" style=" " data-record-type="215"> <a name="result" style="font-size:0;"></a> </div> <div id="rec1000213861" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">История</h3> </div> </div> </div> <style> #rec1000213861 .t050__uptitle{text-transform:uppercase;}#rec1000213861 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213861 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213861 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213866" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Jenkins появился в 2004 году как часть проекта Hudson. Его создал Коске Кавагути (Kohsuke Kawaguchi), разработчик из компании Sun Microsystems. Hudson быстро стал популярным, но после поглощения Sun компанией Oracle возникли разногласия в управлении проектом. В 2011 году разработчики отделились и создали независимый форк — Jenkins.<br /><br />Сегодня Jenkins используется тысячами компаний по всему миру.</div></div> </div> </div> </div> <style> #rec1000213866 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213866 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213871" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Как работает Jenkins?</h3> </div> </div> </div> <style> #rec1000213871 .t050__uptitle{text-transform:uppercase;}#rec1000213871 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213871 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213871 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213876" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Jenkins действует как оркестратор, который управляет процессами сборки, тестирования, развертывания кода. Он получает команды, выполняет их и сообщает о результатах.<br /><br /><strong>Принцип работы:</strong><br /><br /><ol><li data-list="ordered">Разработчик вносит изменения в код, затем отправляет их в репозиторий (Git, GitHub, GitLab, Bitbucket).</li><li data-list="ordered">Jenkins отслеживает изменения, автоматически запускает процесс сборки.</li><li data-list="ordered">Во время сборки выполняются тесты, проверяющие работоспособность кода.</li><li data-list="ordered">Если тесты пройдены успешно, код упаковывается в артефакт (напр., Docker-образ).</li><li data-list="ordered">5. Jenkins развертывает обновление на тестовом или боевом сервере.</li></ol></div></div> </div> </div> </div> <style> #rec1000213876 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213876 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213881" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Требования к сети</h3> </div> </div> </div> <style> #rec1000213881 .t050__uptitle{text-transform:uppercase;}#rec1000213881 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213881 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213881 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213886" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes"><ul><li data-list="bullet"><strong>Контроллер (Master)</strong> – основная часть системы, управляющая процессами.</li><li data-list="bullet"><strong>Агенты (Agents)</strong> – исполняют задачи по сборке, тестированию, развертыванию.</li><li data-list="bullet"><strong>Пайплайны (Pipelines)</strong> – последовательность шагов автоматизации.</li></ul></div></div> </div> </div> </div> <style> #rec1000213886 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213886 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213891" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Пример простого Jenkinsfile</h3> </div> </div> </div> <style> #rec1000213891 .t050__uptitle{text-transform:uppercase;}#rec1000213891 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213891 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213891 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213896" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Jenkins позволяет управлять процессами с помощью <strong>Jenkinsfile </strong>– специального сценария, описывающего шаги сборки. <strong>Например</strong>:</div></div> </div> </div> </div> <style> #rec1000213896 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213896 .t-text{font-size:16px;}}</style> </div> <div id="rec1000350951" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes"><span style="color: rgb(74, 153, 116);">pipeline {</span><br /><span style="color: rgb(74, 153, 116);"> agent any</span><br /><span style="color: rgb(74, 153, 116);"> stages {</span><br /><span style="color: rgb(74, 153, 116);"> stage('Checkout') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> git 'https://github.com/example/repo.git'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> stage('Build') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> sh 'mvn clean install'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> stage('Test') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> sh 'mvn test'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> stage('Deploy') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> sh 'scp target/*.jar user@server:/deploy'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);">}</span><br /><br /><strong>В этом примере Jenkins выполняет четыре этапа:</strong><br /><br /><ul><li data-list="bullet"><strong>Checkout </strong>– скачивает код из репозитория.</li><li data-list="bullet"><strong>Build </strong>– собирает проект с помощью Maven.</li><li data-list="bullet"><strong>Test </strong>– запускает тесты.</li><li data-list="bullet"><strong>Deploy </strong>– копирует собранный артефакт на сервер.</li></ul></div></div> </div> </div> </div> <style> #rec1000350951 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000350951 .t-text{font-size:16px;}}</style> </div> <div id="rec1000214151" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="3"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3933-3164-4533-b231-393831653530/jenkins_1.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3933-3164-4533-b231-393831653530/-/empty/jenkins_1.jpg" data-original="https://static.tildacdn.com/tild3933-3164-4533-b231-393831653530/jenkins_1.jpg"
imgfield="img"
alt=""> </div> </div> <style> #rec1000214151 .t107 .t-img{border-radius:15px;}@media (max-width:480px){#rec1000214151 .t107 .t-img{border-radius:0px;}}</style> </div> <div id="rec1000213901" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title">Почему Jenkins популярен?</h3> </div> </div> </div> <style> #rec1000213901 .t050__uptitle{text-transform:uppercase;}#rec1000213901 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213901 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213901 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000471966" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-animationappear="off" data-record-type="612"> <!-- T612 --> <div class="t612"> <div class="t612__container t-container"> <div class="t612__content t-col t-col_8 t-prefix_2" data-auto-correct-mobile-width="false"> <div class="t612__mobile" data-auto-correct-mobile-width="false"> <div class="t612__wrapper" style="border-color: #e0e0e0;background-color: #f3f5fc;" data-auto-correct-mobile-width="false"> <div class="t612__header" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__header_title t-name t-name_md" field="title"><p style="text-align: center;">Преимущество</p></div> </div> <div class="t612__col t612__width_100 t-align_left" style="border-color: #e0e0e0;"> <div class="t612__title t612__header_title t-name t-name_md" field="title2"><p style="text-align: center;"><strong>Описание</strong></p></div> </div> </div> <div class="t612__middle" data-auto-correct-mobile-width="false"> <div class="t612__middle_item" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left t-valign_middle" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title__8510003017260"><strong>Открытый исходный код</strong></div> </div> <div class="t612__col t612__width_100 t-align_left t-valign_middle" style="border-color: #e0e0e0;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title2__8510003017260">Бесплатен и развивается сообществом.</div> </div> </div> <div class="t612__middle_item" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left t-valign_middle" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title__8510003017261"><strong>Масштабируемость</strong></div> </div> <div class="t612__col t612__width_100 t-align_left t-valign_middle" style="border-color: #e0e0e0;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title2__8510003017261">Можно настраивать под любые проекты.</div> </div> </div> <div class="t612__middle_item" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left t-valign_middle" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title__8510003017262"><strong>Гибкость</strong></div> </div> <div class="t612__col t612__width_100 t-align_left t-valign_middle" style="border-color: #e0e0e0;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title2__8510003017262">Работает с Docker, Kubernetes, AWS и другими технологиями.</div> </div> </div> <div class="t612__middle_item" style="border-color: #e0e0e0;" data-auto-correct-mobile-width="false"> <div class="t612__left t-valign_middle" style="min-width: 350px;width: 350px;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title__8510003017263"><strong>Большое количество плагинов</strong></div> </div> <div class="t612__col t612__width_100 t-align_left t-valign_middle" style="border-color: #e0e0e0;"> <div class="t612__title t612__middle_title t-descr t-descr_xs" field="li_title2__8510003017263">1800+ расширений для интеграции с любыми сервисами.</div> </div> </div> </div> </div> </div> </div> </div> </div> <style> #rec1000471966 .t612__header_title{font-size:22px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000471966 .t612__header_title{font-size:16px;}}#rec1000471966 .t612__middle_title{font-size:16px;font-family:'Inter';}</style> <style> #rec1000471966 .t612__wrapper{border-radius:15px;}</style> </div> <div id="rec1000213911" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 32px;" data-customstyle="yes">Сценарии применения Jenkins</div></h2> </div> </div> </div> <style> #rec1000213911 .t050__uptitle{text-transform:uppercase;}#rec1000213911 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213911 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213911 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213926" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Jenkins широко используется в IT-индустрии, чтобы автоматизировать различные процессы разработки. Рассмотрим основные сценарии его применения.Jenkins широко используется в IT-индустрии, чтобы автоматизировать различные процессы разработки. Рассмотрим основные сценарии его применения.</div></div> </div> </div> </div> <style> #rec1000213926 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213926 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213921" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes">1. DevOps</div></h3> </div> </div> </div> <style> #rec1000213921 .t050__uptitle{text-transform:uppercase;}#rec1000213921 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213921 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213921 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000477411" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes"><strong>Jenkins </strong>— неотъемлемая часть DevOps-процессов, поскольку он помогает автоматизировать весь жизненный цикл ПО.<br /><br /><ul><li data-list="bullet"><strong>CI/CD-пайплайн</strong>: автоматическое тестирование и развертывание кода.</li><li data-list="bullet"><strong>Интеграция с Docker и Kubernetes</strong>: управление контейнерами и оркестрация.</li><li data-list="bullet"><strong>Мониторинг и логирование</strong>: поддержка интеграции с Prometheus, Grafana, ELK.</li></ul><br /><strong>Пример пайплайна для развертывания в Docker:</strong><br /><br /><span style="color: rgb(74, 153, 116);">pipeline {</span><br /><span style="color: rgb(74, 153, 116);"> agent any</span><br /><span style="color: rgb(74, 153, 116);"> stages {</span><br /><span style="color: rgb(74, 153, 116);"> stage('Checkout') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> git 'https://github.com/example/repo.git'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> stage('Build Image') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> sh 'docker build -t myapp:latest .'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> stage('Push to Registry') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> sh 'docker push myrepo/myapp:latest'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> stage('Deploy to Kubernetes') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> sh 'kubectl apply -f deployment.yaml'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);">}</span></div></div> </div> </div> </div> <style> #rec1000477411 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000477411 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213941" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes">2. Автоматизация тестирования</div></h3> </div> </div> </div> <style> #rec1000213941 .t050__uptitle{text-transform:uppercase;}#rec1000213941 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213941 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213941 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213946" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Jenkins автоматически запускает юнит-тесты, интеграционные тесты и тесты производительности, интегрируясь с инструментами вроде JUnit, Selenium, Gatling.<br /><br /><strong>Пример конфигурации для запуска тестов Selenium:</strong><br /><br /><span style="color: rgb(74, 153, 116);">pipeline {</span><br /><span style="color: rgb(74, 153, 116);"> agent any</span><br /><span style="color: rgb(74, 153, 116);"> stages {</span><br /><span style="color: rgb(74, 153, 116);"> stage('Run Selenium Tests') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> sh 'python3 -m pytest tests/'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);">}</span><br /><br /><ul><li data-list="bullet">Обеспечивает контроль качества кода.</li><li data-list="bullet">Позволяет автоматически проверять работоспособность новых функций.</li><li data-list="bullet">Уменьшает вероятность ошибок при развертывании.</li></ul></div></div> </div> </div> </div> <style> #rec1000213946 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213946 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213951" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes">3. Управление сборками</div></h3> </div> </div> </div> <style> #rec1000213951 .t050__uptitle{text-transform:uppercase;}#rec1000213951 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213951 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213951 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213956" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Jenkins может управлять процессами сборки ПО с использованием инструментов Maven, Gradle, NPM.<br /><br /><strong>Пример пайплайна для сборки Java-приложения:</strong><br /><br /><span style="color: rgb(74, 153, 116);">pipeline {</span><br /><span style="color: rgb(74, 153, 116);"> agent any</span><br /><span style="color: rgb(74, 153, 116);"> stages {</span><br /><span style="color: rgb(74, 153, 116);"> stage('Checkout') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> git 'https://github.com/example/java-app.git'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> stage('Build') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> sh 'mvn clean package'</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> stage('Archive') {</span><br /><span style="color: rgb(74, 153, 116);"> steps {</span><br /><span style="color: rgb(74, 153, 116);"> archiveArtifacts artifacts: 'target/*.jar', fingerprint: true</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);"> }</span><br /><span style="color: rgb(74, 153, 116);">}</span><br /><br /><ul><li data-list="bullet">Автоматизирует компиляцию и сборку проекта.</li><li data-list="bullet">Сохраняет артефакты для последующего развертывания.</li><li data-list="bullet">Позволяет легко откатываться к предыдущим версиям.</li></ul></div></div> </div> </div> </div> <style> #rec1000213956 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213956 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213966" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes">Вывод</div></h3> </div> </div> </div> <style> #rec1000213966 .t050__uptitle{text-transform:uppercase;}#rec1000213966 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000213966 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213966 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000213971" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes"><strong>Jenkins </strong>— универсальный инструмент, который можно адаптировать под любые задачи автоматизации. Он помогает DevOps-инженерам, тестировщикам и разработчикам ускорять выпуск новых версий ПО.</div></div> </div> </div> </div> <style> #rec1000213971 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000213971 .t-text{font-size:16px;}}</style> </div> <div id="rec1000213841" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#f7f9ff; " data-record-type="209" data-bg-color="#f7f9ff"> <!-- T185 --> <div class="t185"> <div class="t-container t-container_flex"> <div class="t-col t-col_flex t-col_6 t-prefix_2"> <div class="t185__text t-text t-text_lg" field="text"><strong>Освойте Jenkins - запускайте CI/CD как профессионал!</strong><br />На курсе CI/CD с Jenkins от Слёрм вы научитесь автоматизировать процесс интеграции и поставки.</div> </div> <div class="t185__butwrapper t-col t-col_2 "> <a
class="t-btn t-btnflex t-btnflex_type_button t-btnflex_md t185__btn"
href="https://slurm.io/jenkins-course?utm_source=blog&utm_medium=organic&utm_campaign=article_jenkins"
target="_blank"><span class="t-btnflex__text">Перейти к курсу</span> <style>#rec1000213841 .t-btnflex.t-btnflex_type_button {color:#ffffff;background-color:#5c76ff;--border-width:0px;border-style:none !important;border-radius:15px;box-shadow:none !important;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec1000213841 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {background-color:#170f63 !important;}#rec1000213841 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible {background-color:#170f63 !important;}}</style></a> </div> </div> </div> <style> #rec1000213841 .t185__text{font-size:18px;color:#170f63;}</style> </div> <div id="rec1000214071" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 32px;" data-customstyle="yes">Установка </div></h2> </div> </div> </div> <style> #rec1000214071 .t050__uptitle{text-transform:uppercase;}#rec1000214071 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000214071 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214071 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000214076" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Установка Kafka на Ubuntu — один из самых стабильных и удобных способов для локальной разработки. Здесь меньше ограничений, чем в Windows, а управление сервисами можно полностью автоматизировать через systemd.</div></div> </div> </div> </div> <style> #rec1000214076 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214076 .t-text{font-size:16px;}}</style> </div> <div id="rec1000214081" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes">1. Установка Jenkins на Windows</div></h3> </div> </div> </div> <style> #rec1000214081 .t050__uptitle{text-transform:uppercase;}#rec1000214081 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000214081 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214081 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000214086" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes"><ol><li data-list="ordered"><strong>Скачайте установочный файл</strong> с официального сайта:</li></ol><a href="https://www.jenkins.io/download/" target="_blank" rel="noreferrer noopener">https://www.jenkins.io/download/</a><br /><br />2. <strong>Запустите установщик</strong> и следуйте инструкциям.<br />3. После установки <strong>запустите сервис Jenkins</strong> через <span style="color: rgb(74, 153, 116);">services.msc</span>.<br />4. Откройте браузер и перейдите по адресу:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> http://localhost:8080</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />5. Введите временный пароль из файла:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> C:\Program Files\Jenkins\secrets\initialAdminPassword</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />6. Выберите <strong>рекомендуемые плагины</strong> и создайте администратора.</div></div> </div> </div> </div> <style> #rec1000214086 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214086 .t-text{font-size:16px;}}</style> </div> <div id="rec1000214091" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes">2. Установка Jenkins на Linux (Ubuntu/Debian)</div></h3> </div> </div> </div> <style> #rec1000214091 .t050__uptitle{text-transform:uppercase;}#rec1000214091 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000214091 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214091 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000214096" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">1. Обновите список пакетов и установите Java:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> sudo apt update && sudo apt install -y openjdk-11-jdk</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />2. Добавьте и установите репозиторий Jenkins:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> wget -q -O - https://pkg.jenkins.io/debian/jenkins.io.key | sudo apt-key add -</span><br /><span style="color: rgb(74, 153, 116);">> echo "deb http://pkg.jenkins.io/debian-stable binary/" | sudo tee /etc/apt/sources.list.d/jenkins.list</span><br /><span style="color: rgb(74, 153, 116);">> sudo apt update && sudo apt install -y jenkins</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />3. Запустите сервис:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> sudo systemctl start jenkins</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />4. Проверьте, что Jenkins работает:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> sudo systemctl status jenkins</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />5. Откройте браузер, перейдите по адресу:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> http://localhost:8080</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />6. Найдите временный пароль в файле:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> sudo cat /var/lib/jenkins/secrets/initialAdminPassword</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />7. Завершите настройку через веб-интерфейс.<br /><br /></div></div> </div> </div> </div> <style> #rec1000214096 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214096 .t-text{font-size:16px;}}</style> </div> <div id="rec1000214101" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes">3. Установка Jenkins через Docker</div></h3> </div> </div> </div> <style> #rec1000214101 .t050__uptitle{text-transform:uppercase;}#rec1000214101 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000214101 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214101 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000214106" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Если вы хотите быстро развернуть Jenkins в контейнере, используйте Docker:<br /><br />1. Установите Docker (если он ещё не установлен):<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> sudo apt update && sudo apt install -y docker.io</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />2. Запустите контейнер Jenkins:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> docker run -d -p 8080:8080 -p 50000:50000 --name jenkins jenkins/jenkins:lts</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />3. Проверьте логи для получения пароля:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> docker logs jenkins</span><br /><span style="color: rgb(74, 153, 116);">></span><br /><br />4. Откройте браузер:<br /><br /><span style="color: rgb(74, 153, 116);">></span><br /><span style="color: rgb(74, 153, 116);">> http://localhost:8080</span><br /><span style="color: rgb(74, 153, 116);">></span></div></div> </div> </div> </div> <style> #rec1000214106 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214106 .t-text{font-size:16px;}}</style> </div> <div id="rec1000214111" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes">Первичная настройка Jenkins</div></h3> </div> </div> </div> <style> #rec1000214111 .t050__uptitle{text-transform:uppercase;}#rec1000214111 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000214111 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214111 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000214116" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">После установки Jenkins предложит установить плагины и создать администратора:<br /><br /><ul><li data-list="bullet"><strong>Установите рекомендованные плагины</strong> — они понадобятся для базовой работы.</li><li data-list="bullet"><strong>Создайте учётную запись администратора</strong> — введите логин и пароль.</li><li data-list="bullet"><strong>Настройте пути для сборок</strong> — укажите рабочую директорию.</li></ul><br />После этого Jenkins готов к работе!</div></div> </div> </div> </div> <style> #rec1000214116 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214116 .t-text{font-size:16px;}}</style> </div> <div id="rec1000214461" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h2 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 32px;" data-customstyle="yes">Заключение</div></h2> </div> </div> </div> <style> #rec1000214461 .t050__uptitle{text-transform:uppercase;}#rec1000214461 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000214461 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214461 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000214466" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes"><strong>Jenkins </strong>— это удобный инструмент для автоматизации разработки ПО, который широко используется в DevOps, тестировании, CI/CD. Он помогает разработчикам быстрее выпускать новые версии программного обеспечения, устранять ошибки, минимизировать рутину. Подведем итоги:<br /><br /><ol><li data-list="ordered"><strong>Что такое Jenkins и зачем он нужен</strong> — это система для автоматизации процессов разработки.</li><li data-list="ordered"><strong>Как Jenkins вписывается в CI/CD</strong> — автоматизирует тестирование, сборку, развертывание кода.</li><li data-list="ordered"><strong>Основные сценарии использования</strong> — активно применяется в DevOps, тестировании, управлении сборками.</li><li data-list="ordered"><strong>Как установить</strong> — мы рассмотрели установку на Windows, Linux и Docker.</li></ol></div></div> </div> </div> </div> <style> #rec1000214466 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214466 .t-text{font-size:16px;}}</style> </div> <div id="rec1000519471" class="r t-rec t-rec_pt_45 t-rec_pb_0" style="padding-top:45px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><div style="font-size: 28px;" data-customstyle="yes">Что дальше?</div></h3> </div> </div> </div> <style> #rec1000519471 .t050__uptitle{text-transform:uppercase;}#rec1000519471 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000519471 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000519471 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000521601" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Если вы хотите освоить Jenkins и научиться применять его в реальных проектах, мы рекомендуем пройти <strong><a href="https://slurm.io/jenkins-course?utm_source=blog&utm_medium=organic&utm_campaign=article_jenkins" target="_blank" rel="noreferrer noopener">«подробный курс»</a></strong>.<br /><br /><strong>Изучите Jenkins в деталях</strong> — Слёрм поможет вам стать специалистом в области автоматизации DevOps.<br /><br /><strong>Начните автоматизировать разработку уже сегодня!</strong></div></div> </div> </div> </div> <style> #rec1000521601 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000521601 .t-text{font-size:16px;}}</style> </div> <div id="rec1000214506" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "BlogPosting",
"@id": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"mainEntityOfPage": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"headline": "SRE-инженер — кто это и какие задачи решает",
"name": "SRE-инженер — кто это и какие задачи решает",
"description": "Site Reliability Engineer (SRE) — это инженер по надежности сайтов. Этот специалист совмещает навыки разработки и администрирования инфраструктуры. Он отвечает за отказоустойчивость сервисов, автоматизацию процессов, мониторинг систем. Профессия SRE появилась благодаря компании Google, которая первой внедрила этот подход для повышения стабильности своих продуктов.",
"datePublished": "2025-04-08",
"dateModified": "2025-04-08",
"author": {
"@type": "Person",
"@id": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"name": "Илья Иванов",
"url": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"image": {
"@type": "ImageObject",
"@id": "https://optim.tildacdn.com/tild3666-6136-4333-a230-346133313763/-/cover/144x144/center/center/-/format/webp/noroot.png.webp",
"url": "https://optim.tildacdn.com/tild3666-6136-4333-a230-346133313763/-/cover/144x144/center/center/-/format/webp/noroot.png.webp",
"height": "114",
"width": "114"
}
},
"publisher": {
"@type": "Organization",
"@id": "https://slurm.io/",
"name": "Слёрм",
"logo": {
"@type": "ImageObject",
"@id": "https://static.tildacdn.com/tild6135-3939-4135-b731-656566303162/white.svg",
"url": "https://static.tildacdn.com/tild6135-3939-4135-b731-656566303162/white.svg",
"width": "105",
"height": "41"
}
},
"image": {
"@type": "ImageObject",
"@id": "https://optim.tildacdn.com/tild6166-3733-4333-b336-366133663665/-/resize/480x360/-/format/webp/_3.png.webp",
"url": "https://optim.tildacdn.com/tild6166-3733-4333-b336-366133663665/-/resize/480x360/-/format/webp/_3.png.webp",
"height": "640",
"width": "360"
},
"url": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"isPartOf": {
"@type" : "Blog",
"@id": "https://slurm.io/blog",
"name": "Слёрм Blog",
"publisher": {
"@type": "Organization",
"@id": "https://slurm.io/",
"name": "Слёрм"
}
}
}
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000214511" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "BlogPosting",
"@id": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"mainEntityOfPage": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"headline": "SRE-инженер — кто это и какие задачи решает",
"name": "SRE-инженер — кто это и какие задачи решает",
"description": "Site Reliability Engineer (SRE) — это инженер по надежности сайтов. Этот специалист совмещает навыки разработки и администрирования инфраструктуры. Он отвечает за отказоустойчивость сервисов, автоматизацию процессов, мониторинг систем. Профессия SRE появилась благодаря компании Google, которая первой внедрила этот подход для повышения стабильности своих продуктов.",
"datePublished": "2025-04-08",
"dateModified": "2025-04-08",
"author": {
"@type": "Person",
"@id": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"name": "Илья Иванов",
"url": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"image": {
"@type": "ImageObject",
"@id": "https://optim.tildacdn.com/tild3666-6136-4333-a230-346133313763/-/cover/144x144/center/center/-/format/webp/noroot.png.webp",
"url": "https://optim.tildacdn.com/tild3666-6136-4333-a230-346133313763/-/cover/144x144/center/center/-/format/webp/noroot.png.webp",
"height": "114",
"width": "114"
}
},
"publisher": {
"@type": "Organization",
"@id": "https://slurm.io/",
"name": "Слёрм",
"logo": {
"@type": "ImageObject",
"@id": "https://static.tildacdn.com/tild6135-3939-4135-b731-656566303162/white.svg",
"url": "https://static.tildacdn.com/tild6135-3939-4135-b731-656566303162/white.svg",
"width": "105",
"height": "41"
}
},
"image": {
"@type": "ImageObject",
"@id": "https://optim.tildacdn.com/tild6166-3733-4333-b336-366133663665/-/resize/480x360/-/format/webp/_3.png.webp",
"url": "https://optim.tildacdn.com/tild6166-3733-4333-b336-366133663665/-/resize/480x360/-/format/webp/_3.png.webp",
"height": "640",
"width": "360"
},
"url": "https://slurm.io/sre-inzhener-kto-ehto-i-kakie-zadachi-reshaet",
"isPartOf": {
"@type" : "Blog",
"@id": "https://slurm.io/blog",
"name": "Слёрм Blog",
"publisher": {
"@type": "Organization",
"@id": "https://slurm.io/",
"name": "Слёрм"
}
}
}
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000214516" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "✅ Кто такой SRE-инженер?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Это специалист по надежности сервисов, который сочетает навыки разработки и эксплуатации."
}
}, {
"@type": "Question",
"name": "✅ Какие задачи решает?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Автоматизация, мониторинг, управление отказоустойчивостью, работа с CI/CD."
}
}, {
"@type": "Question",
"name": "✅ Чем SRE отличается от DevOps?",
"acceptedAnswer": {
"@type": "Answer",
"text": "DevOps — это культура, а SRE — конкретные инженерные практики для обеспечения стабильности."
}
}, {
"@type": "Question",
"name": "✅ Как стать SRE-инженером?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Изучить программирование, Linux, облачные технологии, инструменты мониторинга"
}
}]
}
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000214526" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><strong>Статью подготовили</strong></h3> </div> </div> </div> <style> #rec1000214526 .t050__uptitle{text-transform:uppercase;}#rec1000214526 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000214526 .t050__title{font-size:28px;line-height:1.3;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214526 .t050__title{font-size:20px;}}</style> </div> <div id="rec1000214531" class="r t-rec t-rec_pt_15" style="padding-top:15px; " data-record-type="165"> <!-- T152 --> <div class="t152"> <div class="t-container_8"> <div class="t-row"> <div class="t152__col t-col t-col_2"> <img class="t152__img t-img"
src="https://thb.tildacdn.com/tild6532-6566-4237-a263-356230626239/-/empty/image.png" data-original="https://static.tildacdn.com/tild6532-6566-4237-a263-356230626239/image.png"
imgfield="img"
alt=""> </div> <div class="t152__col t-col t-col_6 t152__wrapper"> <div class="t152__textwrapper"> <div class="t152__autor-title t-name t-name_sm" field="title">Редакция Слёрма</div> </div> </div> </div> </div> </div> <style> #rec1000214531 .t152__autor-title{font-weight:400;}</style> </div> <div id="rec1000214541" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="106"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-size: 18px;" data-customstyle="yes">Понравилась статья? Будем рады вашему лайку и репосту — вдруг кому-то тоже пригодится:)</div></div> </div> </div> </div> <style> #rec1000214541 .t-text{font-size:18px;font-family:'Inter';}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec1000214541 .t-text{font-size:16px;}}</style> </div> <div id="rec1000214546" class="r t-rec t-rec_pt_15 t-rec_pb_45" style="padding-top:15px;padding-bottom:45px; " data-record-type="797"> <!-- t797 --> <div class="t797"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2 t-align_center"> <div class="t797__wrapper t797__wrapper_padding" style="background-color:#e3e7ff;"> <div class="t794__title t-descr t-descr_md t-animate" data-animate-style="fadein" data-animate-group="yes" data-animate-order="1" field="title">Оцените статью</div> <div class="t797__answers t-vote" style="margin-top:-20px" data-vote-type="single" data-vote-id="1000214546" data-vote-visibility="onclick"> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="2268461755720" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://static.tildacdn.com/lib/emoji/twemoji/neutral_face_color.svg"
class="t797__img t797__img_width t-img"
imgfield="li_img__2268461755720"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="9268461755722" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://static.tildacdn.com/lib/emoji/twemoji/smiling_face_with_smiling_eyes_color.svg"
class="t797__img t797__img_width t-img"
imgfield="li_img__9268461755722"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1268461755723" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://static.tildacdn.com/lib/emoji/twemoji/starstruck_color.svg"
class="t797__img t797__img_width t-img"
imgfield="li_img__1268461755723"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t797_init',function() {t797_init(1000214546);});});</script> <style> #rec1000214546 .t797__wrapper{border-radius:10px;}</style> </div> <div id="rec1000214551" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <!-- nominify begin --> <script src="https://yastatic.net/share2/share.js"></script> <div class="ya-share2" data-curtain data-size="l" data-services="vkontakte,odnoklassniki,telegram,whatsapp,linkedin"></div> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000214566" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-record-type="60"> <!-- T050 --> <div class="t050"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <h3 class="t050__title t-title t-title_xxl" field="title"><strong>Читайте также:</strong></h3> </div> </div> </div> <style> #rec1000214566 .t050__uptitle{text-transform:uppercase;}#rec1000214566 .t050__title{color:#161518;}@media screen and (min-width:480px){#rec1000214566 .t050__title{font-size:28px;line-height:1.3;}}</style> </div> <div id="rec1000214576" class="r t-rec t-rec_pt_15 t-rec_pb_120" style="padding-top:15px;padding-bottom:120px; " data-animationappear="off" data-record-type="896"> <!-- t896 --> <!-- @classes t-descr t-descr_xxs t-descr_sm t-title t-title_xxs t-text t-text_md t-heading t-heading_lg t-name t-uptitle t-uptitle_sm t-uptitle_xs t-name_md --> <div class="t896"> <!-- grid container start --> <div class="js-feed t-feed t-feed_row" data-feed-grid-type="row" data-feed-recid="1000214576"> <div class="t-feed__container t-container"> <div class="js-feed-parts-select-container t-col t-col_8 t-prefix_2"></div> </div> <!-- preloader els --> <div class="js-feed-preloader t-feed__post-preloader_row t-feed__post-preloader__container_hidden t-container"> <div class="t-feed__post-preloader t-col t-col_8 t-prefix_2"> <div class="t-feed__post-preloader__wrapper"> <div class="t-feed__post-preloader__img"></div> <div class="t-feed__post-preloader__textwrapper"> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> </div> </div> <div class="t-feed__post-preloader t-col t-col_8 t-prefix_2"> <div class="t-feed__post-preloader__wrapper"> <div class="t-feed__post-preloader__img"></div> <div class="t-feed__post-preloader__textwrapper"> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> </div> </div> <div class="t-feed__post-preloader t-col t-col_8 t-prefix_2"> <div class="t-feed__post-preloader__wrapper"> <div class="t-feed__post-preloader__img"></div> <div class="t-feed__post-preloader__textwrapper"> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> <div class="t-feed__post-preloader__text"></div> </div> </div> </div> </div> <!-- preloader els end --> <ul role="list" class="js-feed-container t-feed__container t-container" data-feed-show-count="4" data-feed-show-slice="1"></ul> </div> <!-- grid container end --> </div> <style>#rec1000214576 .t-feed__parts-switch-btn{border:1px solid #000000;border-radius:40px;}#rec1000214576 .t-feed__parts-switch-btn span,#rec1000214576 .t-feed__parts-switch-btn a{color:#000000;padding:6px 18px 6px;border-radius:40px;}#rec1000214576 .t-feed__parts-switch-btn.t-active{background-color:#000000;}#rec1000214576 .t-feed__parts-switch-btn.t-active span,#rec1000214576 .t-feed__parts-switch-btn.t-active a{color:#ffffff !important;}#rec1000214576 .t-feed__post-popup__cover-wrapper .t-slds__arrow{background-color:rgba(255,255,255,1);}#rec1000214576 .t-feed__post-popup__cover-wrapper .t-slds__bullet_active .t-slds__bullet_body,#rec1000214576 .t-feed__post-popup__cover-wrapper .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec1000214576 .t-feed__parts-switch-btn{color:#000000;font-weight:400;}</style> <script>t_onReady(function() {var separator_optsObj={height:'',color:'',opacity:'',hideSeparator:false};var popup_optsObj={popupBgColor:'#ffffff',overlayBgColorRgba:'rgba(255,255,255,1)',closeText:'',iconColor:'#000000',popupStat:'',titleColor:'',textColor:'',subtitleColor:'',datePos:'aftertext',partsPos:'aftertext',imagePos:'aftertitle',inTwoColumns:false,zoom:false,styleRelevants:'',methodRelevants:'random',titleRelevants:'',showRelevants:'',shareStyle:'',shareBg:'',isShare:false,shareServices:'',shareFBToken:'',showDate:true,bgSize:'cover',titleFontFamily:'',descrFontFamily:'',subtitleFontFamily:''};var arrowtop_optsObj={isShow:false,style:'',color:'',bottom:'',left:'',right:''};var parts_optsObj={partsBgColor:'',partsBorderSize:'1px',partsBorderColor:'#000000',align:'center'};var gallery_optsObj={control:'',arrowSize:'',arrowBorderSize:'',arrowColor:'',arrowColorHover:'',arrowBg:'#ffffff',arrowBgHover:'',arrowBgOpacity:'',arrowBgOpacityHover:'',showBorder:'',dotsWidth:'',dotsBg:'',dotsActiveBg:'',dotsBorderSize:''};var colWithBg_optsObj={paddingSize:'',background:'',borderRadius:'',shadow:'',shadowSize:'',shadowOpacity:'',shadowHover:'',shadowSizeHover:'',shadowOpacityHover:'',shadowShiftyHover:''};var options={recid:'1000214576',feeduid:'784947206928',previewmode:'yes',align:'',amountOfPosts:'4',reverse:'desc',blocksInRow:'',blocksClass:'',blocksWidth:'',colClass:'8',prefixClass:'2',vindent:'',dateFormat:'4',timeFormat:'',imageRatio:'75',hasOriginalAspectRatio:false,imageHeight:'',imageWidth:'',dateFilter:'all',showPartAll:true,showImage:true,showShortDescr:true,showParts:true,showDate:true,hideFeedParts:true,parts_opts:parts_optsObj,btnsAlign:false,colWithBg:colWithBg_optsObj,separator:separator_optsObj,btnAllPostsText:'',popup_opts:popup_optsObj,arrowtop_opts:arrowtop_optsObj,gallery:gallery_optsObj,amountOfSymbols:'',btnText:'',isHorizOnMob:false,itemsAnim:'',datePosPs:'afterdescr',partsPosPs:'afterdescr',imagePosPs:'beforetitle',datePos:'beforetitle',partsPos:'beforetitle',imagePos:'beforetitle'};t_onFuncLoad('t_feed_init',function() {t_feed_init('1000214576',options);});});</script> </div> <div id="rec1000214586" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
#rec928256836 div{
left: 0 !important;
right: 0 !important;
float: none !important;
}
#rec928256836 .t-container_100.t014{
max-width: 1160px;
margin: 0 auto;
}
@media screen and (max-width: 1200px) {
#rec928256836 .t-container_100.t014{
max-width: 960px;
}
#rec928256836 .t-container_100.t014 .ya-share2__container{
margin: 0px 10px;
}
}
@media screen and (max-width: 960px) {
#rec928256836 .t-container_100.t014{
max-width: 640px;
}
#rec928256836 .t-container_100.t014 .ya-share2__container{
margin: 0px;
padding: 0px 20px;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec1000214591" class="r t-rec" style=" " data-animationappear="off" data-record-type="890"> <!-- t890 --> <div class="t890"> <button type="button"
class="t890__arrow
aria-label="Вернуться к началу страницы"
style="box-shadow:0px 0px 10px rgba(0,0,0,0.2);"> <svg role="presentation" width="50" height="50" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="50" height="50" rx="50" fill="#ffffff" fill-opacity="0.90" stroke="none" /> <path d="M14 28L25 18l10 10" stroke="#000000" stroke-width="1" fill="none"/> </svg> </button> </div> <style>#rec1000214591 .t890{left:20px;right:unset;bottom:70px;}</style> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t890_init',function() {t890_init('1000214591','');});});</script> <style>@media screen and (min-width:981px){#rec1000214591 .t890__arrow:hover svg path{stroke:#ffffff;stroke-width:1;}#rec1000214591 .t890__arrow:focus-visible svg path{stroke:#ffffff;stroke-width:1;}#rec1000214591 .t890__arrow:hover svg rect{fill:#1c59ff;fill-opacity:1;}#rec1000214591 .t890__arrow:focus-visible svg rect{fill:#1c59ff;fill-opacity:1;}}#rec1000214591 .t890__arrow{border-radius:53px;}</style> </div> <div id="rec1000214596" class="r t-rec" style=" " data-record-type="270"> <div class="t270"></div> <script>t_onReady(function() {var hash=window.location.hash;t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,-3);});setTimeout(function() {var curPath=window.location.pathname;var curFullPath=window.location.origin + curPath;var recs=document.querySelectorAll('.r');Array.prototype.forEach.call(recs,function(rec) {var selects='a[href^="#"]:not([href="#"]):not(.carousel-control):not(.t-carousel__control):not([href^="#price"]):not([href^="#submenu"]):not([href^="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([href^="#prodpopup"]):not([href^="#order"]):not([href^="#!"]):not([target="_blank"]),' +
'a[href^="' + curPath + '#"]:not([href*="#!/tfeeds/"]):not([href*="#!/tproduct/"]):not([href*="#!/tab/"]):not([href*="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([target="_blank"]),' +
'a[href^="' + curFullPath + '#"]:not([href*="#!/tfeeds/"]):not([href*="#!/tproduct/"]):not([href*="#!/tab/"]):not([href*="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([target="_blank"])';var elements=rec.querySelectorAll(selects);Array.prototype.forEach.call(elements,function(element) {element.addEventListener('click',function(event) {event.preventDefault();var hash=this.hash.trim();t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,-3);});});});});if(document.querySelectorAll('.js-store').length>0||document.querySelectorAll('.js-feed').length>0) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,-3,1);});}},500);setTimeout(function() {var hash=window.location.hash;if(hash&&document.querySelectorAll('a[name="' + hash.slice(1) + '"], div[id="' + hash.slice(1) + '"]').length>0) {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});}}},1000);window.addEventListener('popstate',function() {var hash=window.location.hash;if(hash&&document.querySelectorAll('a[name="' + hash.slice(1) + '"], div[id="' + hash.slice(1) + '"]').length>0) {if(window.isMobile) {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});} else {t_onFuncLoad('t270_scroll',function() {t270_scroll(hash,0);});}}});});</script> </div> <!--footer--> <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="705564" data-tilda-page-id="13176281" data-tilda-page-alias="footer" data-tilda-formskey="59b517bfad01153865a4875be1bdd366" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <div id="rec1684307921" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <script>
$('.example-3 .tn-atom').on('click', function () {
var $temp = $('<input>');
$('body').append($temp);
$temp.val($(this).text()).select();
document.execCommand('copy');
$temp.remove();
$(this).text('Скопирован!');
});
</script> <style>
.example-3 { cursor: pointer; }
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec480081308" class="r t-rec uc-cookie-block" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="886"> <!-- T886 --> <div class="t886 t886_closed" data-storage-item="t886cookiename_705564" style=""> <div class="t886__wrapper" style="background-color:#ffffff; width:800px;"> <div class="t886__text t-text t-text_xs t-valign_middle" field="text">На сайте мы используем cookie. Без них несладко.</div> <div
class="t-btn t-btnflex t-btnflex_type_button t-btnflex_sm t886__btn"
type="button"><span class="t-btnflex__text">Хорошо</span> <style>#rec480081308 .t-btnflex.t-btnflex_type_button {color:#ffffff;background-color:#000000;--border-width:0px;border-style:none !important;border-radius:5px;box-shadow:none !important;font-weight:400;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec480081308 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {color:#ffffff !important;background-color:#170f63 !important;}#rec480081308 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible {color:#ffffff !important;background-color:#170f63 !important;}}</style></div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t886_init',function() {t886_init('480081308');});});</script> <style>#rec480081308 .t886__text{text-align:left;}</style> <style> #rec480081308 .t886__text{font-size:14px;line-height:1;color:#000000;}</style> <style> #rec480081308 .t886__wrapper{border-radius:5px;}</style> </div> <div id="rec495453579" class="r t-rec uc-footer--type0" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="396"> <!-- T396 --> <style>#rec495453579 .t396__artboard {height:847px;background-color:#ffffff;}#rec495453579 .t396__filter {height:847px;}#rec495453579 .t396__carrier{height:847px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec495453579 .t396__artboard,#rec495453579 .t396__filter,#rec495453579 .t396__carrier {height:840px;}#rec495453579 .t396__filter {}#rec495453579 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec495453579 .t396__artboard,#rec495453579 .t396__filter,#rec495453579 .t396__carrier {height:1196px;}#rec495453579 .t396__filter {}#rec495453579 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec495453579 .t396__artboard,#rec495453579 .t396__filter,#rec495453579 .t396__carrier {height:1513px;}#rec495453579 .t396__filter {}#rec495453579 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec495453579 .t396__artboard,#rec495453579 .t396__filter,#rec495453579 .t396__carrier {height:1536px;}#rec495453579 .t396__filter {}#rec495453579 .t396__carrier {background-attachment:scroll;}}#rec495453579 .tn-elem[data-elem-id="1712236782477"]{z-index:3;top:74px;;left:calc(50% - 600px + 20px);;width:105px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1712236782477"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1712236782477"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1712236782477"]{display:table;left:calc(50% - 480px + 36px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1712236782477"]{display:table;top:61px;;left:calc(50% - 320px + 24px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1712236782477"]{display:table;top:40pxpx;;left:calc(50% - 240px + 15px);;width:105px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1712236782477"]{display:table;top:36px;;left:calc(50% - 160px + 7px);;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1712235605947"]{z-index:3;top:74px;;left:calc(50% - 600px + 20px);;width:105px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1712235605947"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1712235605947"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1712235605947"]{display:table;left:calc(50% - 480px + 36px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1712235605947"]{display:table;top:61px;;left:calc(50% - 320px + 24px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1712235605947"]{display:table;top:40px;;left:calc(50% - 240px + 15px);;width:105px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1712235605947"]{display:table;top:36px;;left:calc(50% - 160px + 7px);;height:auto;}#rec495453579 .tn-elem[data-elem-id="1712235605947"] .tn-atom{background-size:cover;opacity:0;}}#rec495453579 .tn-elem[data-elem-id="1692506348245"]{z-index:3;top:58px;;left:calc(50% - 600px + 820px);;width:120px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1692506348245"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1692506348245"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1692506348245"]{display:table;left:calc(50% - 480px + 640px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1692506348245"]{display:table;top:755px;;left:calc(50% - 320px + 24px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1692506348245"]{display:table;top:835px;;left:calc(50% - 240px + 20px);;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1692506348245"]{display:table;top:863px;;left:calc(50% - 160px + 10px);;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1692506631214"]{z-index:3;top:58px;;left:calc(50% - 600px + 820px);;width:120px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1692506631214"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1692506631214"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1692506631214"]{display:table;left:calc(50% - 480px + 640px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1692506631214"]{display:table;top:757px;;left:calc(50% - 320px + 24px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1692506631214"]{display:table;top:845px;;left:calc(50% - 240px + 20px);;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1692506631214"]{display:table;top:873px;;left:calc(50% - 160px + 10px);;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327289504"]{color:#8999a9;z-index:3;top:121px;;left:calc(50% - 600px + 20px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327289504"] .tn-atom{vertical-align:middle;color:#8999a9;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.33;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327289504"]{display:table;left:calc(50% - 480px + 32px);;width:288px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327289504"]{display:table;top:68px;;left:calc(50% - 320px + 153px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327289504"]{display:table;top:81px;;left:calc(50% - 240px + 20px);;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327289504"]{display:table;left:calc(50% - 160px + 10px);;width:300px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327289504"] .tn-atom{font-size:16px;line-height:1.5;background-size:cover;}}#rec495453579 .tn-elem[data-elem-id="1660327420094"]{color:#172b4d;z-index:3;top:185px;;left:calc(50% - 600px + 14px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327420094"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:24px;font-family:var(--t-text-font,Arial);line-height:1.08;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327420094"]{display:table;left:calc(50% - 480px + 27px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327420094"]{display:table;top:124px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327420094"]{display:table;left:calc(50% - 240px + 15px);;width:440px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327420094"]{display:table;left:calc(50% - 160px + 5px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327526179"]{color:#172b4d;z-index:3;top:223px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327526179"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:24px;font-family:var(--t-text-font,Arial);line-height:1.08;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327526179"]{display:table;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327526179"]{display:table;top:162px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327526179"]{display:table;left:calc(50% - 240px + 16px);;width:440px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327526179"]{display:table;left:calc(50% - 160px + 6px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328247771"]{color:#172b4d;z-index:3;top:547px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247771"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328247771"]{display:table;top:557px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328247771"]{display:table;top:532px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328247771"]{display:table;top:622px;;left:calc(50% - 240px + 16px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247771"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328247771"]{display:table;top:614px;;left:calc(50% - 160px + 6px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328067115"]{color:#172b4d;z-index:3;top:217px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067115"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328067115"]{display:table;top:219px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328067115"]{display:table;top:158px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328067115"]{display:table;top:258px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067115"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328067115"]{display:table;top:258px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328673693"]{color:#172b4d;z-index:3;top:229px;;left:calc(50% - 600px + 816px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328673693"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328673693"]{display:table;top:229px;;left:calc(50% - 480px + 636px);;width:288px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328673693"]{display:table;top:874px;;left:calc(50% - 320px + 20px);;width:256px;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328673693"]{display:table;top:1008px;;left:calc(50% - 240px + 20px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328673693"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328673693"]{display:table;top:1017px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327820270"]{color:#172b4d;z-index:3;top:305px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327820270"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327820270"]{display:table;top:315px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327820270"]{display:table;top:246px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327820270"]{display:table;top:258px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327820270"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327820270"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660728009618"]{color:#172b4d;z-index:3;top:273px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660728009618"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660728009618"]{display:table;top:281px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660728009618"]{display:table;top:212px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660728009618"]{display:table;top:220px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660728009618"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660728009618"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660728533851"]{color:#ff8888;z-index:3;top:274px;;left:calc(50% - 600px + 8px);;width:9px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660728533851"] .tn-atom{vertical-align:middle;color:#ff8888;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660728533851"]{display:table;top:283px;;left:calc(50% - 480px + 20px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660728533851"]{display:table;top:211px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660728533851"]{display:table;top:222px;;left:calc(50% - 240px + 8px);;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660728533851"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660728533851"]{display:table;top:218px;;left:calc(50% - 160px + 0px);;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328247775"]{color:#172b4d;z-index:3;top:579px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247775"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328247775"]{display:table;top:591px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328247775"]{display:table;top:566px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328247775"]{display:table;top:660px;;left:calc(50% - 240px + 16px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247775"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328247775"]{display:table;top:652px;;left:calc(50% - 160px + 6px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328067118"]{color:#172b4d;z-index:3;top:185px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067118"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328067118"]{display:table;top:185px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328067118"]{display:table;top:124px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328067118"]{display:table;top:220px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067118"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328067118"]{display:table;top:220px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328247777"]{color:#172b4d;z-index:3;top:611px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247777"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328247777"]{display:table;top:625px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328247777"]{display:table;top:600px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328247777"]{display:table;top:698px;;left:calc(50% - 240px + 16px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328247777"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328247777"]{display:table;top:690px;;left:calc(50% - 160px + 6px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328067120"]{color:#172b4d;z-index:3;top:249px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067120"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328067120"]{display:table;top:253px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328067120"]{display:table;top:192px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328067120"]{display:table;top:296px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067120"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328067120"]{display:table;top:296px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067120"] .tn-atom{line-height:1.2;background-size:cover;}}#rec495453579 .tn-elem[data-elem-id="1660327823456"]{color:#172b4d;z-index:3;top:337px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327823456"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327823456"]{display:table;top:349px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327823456"]{display:table;top:280px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327823456"]{display:table;top:296px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327823456"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327823456"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328067122"]{color:#172b4d;z-index:3;top:281px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067122"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328067122"]{display:table;top:287px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328067122"]{display:table;top:226px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328067122"]{display:table;top:334px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328067122"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328067122"]{display:table;top:344px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1664355590156"]{color:#172b4d;z-index:3;top:313px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1664355590156"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1664355590156"]{display:table;top:321px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1664355590156"]{display:table;top:260px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1664355590156"]{display:table;top:372px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1664355590156"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1664355590156"]{display:table;top:382px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1738909171549"]{color:#172b4d;z-index:3;top:345px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1738909171549"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1738909171549"]{display:table;top:355px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1738909171549"]{display:table;top:294px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1738909171549"]{display:table;top:410px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1738909171549"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1738909171549"]{display:table;top:420px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328170303"]{color:#8999a9;z-index:3;top:503px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328170303"] .tn-atom{vertical-align:middle;color:#8999a9;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.33;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328170303"]{display:table;top:513px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328170303"]{display:table;top:488px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328170303"]{display:table;top:578px;;left:calc(50% - 240px + 16px);;width:440px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328170303"]{display:table;top:570px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328170303"] .tn-atom{font-size:16px;line-height:1.5;background-size:cover;}}#rec495453579 .tn-elem[data-elem-id="1660328581896"]{color:#8999a9;z-index:3;top:185px;;left:calc(50% - 600px + 820px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328581896"] .tn-atom{vertical-align:middle;color:#8999a9;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.33;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328581896"]{display:table;left:calc(50% - 480px + 640px);;width:288px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328581896"]{display:table;top:830px;;left:calc(50% - 320px + 24px);;width:288px;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328581896"]{display:table;top:964px;;left:calc(50% - 240px + 20px);;width:440px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328581896"]{display:table;top:973px;;left:calc(50% - 160px + 12px);;width:300px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328581896"] .tn-atom{font-size:16px;line-height:1.5;background-size:cover;}}#rec495453579 .tn-elem[data-elem-id="1660328396738"]{color:#8999a9;z-index:3;top:736px;;left:calc(50% - 600px + 20px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328396738"] .tn-atom{vertical-align:middle;color:#8999a9;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328396738"]{display:table;top:765px;;left:calc(50% - 480px + 32px);;width:288px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328396738"]{display:table;top:1125px;;left:calc(50% - 320px + 24px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328396738"]{display:table;top:1435px;;left:calc(50% - 240px + 23px);;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328396738"]{display:table;top:1428px;;left:calc(50% - 160px + 9px);;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327824923"]{color:#172b4d;z-index:3;top:401px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327824923"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327824923"]{display:table;top:417px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327824923"]{display:table;top:348px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327824923"]{display:table;top:372px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327824923"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327824923"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327826356"]{color:#172b4d;z-index:3;top:369px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327826356"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327826356"]{display:table;top:383px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327826356"]{display:table;top:314px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327826356"]{display:table;top:334px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327826356"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327826356"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327833780"]{color:#172b4d;z-index:3;top:433px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327833780"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327833780"]{display:table;top:451px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327833780"]{display:table;top:382px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327833780"]{display:table;top:410px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327833780"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327833780"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327835132"]{color:#172b4d;z-index:3;top:497px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327835132"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327835132"]{display:table;top:519px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327835132"]{display:table;top:450px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327835132"]{display:table;top:486px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327835132"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327835132"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1695983077804"]{color:#172b4d;z-index:3;top:586px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1695983077804"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1695983077804"]{display:table;top:619px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1695983077804"]{display:table;top:590px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1695983077804"]{display:table;top:1265px;;left:calc(50% - 240px + 19px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1695983077804"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1695983077804"]{display:table;top:1268px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660328020471"]{color:#172b4d;z-index:3;top:618px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328020471"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328020471"]{display:table;top:653px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328020471"]{display:table;top:624px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328020471"]{display:table;top:1303px;;left:calc(50% - 240px + 19px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328020471"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328020471"]{display:table;top:1306px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1660327366231"]{color:#8999a9;z-index:3;top:121px;;left:calc(50% - 600px + 820px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327366231"] .tn-atom{vertical-align:middle;color:#8999a9;font-size:18px;font-family:var(--t-text-font,Arial);line-height:1.33;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660327366231"]{display:table;left:calc(50% - 480px + 640px);;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327366231"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660327366231"]{display:table;top:784px;;left:calc(50% - 320px + 168px);;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327366231"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660327366231"]{display:table;top:908px;;left:calc(50% - 240px + 20px);;width:440px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660327366231"]{display:table;top:925px;;left:calc(50% - 160px + 10px);;width:300px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660327366231"] .tn-atom{font-size:16px;line-height:1.5;background-size:cover;}}#rec495453579 .tn-elem[data-elem-id="1660723679978"]{z-index:3;top:0px;;left:calc(50% - 600px + 787px);;width:1px;height:100%;}#rec495453579 .tn-elem[data-elem-id="1660723679978"] .tn-atom{border-radius:0px 0px 0px 0px;background-color:#d0d6dd;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660723679978"]{display:table;left:calc(50% - 480px + 619px);;height:100%;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660723679978"]{display:table;}#rec495453579 .tn-elem[data-elem-id="1660723679978"] .tn-atom{background-size:cover;opacity:0;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660723679978"]{display:table;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660723679978"]{display:table;}}#rec495453579 .tn-elem[data-elem-id="1660625517826"]{z-index:3;top:0px;;left:calc(50% - 600px + 0px);;width:592px;height:1px;}#rec495453579 .tn-elem[data-elem-id="1660625517826"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0;background-color:#d0d6dd;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660625517826"]{display:table;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660625517826"]{display:table;top:743px;;left:calc(50% - 320px + 24px);;}#rec495453579 .tn-elem[data-elem-id="1660625517826"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660625517826"]{display:table;top:782px;;left:calc(50% - 240px + 20px);;width:440px;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660625517826"]{display:table;top:770px;;left:calc(50% - 160px + 10px);;width:300px;}}#rec495453579 .tn-elem[data-elem-id="1660625579543"]{z-index:3;top:0px;;left:calc(50% - 600px + 0px);;width:592px;height:1px;}#rec495453579 .tn-elem[data-elem-id="1660625579543"] .tn-atom{border-radius:0px 0px 0px 0px;opacity:0;background-color:#d0d6dd;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660625579543"]{display:table;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660625579543"]{display:table;top:1060px;;left:calc(50% - 320px + 24px);;}#rec495453579 .tn-elem[data-elem-id="1660625579543"] .tn-atom{background-size:cover;opacity:1;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660625579543"]{display:table;top:1204px;;left:calc(50% - 240px + 20px);;width:440px;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660625579543"]{display:table;top:1215px;;left:calc(50% - 160px + 9px);;width:300px;}}#rec495453579 .tn-elem[data-elem-id="1660723501956"]{z-index:3;top:0px;;left:calc(50% - 50% + 0px);;width:100%;height:1px;}#rec495453579 .tn-elem[data-elem-id="1660723501956"] .tn-atom{border-radius:0px 0px 0px 0px;background-color:#d0d6dd;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660723501956"]{display:table;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660723501956"]{display:table;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660723501956"]{display:table;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660723501956"]{display:table;}}#rec495453579 .tn-elem[data-elem-id="1660328018624"]{color:#172b4d;z-index:3;top:553px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328018624"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1660328018624"]{display:table;top:585px;;left:calc(50% - 480px + 28px);;width:278px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1660328018624"]{display:table;top:556px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1660328018624"]{display:table;top:1227px;;left:calc(50% - 240px + 19px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1660328018624"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1660328018624"]{display:table;top:1230px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1705327730563"]{z-index:3;top:calc(847px - 101px + 3px);;left:calc(50% - 3% + -3px);;width:6%;height:auto;}#rec495453579 .tn-elem[data-elem-id="1705327730563"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1705327730563"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1705327730563"]{display:table;top:calc(847px - 101px + 4px);;left:calc(50% - 3% + 2px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1705327730563"]{display:table;top:calc(847px - 101px + -112px);;left:calc(50% - 3% + 173px);;width:94px;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1705327730563"]{display:table;top:calc(847px - 101px + 57px);;left:calc(50% - 3% + 147px);;width:100px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1705327730563"]{display:table;top:calc(847px - 101px + 25px);;left:calc(50% - 3% + 1px);;width:71%;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1706690444440"]{color:#172b4d;z-index:3;top:377px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1706690444440"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1706690444440"]{display:table;top:389px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1706690444440"]{display:table;top:328px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1706690444440"]{display:table;top:448px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1706690444440"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1706690444440"]{display:table;top:458px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1707905565159"]{color:#172b4d;z-index:3;top:441px;;left:calc(50% - 600px + 420px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1707905565159"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1707905565159"]{display:table;top:457px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1707905565159"]{display:table;top:396px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1707905565159"]{display:table;top:524px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1707905565159"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1707905565159"]{display:table;top:532px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1742980584483"]{color:#172b4d;z-index:3;top:409px;;left:calc(50% - 600px + 419px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1742980584483"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1742980584483"]{display:table;top:423px;;left:calc(50% - 480px + 332px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1742980584483"]{display:table;top:362px;;left:calc(50% - 320px + 326px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1742980584483"]{display:table;top:486px;;left:calc(50% - 240px + 244px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1742980584483"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1742980584483"]{display:table;top:496px;;left:calc(50% - 160px + 166px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1708962345240"]{color:#172b4d;z-index:3;top:682px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1708962345240"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1708962345240"]{display:table;top:721px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1708962345240"]{display:table;top:692px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1708962345240"]{display:table;top:1379px;;left:calc(50% - 240px + 19px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1708962345240"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1708962345240"]{display:table;top:1382px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1742566995756"]{color:#172b4d;z-index:3;top:650px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1742566995756"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1742566995756"]{display:table;top:687px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1742566995756"]{display:table;top:658px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1742566995756"]{display:table;top:1341px;;left:calc(50% - 240px + 19px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1742566995756"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1742566995756"]{display:table;top:1344px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1723122768750"]{color:#172b4d;z-index:3;top:373px;;left:calc(50% - 600px + 886px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1723122768750"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1723122768750"]{display:table;top:409px;;left:calc(50% - 480px + 709px);;width:215px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1723122768750"]{display:table;top:973px;;left:calc(50% - 320px + 89px);;width:330px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1723122768750"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1723122768750"]{display:table;top:1128px;;left:calc(50% - 240px + 71px);;width:440px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1723122768750"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1723122768750"]{display:table;top:793px;;left:calc(50% - 160px + 57px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1768398747383000001"]{color:#172b4d;z-index:3;top:297px;;left:calc(50% - 600px + 816px);;width:360px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1768398747383000001"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1768398747383000001"]{display:table;top:317px;;left:calc(50% - 480px + 636px);;width:288px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1768398747383000001"]{display:table;top:874px;;left:calc(50% - 320px + 328px);;width:273px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1768398747383000001"] .tn-atom{vertical-align:middle;white-space:normal;background-size:cover;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1768398747383000001"]{display:table;top:1068px;;left:calc(50% - 240px + 20px);;width:335px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1768398747383000001"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1768398747383000001"]{display:table;top:1099px;;left:calc(50% - 160px + 9px);;width:300px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1726735717183"]{color:#172b4d;z-index:3;top:465px;;left:calc(50% - 600px + 16px);;width:336px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1726735717183"] .tn-atom{vertical-align:middle;color:#172b4d;font-size:16px;font-family:var(--t-text-font,Arial);line-height:1.5;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-shadow-text-opacity:100%;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1726735717183"]{display:table;top:485px;;left:calc(50% - 480px + 28px);;width:264px;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1726735717183"]{display:table;top:416px;;left:calc(50% - 320px + 20px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1726735717183"]{display:table;top:448px;;left:calc(50% - 240px + 16px);;width:212px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1726735717183"] .tn-atom{font-size:15px;line-height:1.47;background-size:cover;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1726735717183"]{display:table;left:calc(50% - 160px + 6px);;width:140px;height:auto;}}#rec495453579 .tn-elem[data-elem-id="1768399150632"]{z-index:3;top:369px;;left:calc(50% - 600px + 820px);;width:55px;height:55px;}#rec495453579 .tn-elem[data-elem-id="1768399150632"] .tn-atom{border-radius:10px 10px 10px 10px;background-color:#172b4d;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1768399150632"]{display:table;top:417px;;left:calc(50% - 480px + 640px);;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1768399150632"]{display:table;top:968px;;left:calc(50% - 320px + 24px);;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1768399150632"]{display:table;top:1129px;;left:calc(50% - 240px + 21px);;width:41px;height:41px;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1768399150632"]{display:table;top:794px;;left:calc(50% - 160px + 10px);;}}#rec495453579 .tn-elem[data-elem-id="1768399141699"]{z-index:3;top:378px;;left:calc(50% - 600px + 829px);;width:38px;height:auto;}#rec495453579 .tn-elem[data-elem-id="1768399141699"] .tn-atom{border-radius:0px 0px 0px 0px;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}#rec495453579 .tn-elem[data-elem-id="1768399141699"] .tn-atom__img{border-radius:0px 0px 0px 0px;object-position:center center;}@media screen and (max-width:1199px){#rec495453579 .tn-elem[data-elem-id="1768399141699"]{display:table;top:426px;;left:calc(50% - 480px + 649px);;height:auto;}}@media screen and (max-width:959px){#rec495453579 .tn-elem[data-elem-id="1768399141699"]{display:table;top:977px;;left:calc(50% - 320px + 33px);;height:auto;}}@media screen and (max-width:639px){#rec495453579 .tn-elem[data-elem-id="1768399141699"]{display:table;top:1136px;;left:calc(50% - 240px + 28px);;width:28px;height:auto;}}@media screen and (max-width:479px){#rec495453579 .tn-elem[data-elem-id="1768399141699"]{display:table;top:801px;;left:calc(50% - 160px + 17px);;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="495453579" data-artboard-screens="320,480,640,960,1200" data-artboard-height="847" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="1536" data-artboard-height-res-480="1513" data-artboard-height-res-640="1196" data-artboard-height-res-960="840"> <div class="t396__carrier" data-artboard-recid="495453579"></div> <div class="t396__filter" data-artboard-recid="495453579"></div> <div class='t396__elem tn-elem uc-logo--on-white tn-elem__4954535791712236782477' data-elem-id='1712236782477' data-elem-type='image' data-field-top-value="74" data-field-left-value="20" data-field-height-value="42" data-field-width-value="105" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="259" data-field-fileheight-value="103" data-field-heightmode-value="hug" data-field-top-res-320-value="36" data-field-left-res-320-value="7" data-field-height-res-320-value="42" data-field-top-res-480-value="40px" data-field-left-res-480-value="15" data-field-height-res-480-value="42" data-field-width-res-480-value="105" data-field-container-res-480-value="grid" data-field-top-res-640-value="61" data-field-left-res-640-value="24" data-field-height-res-640-value="42" data-field-left-res-960-value="36" data-field-height-res-960-value="42"> <a class='tn-atom' href="https://slurm.io/"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3630-3434-4637-b730-343538653735/slurm_logo_new_1_1.svg'
src='https://static.tildacdn.com/tild3630-3434-4637-b730-343538653735/slurm_logo_new_1_1.svg'
alt='' imgfield='tn_img_1712236782477'
/> </a> </div> <div class='t396__elem tn-elem uc-logo--on-dark tn-elem__4954535791712235605947' data-elem-id='1712235605947' data-elem-type='image' data-field-top-value="74" data-field-left-value="20" data-field-height-value="42" data-field-width-value="105" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="1188" data-field-fileheight-value="471" data-field-heightmode-value="hug" data-field-top-res-320-value="36" data-field-left-res-320-value="7" data-field-height-res-320-value="42" data-field-top-res-480-value="40" data-field-left-res-480-value="15" data-field-height-res-480-value="42" data-field-width-res-480-value="105" data-field-container-res-480-value="grid" data-field-top-res-640-value="61" data-field-left-res-640-value="24" data-field-height-res-640-value="42" data-field-left-res-960-value="36" data-field-height-res-960-value="42"> <a class='tn-atom' href="https://slurm.io/"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6135-3939-4135-b731-656566303162/white.svg'
src='https://static.tildacdn.com/tild6135-3939-4135-b731-656566303162/white.svg'
alt='' imgfield='tn_img_1712235605947'
/> </a> </div> <div class='t396__elem tn-elem uc-logo--on-white tn-elem__4954535791692506348245' data-elem-id='1692506348245' data-elem-type='image' data-field-top-value="58" data-field-left-value="820" data-field-height-value="57" data-field-width-value="120" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="87" data-field-fileheight-value="41" data-field-heightmode-value="hug" data-field-top-res-320-value="863" data-field-left-res-320-value="10" data-field-height-res-320-value="57" data-field-top-res-480-value="835" data-field-left-res-480-value="20" data-field-height-res-480-value="57" data-field-top-res-640-value="755" data-field-left-res-640-value="24" data-field-height-res-640-value="57" data-field-left-res-960-value="640" data-field-height-res-960-value="57"> <a class='tn-atom js-click-zero-stat' href="https://southbridge.io/?utm_source=slurm&utm_medium=footer" rel="nofollow" data-tilda-event-name="/tilda/click/rec495453579/button1692506348245"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6266-3163-4334-b735-323663336439/sb-logo-dark.svg'
src='https://static.tildacdn.com/tild6266-3163-4334-b735-323663336439/sb-logo-dark.svg'
alt='' imgfield='tn_img_1692506348245'
/> </a> </div> <div class='t396__elem tn-elem uc-logo--on-dark tn-elem__4954535791692506631214' data-elem-id='1692506631214' data-elem-type='image' data-field-top-value="58" data-field-left-value="820" data-field-height-value="56" data-field-width-value="120" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="86" data-field-fileheight-value="40" data-field-heightmode-value="hug" data-field-top-res-320-value="873" data-field-left-res-320-value="10" data-field-height-res-320-value="56" data-field-top-res-480-value="845" data-field-left-res-480-value="20" data-field-height-res-480-value="56" data-field-top-res-640-value="757" data-field-left-res-640-value="24" data-field-height-res-640-value="56" data-field-left-res-960-value="640" data-field-height-res-960-value="56"> <a class='tn-atom js-click-zero-stat' href="https://southbridge.io/?utm_source=slurm&utm_medium=footer" rel="nofollow" data-tilda-event-name="/tilda/click/rec495453579/button1692506631214"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3438-6232-4636-b961-366339386263/sb-logo-light.svg'
src='https://static.tildacdn.com/tild3438-6232-4636-b961-366339386263/sb-logo-light.svg'
alt='' imgfield='tn_img_1692506631214'
/> </a> </div> <div class='t396__elem tn-elem tn-elem__4954535791660327289504' data-elem-id='1660327289504' data-elem-type='text' data-field-top-value="121" data-field-left-value="20" data-field-height-value="24" data-field-width-value="360" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="18" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="81" data-field-left-res-480-value="20" data-field-top-res-640-value="68" data-field-left-res-640-value="153" data-field-left-res-960-value="32" data-field-width-res-960-value="288"> <div class='tn-atom'field='tn_text_1660327289504'>Обучение ИТ-профессионалов</div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327420094' data-elem-id='1660327420094' data-elem-type='text' data-field-top-value="185" data-field-left-value="14" data-field-height-value="26" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="24" data-field-left-res-320-value="5" data-field-width-res-320-value="300" data-field-left-res-480-value="15" data-field-width-res-480-value="440" data-field-top-res-640-value="124" data-field-left-res-640-value="20" data-field-left-res-960-value="27" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="tel:+74952480580"rel="nofollow"style="color: inherit">+7 (495) 248-05-80</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327526179' data-elem-id='1660327526179' data-elem-type='text' data-field-top-value="223" data-field-left-value="16" data-field-height-value="26" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="24" data-field-left-res-320-value="6" data-field-width-res-320-value="300" data-field-left-res-480-value="16" data-field-width-res-480-value="440" data-field-top-res-640-value="162" data-field-left-res-640-value="20" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="mailto:ask@slurm.io"rel="nofollow"style="color: inherit">ask@slurm.io</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328247771' data-elem-id='1660328247771' data-elem-type='text' data-field-top-value="547" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="614" data-field-left-res-320-value="6" data-field-width-res-320-value="300" data-field-top-res-480-value="622" data-field-left-res-480-value="16" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="532" data-field-left-res-640-value="326" data-field-top-res-960-value="557" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/corporate"style="color: inherit">Корпоративное обучение</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328067115' data-elem-id='1660328067115' data-elem-type='text' data-field-top-value="217" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="258" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="258" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="158" data-field-left-res-640-value="326" data-field-top-res-960-value="219" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/calendar"style="color: inherit">Календарь</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu--partner tn-elem__4954535791660328673693' data-elem-id='1660328673693' data-elem-type='text' data-field-top-value="229" data-field-left-value="816" data-field-height-value="48" data-field-width-value="360" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1017" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1008" data-field-left-res-480-value="20" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="874" data-field-left-res-640-value="20" data-field-width-res-640-value="256" data-field-top-res-960-value="229" data-field-left-res-960-value="636" data-field-width-res-960-value="288"> <div class='tn-atom'><a href="https://southbridge.io/?utm_source=slurm&utm_medium=footer"rel="nofollow"style="color: inherit"><span style="font-weight: 700;">Southbridge.</span> DevOps-аутсорсер, поддержка высоконагруженных проектов.</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327820270' data-elem-id='1660327820270' data-elem-type='text' data-field-top-value="305" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="258" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="246" data-field-left-res-640-value="20" data-field-top-res-960-value="315" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://habr.com/ru/companies/slurm/articles/"rel="nofollow"style="color: inherit">Хабр</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu--podcast tn-elem__4954535791660728009618' data-elem-id='1660728009618' data-elem-type='text' data-field-top-value="273" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="220" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="212" data-field-left-res-640-value="20" data-field-top-res-960-value="281" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://slurm.mave.digital/"rel="nofollow"style="color: inherit">Подкаст</a></div> </div> <div class='t396__elem tn-elem tn-elem__4954535791660728533851' data-elem-id='1660728533851' data-elem-type='text' data-field-top-value="274" data-field-left-value="8" data-field-height-value="24" data-field-width-value="9" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="218" data-field-left-res-320-value="0" data-field-top-res-480-value="222" data-field-left-res-480-value="8" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="211" data-field-left-res-640-value="10" data-field-top-res-960-value="283" data-field-left-res-960-value="20"> <div class='tn-atom'field='tn_text_1660728533851'>•</div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328247775' data-elem-id='1660328247775' data-elem-type='text' data-field-top-value="579" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="652" data-field-left-res-320-value="6" data-field-width-res-320-value="300" data-field-top-res-480-value="660" data-field-left-res-480-value="16" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="566" data-field-left-res-640-value="326" data-field-top-res-960-value="591" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/universal-tickets"style="color: inherit">Универсальные доступы</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328067118' data-elem-id='1660328067118' data-elem-type='text' data-field-top-value="185" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="220" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="220" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="124" data-field-left-res-640-value="326" data-field-top-res-960-value="185" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/catalog"style="color: inherit">Все курсы</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328247777' data-elem-id='1660328247777' data-elem-type='text' data-field-top-value="611" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="690" data-field-left-res-320-value="6" data-field-width-res-320-value="300" data-field-top-res-480-value="698" data-field-left-res-480-value="16" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="600" data-field-left-res-640-value="326" data-field-top-res-960-value="625" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/faq-for-oformitel"style="color: inherit">Оплата курса от компании</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328067120' data-elem-id='1660328067120' data-elem-type='text' data-field-top-value="249" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="296" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="296" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="192" data-field-left-res-640-value="326" data-field-top-res-960-value="253" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/free"style="color: inherit">Бесплатные материалы</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327823456' data-elem-id='1660327823456' data-elem-type='text' data-field-top-value="337" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="296" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="280" data-field-left-res-640-value="20" data-field-top-res-960-value="349" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://t.me/slurmnews"style="color: inherit">Telegram</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328067122' data-elem-id='1660328067122' data-elem-type='text' data-field-top-value="281" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="344" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="334" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="226" data-field-left-res-640-value="326" data-field-top-res-960-value="287" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/speaker"style="color: inherit">Спикеры</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791664355590156' data-elem-id='1664355590156' data-elem-type='text' data-field-top-value="313" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="382" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="372" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="260" data-field-left-res-640-value="326" data-field-top-res-960-value="321" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/for-speakers"style="color: inherit">Для спикеров</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791738909171549' data-elem-id='1738909171549' data-elem-type='text' data-field-top-value="345" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="420" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="410" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="294" data-field-left-res-640-value="326" data-field-top-res-960-value="355" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://slurm.io/careers"style="color: inherit">Работа в Слёрме</a></div> </div> <div class='t396__elem tn-elem tn-elem__4954535791660328170303' data-elem-id='1660328170303' data-elem-type='text' data-field-top-value="503" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="18" data-field-top-res-320-value="570" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="578" data-field-left-res-480-value="16" data-field-width-res-480-value="440" data-field-top-res-640-value="488" data-field-left-res-640-value="326" data-field-top-res-960-value="513" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'field='tn_text_1660328170303'>Корпоративным клиентам</div> </div> <div class='t396__elem tn-elem tn-elem__4954535791660328581896' data-elem-id='1660328581896' data-elem-type='text' data-field-top-value="185" data-field-left-value="820" data-field-height-value="24" data-field-width-value="360" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="18" data-field-top-res-320-value="973" data-field-left-res-320-value="12" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="964" data-field-left-res-480-value="20" data-field-width-res-480-value="440" data-field-top-res-640-value="830" data-field-left-res-640-value="24" data-field-width-res-640-value="288" data-field-left-res-960-value="640" data-field-width-res-960-value="288"> <div class='tn-atom'field='tn_text_1660328581896'>Партнёры</div> </div> <div class='t396__elem tn-elem tn-elem__4954535791660328396738' data-elem-id='1660328396738' data-elem-type='text' data-field-top-value="736" data-field-left-value="20" data-field-height-value="24" data-field-width-value="360" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1428" data-field-left-res-320-value="9" data-field-top-res-480-value="1435" data-field-left-res-480-value="23" data-field-top-res-640-value="1125" data-field-left-res-640-value="24" data-field-top-res-960-value="765" data-field-left-res-960-value="32" data-field-width-res-960-value="288"> <div class='tn-atom'field='tn_text_1660328396738'>© 2018—2025 ООО «Слёрм»</div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327824923' data-elem-id='1660327824923' data-elem-type='text' data-field-top-value="401" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="372" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="348" data-field-left-res-640-value="20" data-field-top-res-960-value="417" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://vk.com/slurm_io"rel="nofollow"style="color: inherit">VK</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327826356' data-elem-id='1660327826356' data-elem-type='text' data-field-top-value="369" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="334" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="314" data-field-left-res-640-value="20" data-field-top-res-960-value="383" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://www.youtube.com/c/slurm_io"rel="nofollow"style="color: inherit">YouTube</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327833780' data-elem-id='1660327833780' data-elem-type='text' data-field-top-value="433" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="410" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="382" data-field-left-res-640-value="20" data-field-top-res-960-value="451" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://dzen.ru/slurm"rel="nofollow"style="color: inherit">Дзен</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660327835132' data-elem-id='1660327835132' data-elem-type='text' data-field-top-value="497" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="486" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="450" data-field-left-res-640-value="20" data-field-top-res-960-value="519" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://www.linkedin.com/company/slurm"rel="nofollow"style="color: inherit">LinkedIn</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791695983077804' data-elem-id='1695983077804' data-elem-type='text' data-field-top-value="586" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1268" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1265" data-field-left-res-480-value="19" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="590" data-field-left-res-640-value="20" data-field-top-res-960-value="619" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/privacy"style="color: inherit">Политика конфиденциальности</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328020471' data-elem-id='1660328020471' data-elem-type='text' data-field-top-value="618" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1306" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1303" data-field-left-res-480-value="19" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="624" data-field-left-res-640-value="20" data-field-top-res-960-value="653" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/oferta-slurm"style="color: inherit">Публичная оферта</a></div> </div> <div class='t396__elem tn-elem tn-elem__4954535791660327366231' data-elem-id='1660327366231' data-elem-type='text' data-field-top-value="121" data-field-left-value="820" data-field-height-value="24" data-field-width-value="360" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="18" data-field-top-res-320-value="925" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="908" data-field-left-res-480-value="20" data-field-width-res-480-value="440" data-field-top-res-640-value="784" data-field-left-res-640-value="168" data-field-left-res-960-value="640"> <div class='tn-atom'field='tn_text_1660327366231'>Генеральный партнёр Слёрм</div> </div> <div class='t396__elem tn-elem uc-footer-line tn-elem__4954535791660723679978' data-elem-id='1660723679978' data-elem-type='shape' data-field-top-value="0" data-field-left-value="787" data-field-height-value="100" data-field-width-value="1" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="%" data-field-widthunits-value="px" data-field-left-res-960-value="619" data-field-height-res-960-value="100"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem uc-footer-line tn-elem__4954535791660625517826' data-elem-id='1660625517826' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="1" data-field-width-value="592" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="770" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="782" data-field-left-res-480-value="20" data-field-width-res-480-value="440" data-field-top-res-640-value="743" data-field-left-res-640-value="24"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem uc-footer-line tn-elem__4954535791660625579543' data-elem-id='1660625579543' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="1" data-field-width-value="592" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="1215" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1204" data-field-left-res-480-value="20" data-field-width-res-480-value="440" data-field-top-res-640-value="1060" data-field-left-res-640-value="24"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem uc-footer-line--top tn-elem__4954535791660723501956' data-elem-id='1660723501956' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="1" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="%"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791660328018624' data-elem-id='1660328018624' data-elem-type='text' data-field-top-value="553" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1230" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1227" data-field-left-res-480-value="19" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="556" data-field-left-res-640-value="20" data-field-top-res-960-value="585" data-field-left-res-960-value="28" data-field-width-res-960-value="278"> <div class='tn-atom'><a href="https://api.edu.slurm.io/uploads/license_dpo.pdf"target="_blank"style="color: inherit">Лицензия №ДЛ-1368 от 22.08.2019</a></div> </div> <div class='t396__elem tn-elem tn-elem__4954535791705327730563' data-elem-id='1705327730563' data-elem-type='image' data-field-top-value="3" data-field-left-value="-3" data-field-height-value="101" data-field-width-value="6" data-field-axisy-value="bottom" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="%" data-field-filewidth-value="600" data-field-fileheight-value="840" data-field-heightmode-value="hug" data-field-top-res-320-value="25" data-field-left-res-320-value="1" data-field-height-res-320-value="99" data-field-width-res-320-value="71" data-field-top-res-480-value="57" data-field-left-res-480-value="147" data-field-height-res-480-value="140" data-field-width-res-480-value="100" data-field-widthunits-res-480-value="px" data-field-top-res-640-value="-112" data-field-left-res-640-value="173" data-field-height-res-640-value="132" data-field-width-res-640-value="94" data-field-widthunits-res-640-value="px" data-field-top-res-960-value="4" data-field-left-res-960-value="2" data-field-height-res-960-value="81"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6562-3736-4663-b362-303664366334/idle-anim3_green_lin.gif'
src='https://thb.tildacdn.com/tild6562-3736-4663-b362-303664366334/-/resize/20x/idle-anim3_green_lin.gif'
alt='' imgfield='tn_img_1705327730563'
/> </div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791706690444440' data-elem-id='1706690444440' data-elem-type='text' data-field-top-value="377" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="458" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="448" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="328" data-field-left-res-640-value="326" data-field-top-res-960-value="389" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/reviews"style="color: inherit">Отзывы</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791707905565159' data-elem-id='1707905565159' data-elem-type='text' data-field-top-value="441" data-field-left-value="420" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="532" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="524" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="396" data-field-left-res-640-value="326" data-field-top-res-960-value="457" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/blog"style="color: inherit"><strong>Блог</strong></a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791742980584483' data-elem-id='1742980584483' data-elem-type='text' data-field-top-value="409" data-field-left-value="419" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="496" data-field-left-res-320-value="166" data-field-width-res-320-value="140" data-field-top-res-480-value="486" data-field-left-res-480-value="244" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="362" data-field-left-res-640-value="326" data-field-top-res-960-value="423" data-field-left-res-960-value="332" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="/about_us"style="color: inherit">О нас</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791708962345240' data-elem-id='1708962345240' data-elem-type='text' data-field-top-value="682" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1382" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1379" data-field-left-res-480-value="19" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="692" data-field-left-res-640-value="20" data-field-top-res-960-value="721" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://slurm.io/info"style="color: inherit">Юридическая информация</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791742566995756' data-elem-id='1742566995756' data-elem-type='text' data-field-top-value="650" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1344" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1341" data-field-left-res-480-value="19" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="658" data-field-left-res-640-value="20" data-field-top-res-960-value="687" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://slurm.io/newsletter"style="color: inherit">Согласие на рассылку</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu--partner tn-elem__4954535791723122768750' data-elem-id='1723122768750' data-elem-type='text' data-field-top-value="373" data-field-left-value="886" data-field-height-value="48" data-field-width-value="360" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="793" data-field-left-res-320-value="57" data-field-width-res-320-value="300" data-field-top-res-480-value="1128" data-field-left-res-480-value="71" data-field-width-res-480-value="440" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="973" data-field-left-res-640-value="89" data-field-height-res-640-value="48" data-field-width-res-640-value="330" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-top-res-960-value="409" data-field-left-res-960-value="709" data-field-width-res-960-value="215"> <div class='tn-atom'field='tn_text_1723122768750'><strong style="font-weight: 700;">СДЕЛАНО В РОССИИ</strong><br>Входим в реестр Российского ПО</div> </div> <div class='t396__elem tn-elem uc-footer-menu--partner tn-elem__4954535791768398747383000001' data-elem-id='1768398747383000001' data-elem-type='text' data-field-top-value="297" data-field-left-value="816" data-field-height-value="48" data-field-width-value="360" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-top-res-320-value="1099" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="1068" data-field-left-res-480-value="20" data-field-width-res-480-value="335" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="874" data-field-left-res-640-value="328" data-field-height-res-640-value="48" data-field-width-res-640-value="273" data-field-container-res-640-value="grid" data-field-heightunits-res-640-value="px" data-field-textfit-res-640-value="autoheight" data-field-top-res-960-value="317" data-field-left-res-960-value="636" data-field-width-res-960-value="288"> <div class='tn-atom'><a href="https://core247.io/"rel="nofollow"style="color: inherit"><strong style="font-weight: 700;">CORE 24/7.</strong> Официальный представитель Слёрма в Казахстане.</a></div> </div> <div class='t396__elem tn-elem uc-footer-menu tn-elem__4954535791726735717183' data-elem-id='1726735717183' data-elem-type='text' data-field-top-value="465" data-field-left-value="16" data-field-height-value="24" data-field-width-value="336" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="16" data-field-left-res-320-value="6" data-field-width-res-320-value="140" data-field-top-res-480-value="448" data-field-left-res-480-value="16" data-field-width-res-480-value="212" data-field-fontsize-res-480-value="15" data-field-top-res-640-value="416" data-field-left-res-640-value="20" data-field-top-res-960-value="485" data-field-left-res-960-value="28" data-field-width-res-960-value="264"> <div class='tn-atom'><a href="https://rutube.ru/channel/39652890/"rel="nofollow"style="color: inherit">Rutube</a></div> </div> <div class='t396__elem tn-elem tn-elem__4954535791768399150632' data-elem-id='1768399150632' data-elem-type='shape' data-field-top-value="369" data-field-left-value="820" data-field-height-value="55" data-field-width-value="55" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="794" data-field-left-res-320-value="10" data-field-top-res-480-value="1129" data-field-left-res-480-value="21" data-field-height-res-480-value="41" data-field-width-res-480-value="41" data-field-top-res-640-value="968" data-field-left-res-640-value="24" data-field-top-res-960-value="417" data-field-left-res-960-value="640"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__4954535791768399141699' data-elem-id='1768399141699' data-elem-type='image' data-field-top-value="378" data-field-left-value="829" data-field-height-value="38" data-field-width-value="38" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="512" data-field-fileheight-value="512" data-field-heightmode-value="hug" data-field-top-res-320-value="801" data-field-left-res-320-value="17" data-field-height-res-320-value="28" data-field-top-res-480-value="1136" data-field-left-res-480-value="28" data-field-height-res-480-value="28" data-field-width-res-480-value="28" data-field-top-res-640-value="977" data-field-left-res-640-value="33" data-field-height-res-640-value="38" data-field-top-res-960-value="426" data-field-left-res-960-value="649" data-field-height-res-960-value="38"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6664-3637-4833-b338-393633633963/coat-of-arms_3.svg'
src='https://static.tildacdn.com/tild6664-3637-4833-b338-393633633963/coat-of-arms_3.svg'
alt='' imgfield='tn_img_1768399141699'
/> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('495453579');});});</script> <!-- /T396 --> </div> <div id="rec825799301" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
/*Добавляем скругления углов у карточек стандартных блоков*/
.t-popup__container{ /*Сюда вставляем класс блока из таблицы выше*/
border-radius: 16px !important; /*Радиус скругления у блока*/
overflow: hidden; /*Используется для некоторых блоков, к которым не применяется скругление*/
/*Если нужно скруглить углы, каждый по отдельности, то используйте вместо одного значения четыре,
написав их через пробел, например 20px 30px 10px 50px*/
}
</style> <style>
/*Размытие фона*/
.t-popup.t-popup_show {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
</style> <!-- nominify end --> </div> </div> </div> </div> </footer> <!--/footer--> </div> <!--/allrecords--> <!-- Stat --> <!-- Yandex.Metrika counter 49219348 --> <script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym");window.mainMetrikaId='49219348';ym(window.mainMetrikaId,"init",{clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true,params:{__ym:{"ymCms":{"cms":"tilda","cmsVersion":"1.0"}}},ecommerce:"dataLayer"});},2000);</script> <noscript><div><img src="https://mc.yandex.ru/watch/49219348" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';}
window.tildastatscroll='yes';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'3ca9b9471ab76a4a58118835b5fb250d','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script> <!-- Rating Mail.ru counter --> <script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){var _tmr=window._tmr||(window._tmr=[]);_tmr.push({id:"3557140",type:"pageView",start:(new Date()).getTime()});window.mainMailruId='3557140';(function(d,w,id) {if(d.getElementById(id)) {return;}
var ts=d.createElement("script");ts.type="text/javascript";ts.async=true;ts.id=id;ts.src="https://top-fwz1.mail.ru/js/code.js";var f=function() {var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(ts,s);};if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,"topmailru-code");},2000);</script> <noscript><img src="https://top-fwz1.mail.ru/counter?id=3557140;js=na" style="border:0;position:absolute;left:-9999px;width:1px;height:1px" alt="Top.Mail.Ru" /></noscript> <!-- //Rating Mail.ru counter --> </body> </html>