It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://elementapp.ai

  1. <!doctype html>
  2. <html lang="pl-PL">
  3.  <head>
  4.    <meta charset="utf-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.      
  7.    <link rel="shortcut icon" href="https://elementapp.ai/imgs/favicon.ico" />
  8.    <!-- Google Tag Manager -->
  9. <!--<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':-->
  10. <!--new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],-->
  11. <!--j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=-->
  12. <!--'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);-->
  13. <!--})(window,document,'script','dataLayer','GTM-NM7R4XM');</script>-->
  14.  
  15. <script>
  16.          var loadGtm = function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  17.              new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  18.              j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  19.          }
  20.          setTimeout(loadGtm.bind(null, window, document, 'script', 'dataLayer', 'GTM-NM7R4XM'), 2000);
  21.      </script>
  22. <!-- End Google Tag Manager -->
  23.  
  24. <title>Element - poznaj najbardziej intuicyjny i zwinny system ATS</title>
  25.  
  26. <link rel="preload" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400;700&family=Raleway&display=swap" as="style">
  27.  
  28. <meta name="description"
  29.      content="Przejrzystość, wygoda i zwinna rekrutacja to komfort pracy oraz oszczędność czasu i pieniędzy. Sprawdź ATS Element, będzie to niezapomniane spotkanie!">
  30. <meta property="og:title" content="Element - najlepszy system ATS do wygodnej i zwinnej rekrutacji"/>
  31. <meta property="og:url" content="elementapp.ai"/>
  32. <meta property="og:description"
  33.      content="Przejrzystość, wygoda i zwinna rekrutacja to komfort pracy oraz oszczędność czasu i pieniędzy. Sprawdź ATS Element, będzie to niezapomniane spotkanie!"/>
  34. <meta property="og:image" content="https://www.elementapp.ai/imgs/Element-system-rekrutacyjny-ats-meta-image.png"/>
  35.  
  36. <style>
  37.    :root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h3{margin-top:0;margin-bottom:0.5rem}p{margin-top:0;margin-bottom:1rem}ul{margin-top:0;margin-bottom:1rem}a{color:#007bff;text-decoration:none;background-color:transparent}img{vertical-align:middle;border-style:none}label{display:inline-block;margin-bottom:0.5rem}button{border-radius:0}button,input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}textarea{overflow:auto;resize:vertical}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}h1,h2,h3{margin-bottom:0.5rem;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}.img-fluid{max-width:100%;height:auto}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-md-1,.col-md-5,.col-md-6{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:768px){.col-md-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-md-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}}.fade:not(.show){opacity:0}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:0.5}button.close{padding:0;background-color:transparent;border:0}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:0.5rem}.modal.fade .modal-dialog{-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}.modal-dialog-centered{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered:before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-content{position:relative;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:100%;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:0.3rem;outline:0}.modal-header{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-body{position:relative;-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto;padding:1rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered:before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}}.d-none{display:none!important}.d-block{display:block!important}@media (min-width:576px){.d-sm-none{display:none!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline-block{display:inline-block!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.pb-1{padding-bottom:0.25rem!important}.pt-5{padding-top:3rem!important}.pb-5{padding-bottom:3rem!important}body{margin:0;padding:0;font-family:Raleway,sans-serif}h1,h2,h3{font-family:"Nunito Sans",sans-serif}p{font-family:Raleway,sans-serif}a,a:visited{color:inherit;text-decoration:none}h1{color:#061d2b;font-size:34px;font-weight:200;line-height:40px}h2{color:#061d2b;font-size:24px;font-weight:700;letter-spacing:0;line-height:34px}h3{color:#061d2b;font-size:24px;font-weight:700;letter-spacing:0;line-height:34px}p.content-text{color:#253843;font-size:16px;line-height:28px;margin:20px 0 30px 0}.bold{font-weight:700!important}.no-bold{font-weight:500!important}.top-stripe{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e8eaeb;padding-left:20px;padding-right:20px;z-index:1100;background-color:#fff}.top-stripe-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-container{width:197px;float:left}.logo-container img{width:147px}.mobile-menu{background-color:#fff;margin-left:auto;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;float:right}.mobile-menu img{width:40px;padding:10px}.hero-btn-container{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hero-btn-container a{margin:10px}.btn-classic-blue{width:100%;color:#fff!important;font-family:"Nunito Sans",sans-serif;font-size:14px;font-weight:400;letter-spacing:0.83px;padding:12px 16px;background-color:#35b3e3;border-radius:3px;-webkit-box-shadow:5px 5px 5px 0 rgba(53,189,227,0.57);box-shadow:5px 5px 5px 0 rgba(53,189,227,0.57);text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-classic-blue-outline{width:100%;color:#000!important;font-family:"Nunito Sans",sans-serif;font-size:14px;font-weight:400;letter-spacing:0.83px;padding:12px 16px;background-color:#fff;border-radius:3px;border:2px solid #35b3e3;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-classic-orange{width:auto;color:#000!important;font-family:"Nunito Sans",sans-serif;font-size:14px;font-weight:700;letter-spacing:0.83px;padding:12px 16px;background-color:#ff9b21;border-radius:3px;-webkit-box-shadow:5px 5px 5px 0 rgba(240,177,100,0.57);box-shadow:5px 5px 5px 0 rgba(240,177,100,0.57);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none!important}.popup-button .btn-classic-orange{width:100%}.hero-img{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(59%,#e3eaf0),color-stop(59%,#f5f8fa));background:linear-gradient(180deg,#fff 0,#e3eaf0 59%,#f5f8fa 59%);margin:20px 0 0 0;padding:0}.hero-img div{margin:0;padding:0}.hero{padding-top:140px;text-align:center}.main-content{background-color:#f5f8fa;padding-top:10px}.home-btn-img{text-align:center}.home-btn-img a{margin-top:40px}.home-btn-img img{width:110%;max-width:110%;margin-left:-5%;margin-right:-5%}.popup-form form label{font-size:14px;font-weight:700;line-height:20px}.footer-form input,.popup-form form input,.popup-form form textarea{width:100%;padding:10px;background-color:#fff;border:1px solid #dedede;border-radius:2px}.popup-form form .walidacja-popup{display:none}.popup-form form .walidacja-popup{font-size:12px;line-height:20px;margin-top:6px}.popup-form form .walidacja-popup{margin-bottom:6px}.zgoda-popup{opacity:0.7;color:#071f2d;font-size:12px;letter-spacing:0.4px;line-height:20px}.zgoda-popup{text-align:justify}.control input{position:absolute;z-index:-1;opacity:0;width:1px}.overlay{height:0;width:100%;position:fixed;z-index:2000;top:0;left:0;background-color:#000;background-color:rgba(0,0,0,0.9);overflow-x:hidden}.overlay-content{position:relative;top:20%;width:100%;text-align:center;padding:30px}.overlay ul{list-style:none;padding:0}.overlay a{padding:8px;text-decoration:none;font-size:20px;color:#fff;display:block}.overlay .closebtn{position:absolute;top:0;right:20px;font-size:60px}#myNav .btn-classic-blue{margin-top:30px;-webkit-box-shadow:none;box-shadow:none}.popup-styles{visibility:hidden;width:100%;height:100%;background-color:rgba(255,255,255,0.8);position:fixed;top:0;left:0;z-index:1500}.close{width:20px;height:20px;position:absolute;top:30px;right:30px}.popup-content{width:100%;height:auto;background:#f5f8fa;position:absolute;padding:30px;left:0;margin-left:0;top:0;margin-top:0}.popup-single-field{margin-bottom:15px}.loader{display:none;width:20px;height:20px;position:absolute;left:50%;margin-left:-10px}img.loader{display:none;margin-top:10px;width:20px;height:20px}.modal-content{border:none}.modal-header{padding:30px;background-color:#f5f8fa;border:none}.modal-header picture{margin:20px auto 15px auto}.modal-header button img{width:20px;height:20px;position:absolute;margin:-10px}.modal-body{padding:30px;text-align:center}.modal-body button{border:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;font-family:Raleway,sans-serif}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-height:450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}.hidden-no-desktops{display:block}.header-contact-info{font-family:"Nunito Sans",sans-serif;font-size:14px;color:#5f697a;text-align:center;float:right;display:block;margin-left:auto;max-width:135px}.menu-tooltip{position:relative;display:inline-block;width:100%}.menu-tooltip .tooltiptext{visibility:hidden;width:140px;background-color:#35b3e3;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:-200%;left:50%;margin-left:-75px;opacity:0;line-height:14px}.menu-tooltip .tooltiptext:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #35b3e3 transparent}.trustbar-bottom-2{display:none;margin-top:0;padding-top:0!important;margin-bottom:120px}@media screen and (max-width:767px){.trustbar-bottom-2{display:block}}@media screen and (min-width:576px){.top-stripe{padding-left:0;padding-right:0}}@media screen and (min-width:768px){.popup-content{width:460px;height:auto;background:#f5f8fa;position:absolute;padding:30px;left:50%;margin-left:-230px;top:50%;margin-top:-330px}.popup-single-field{margin-bottom:15px}}@media screen and (min-width:992px){h1{font-size:45px;line-height:58px}h2{font-size:34px;line-height:40px}p.content-text{color:#253843;font-size:16px;line-height:28px;margin:20px 0 30px 0}.btn-classic-blue{width:auto!important;color:#fff!important;font-family:"Nunito Sans",sans-serif;font-size:14px;font-weight:400;letter-spacing:0.83px;padding:12px 16px;background-color:#35b3e3;border-radius:3px;-webkit-box-shadow:5px 5px 5px 0 rgba(53,189,227,0.57);box-shadow:5px 5px 5px 0 rgba(53,189,227,0.57);text-align:center;display:inline-block}.btn-classic-blue-outline{width:auto!important;color:#000!important;font-family:"Nunito Sans",sans-serif;font-size:14px;font-weight:400;letter-spacing:0.83px;padding:12px 16px;background-color:#fff;border-radius:3px;border:2px solid #35b3e3;text-align:center;display:inline-block!important}.hero-btn-container{margin-top:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menu-container{color:#5f697a;font-family:"Nunito Sans",sans-serif;font-size:14px}.menu-container ul{list-style-type:none;margin:0;padding:0}.menu-container ul li{float:left;margin:1px 10px 0 10px}.menu-container ul li a{color:inherit!important}.lang-container{text-align:right;margin-top:3px;margin-left:auto;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;max-width:220px;float:right}.lang-container a{display:inline-block}.lang-container a:first-child{color:#000;font-family:"Nunito Sans",sans-serif;font-size:14px;font-weight:700}.lang-container a:nth-child(2){margin-left:10px}.hero{padding-top:208px;text-align:center}.hero-img{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.hero-img div{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.main-content{padding-top:60px}.hidden-no-desktops{display:none}.header-contact-info{display:none}}@media screen and (min-width:1200px){.header-contact-info{display:block}}
  38.  
  39.  
  40.    .hero {
  41.        position: relative;
  42.    }
  43.  
  44.    h2 {
  45.        color: #061d2b;
  46.        font-size: 24px;
  47.        font-weight: 700;
  48.        letter-spacing: 0;
  49.        line-height: 34px;
  50.    }
  51.  
  52.    .main-trust-bottom {
  53.        margin-bottom: 20px;
  54.    }
  55.  
  56.    .main-sticker {
  57.        position: absolute;
  58.        right: 0;
  59.        bottom: 0;
  60.    }
  61.  
  62.  
  63.    @media all and (max-width: 999px) {
  64.        .main-sticker {
  65.            position: relative;
  66.        }
  67.    }
  68.  
  69.    @media all and (min-width: 992px) {
  70.        h2 {
  71.            font-size: 34px;
  72.            line-height: 40px;
  73.        }
  74.    }
  75.  
  76.    .leaders-elem img{
  77.    height: 30px;
  78.    width: auto;
  79. }
  80.  
  81. .main-trust-bottom{
  82.    margin-bottom: 20px;
  83. }
  84.  
  85.  
  86.  
  87. @media screen and (max-width: 767px) {
  88.  
  89.    .info-1 {
  90.        width: 0;
  91.        display: none;
  92.    }
  93.  
  94.    .info-2 {
  95.        width: 25%;
  96.    }
  97.  
  98.    .info-3 {
  99.        max-width: 75%;
  100.        flex: 75%;
  101.    }
  102.  
  103.    .info-4{
  104.        flex: 0 0 100%;
  105.        max-width: 100%;
  106.    }
  107.  
  108.    .my-slider {
  109.        display: none;
  110.    }
  111. }
  112.  
  113. .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  114.    margin-bottom: 0.5rem;
  115.    font-weight: 500;
  116.    line-height: 1.2;
  117. }
  118.  
  119. .h1, h1 {
  120.    font-size: 2.5rem;
  121. }
  122.  
  123. </style>
  124. <link rel="preload" href="https://elementapp.ai/css/home.css?d=144958332" type="text/css" as="style" onload = "this.onload = null; this.rel = 'stylesheet';">
  125. </head>
  126. <body>
  127.  
  128. <!-- Google Tag Manager (noscript) -->
  129. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NM7R4XM"
  130. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  131. <!-- End Google Tag Manager (noscript) -->
  132.  
  133. <div class="container-fluid top-stripe fixed-top">
  134. <div class="container top-stripe-cont">
  135. <div class="logo-container">
  136. <a href="index.php"><img src="https://elementapp.ai/imgs/element-system-logo.svg" width="16" height="24" alt="Element ATS logo" /></a>
  137. </div>
  138. <div class="menu-container d-none d-lg-block">
  139. <ul>
  140. <li><a href="https://elementapp.ai/funkcjonalnosci">Funkcjonalności</a></li>
  141.   <li><a href="https://elementapp.ai/opinie">Opinie</a></li>
  142. <li><a href="https://elementapp.ai/blog">Blog</a></li>
  143. <li><a href="#wiedza">Wiedza</a></li>
  144. <!--         <li><a href="https://elementapp.ai/akademia-rekrutacji">Akademia Rekrutacji</a></li> -->
  145. </ul>
  146. </div>
  147.        <div class="header-contact-info">
  148.            <input id="email-head-input" style="display:none;" value="contact@elementapp.ai">
  149.            <span id="email-head" class="menu-tooltip"><span class="tooltiptext" id="email-head-tooltip">Kliknij aby skopiować email</span>contact@elementapp.ai</span>
  150.        </div>
  151. <div class="lang-container d-none d-lg-block">
  152. <a href="https://elementapp.ai/eng/">ENG</a>
  153. <a class="btn-classic-blue sliding-link" href="#sprawdz-demo">Wypróbuj za darmo</a>
  154. </div>
  155. <div class="mobile-menu d-lg-none">
  156. <span onclick="openNav()"><img src="imgs/menu-icon.svg" width="16" height="16" alt="MENU" /></span>
  157. </div>
  158. </div>
  159. </div>
  160.  
  161. <div id="myNav" class="overlay">
  162.  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  163.  <div class="overlay-content">
  164.      System rekrutacyjny (ATS) Element:
  165. <ul>
  166. <li><a href="https://elementapp.ai/funkcjonalnosci">Funkcjonalności</a></li>
  167.   <li><a href="https://elementapp.ai/opinie">Opinie</a></li>
  168. <li><a href="https://elementapp.ai/blog">Blog</a></li>
  169. <li><a onclick="closeNav()" href="#wiedza">Wiedza</a></li>
  170. <!-- <li><a href="https://elementapp.ai/akademia-rekrutacji">Akademia Rekrutacji</a></li> -->
  171. </ul>
  172. <a class="btn-classic-blue" href="#sprawdz-demo">SPRAWDŹ DEMO</a>
  173. <a href="eng/" style="margin:30px 0 0 0;">ENG</a>
  174.  </div>
  175. </div>
  176.  
  177.  
  178. <div class="container hero">
  179.    <h1 class="h1">
  180.        <span class="bold">Intuicyjny i zwinny system ATS</span></h1>
  181.        <br>
  182.    <h2 class="no-bold">efektywna rekrutacja i komfort pracy<br class="d-block d-sm-none"/></h2>
  183.    <div class="hero-btn-container">
  184.        <a class="btn-classic-blue sliding-link" href="#sprawdz-demo">Wypróbuj za darmo</a>
  185.        <a class="btn-classic-blue-outline" href="funkcjonalnosci">DOWIEDZ SIĘ WIĘCEJ</a>
  186.    </div>
  187.    <div class="main-sticker">
  188.        <picture>
  189.            <source srcset="imgs/ATS stworzony przez rekruterów.webp" type="image/webp">
  190.            <img class="img-fluid" src="imgs/ATS stworzony przez rekruterów.webp"
  191.                 alt="ATS stworzony przez rekruterów" width="200" height="156" loading="lazy">
  192.        </picture>
  193.    </div>
  194. </div>
  195.  
  196. <div class="container">
  197. <div style="aspect-ratio: 653 / 223;">
  198.        <img
  199.        class="img-fluid"
  200.        style="width: 100%"
  201.        width="653"
  202.        height="223"
  203.        sizes="(max-width: 1306px) 100vw, 1306px"
  204.        srcset="
  205.        imgs/strona-glowna-header_rwqvu0_c_scale,w_200.webp 200w,
  206.        imgs/strona-glowna-header_rwqvu0_c_scale,w_799.webp 799w,
  207.        imgs/strona-glowna-header_rwqvu0_c_scalew_1306.webp 1306w"
  208.        src="imgs/strona-glowna-header_rwqvu0_c_scalew_1306.webp"
  209.        alt="Element AST rekrutacja widok kandydatów">
  210. </div>
  211.  
  212.  
  213.    <!-- <picture style="aspect-ratio: 11 / 9;">
  214.        <source srcset="imgs/jpgs/strona-glowna-header.webp" type="image/webp">
  215.        <img class="img-fluid" src="imgs/jpgs/strona-glowna-header.webp" alt="Element AST rekrutacja widok kandydatów" width="1100" height="900">
  216.    </picture> -->
  217. </div>
  218.  
  219.  
  220.        <div class="container-fluid main-content" loading="lazy">
  221.    <div class="container">
  222.        <div class="row pt-1 pb-1 main-trust-top">
  223.            <div class="col text-center">
  224.                <h2>z systemu ATS Element korzystają:</h2>
  225.            </div>
  226.        </div>
  227.        
  228.        <div class="row tab-container pt-3 pb-1 main-trust-bottom">
  229.            <div class="leaders-elem trustbar-elem-1">
  230.                <img alt="Logo firmy Electrolux" class="img-fluid" loading="lazy" src="https://elementapp.ai/imgs/Electrolux logo black.webp" width="200" height="200">
  231.            </div>
  232.            <div class="leaders-elem trustbar-elem-2">
  233.                <img alt="Logo firmy Modivo" class="img-fluid" data-lazy data-src="https://elementapp.ai/imgs/Modivo-by-eobuwie logo black.webp" width="200" height="200">
  234.            </div>
  235.  
  236.            <div class="leaders-elem trustbar-elem-2">
  237.                <img alt="Logo firmy Blachotrapez" class="img-fluid" data-lazy data-src="https://elementapp.ai/imgs/blachotrapez small logo.webp" width="200" height="200">
  238.            </div>
  239.            <div class="leaders-elem trustbar-elem-2">
  240.                <img alt="Logo firmy ReMax" class="img-fluid" data-lazy data-src="https://elementapp.ai/imgs/Remax logo black.webp" width="200" height="200">
  241.            </div>
  242.            <div class="leaders-elem trustbar-elem-2">
  243.                <img alt="Logo firmy Masterpress" class="img-fluid" data-lazy data-src="https://elementapp.ai/imgs/masterpress-logo-black.webp" width="200" height="200">
  244.            </div>
  245.        </div>
  246.  
  247.        <div class="row pt-5 pb-5">
  248.            <div class="col-md-5">
  249.                <h2>Szukaj szeroko i zatrudniaj najlepszych</h2>
  250.                <p class="content-text">Szybko pozyskuj kandydatów ze wszystkich możliwych źródeł.
  251.                Automatycznie publikuj ogłoszenia, za darmo szukaj kandydatów na Linkedin i ogranicz wydatki w pełni wykorzystując własną bazę kandydatów przechowywaną w Twoim <strong><a href="https://elementapp.ai/wszystko-o-ats"><span style="color: #333399;">systemie ATS</span></a></strong>.</p>
  252.                <a class="btn-classic-blue sliding-link d-none d-md-inline-block" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  253.            </div>
  254.            <div class="col-md-1"></div>
  255.            <div class="col-md-6 home-btn-img">
  256.                <picture>
  257.                    <source data-srcset="imgs/1-efektywne-pozyskiwanie-kandydatow.webp" type="image/webp">
  258.                    <source data-srcset="imgs/jpgs/1-efektywne-pozyskiwanie-kandydatow.png" type="image/png">
  259.                    <img class="img-fluid" data-lazy data-src="imgs/jpgs/strona-glowna-header.png" width="1306" height="446"
  260.                         alt="Element ATS rekrutacja pozyskiwanie kandydatów">
  261.                </picture>
  262.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  263.            </div>
  264.        </div>
  265.        
  266.        <div class="row pt-2 pb-2 strzalka-break d-none d-md-block text-center">
  267.            <picture>
  268.                <source data-srcset="imgs/strzalka-pomaranczowa-prawo.webp" type="image/webp">
  269.                <source data-srcset="imgs/jpgs/strzalka-pomaranczowa-prawo.png" type="image/png">
  270.                <img class="img-fluid" data-lazy data-src="imgs/jpgs/strzalka-pomaranczowa-prawo.png" width="236" height="132"
  271.                     alt="Pomarańczowa strzałka">
  272.            </picture>
  273.        </div>
  274.      
  275.        <div class="row pt-5 pb-5">
  276.            <div class="col-md-6 home-btn-img order-last order-md-1">
  277.                <picture>
  278.                    <source data-srcset="imgs/2-wygodne-zarzadzanie-procesem.webp" type="image/webp">
  279.                    <source data-srcset="imgs/jpgs/2-wygodne-zarzadzanie-procesem.png" type="image/png">
  280.                    <img class="img-fluid" data-lazy data-src="imgs/jpgs/2-wygodne-zarzadzanie-procesem.png" width="1244" height="656"
  281.                         alt="Element ATS wygodna i efektywna rekrutacja">
  282.                </picture>
  283.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  284.            </div>
  285.            <div class="col-md-1 order-md-2"></div>
  286.            <div class="col-md-5 order-first order-md-3">
  287.                <h2>Intuicyjny i wygodny system rekrutacyjny</h2>
  288.                <p class="content-text">Wieloletnie doświadczenie rekrutacyjne pozwoliło stworzyć dla Ciebie <strong><a href="https://elementapp.ai/wszystko-o-ats"><span style="color: #333399;">system ATS</span></a></strong>, w którym pracujesz efektywnie i komfortowo. W Elemencie nie szukasz, gdyż potrzebne dane masz zawsze pod ręką. Podejmujesz jedynie decyzje na podstawie przejrzyście zaprezentowanych informacji.</p>
  289.                <a class="btn-classic-blue sliding-link d-none d-md-inline-block" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  290.            </div>
  291.        </div>
  292.      
  293.        <div class="row pt-2 pb-2 strzalka-break d-none d-md-block text-center">
  294.            <picture>
  295.                <source data-srcset="imgs/strzalka-pomaranczowa-lewo.webp" type="image/webp">
  296.                <source data-srcset="imgs/jpgs/strzalka-pomaranczowa-lewo.png" type="image/png">
  297.                <img class="img-fluid" data-lazy data-src="imgs/jpgs/strzalka-pomaranczowa-lewo.png" width="236" height="132"
  298.                     alt="Pomarańczowa strzałka">
  299.            </picture>
  300.        </div>
  301.        
  302.        <div class="row pt-5 pb-5">
  303.            <div class="col-md-5">
  304.                <h2>ATS z automatyczną preselekcją kandydatów</h2>
  305.                <p class="content-text">Selekcja kandydatów jest jeszcze szybsza dzięki automatycznej punktacji odpowiedzi udzielanych podczas aplikowania. W <strong><a href="https://elementapp.ai/wszystko-o-ats"><span style="color: #333399;">systemie ATS</span></a></strong> Element utworzysz dowolne pytania, dowolne odpowiedzi i zmienisz je w dowolnym momencie. Punktacja jest niewidoczna dla kandydata, a Tobie pozwala szybciej podejmować trafne decyzje.</p>
  306.                <a class="btn-classic-blue sliding-link d-none d-md-inline-block" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  307.            </div>
  308.            <div class="col-md-1"></div>
  309.            <div class="col-md-6 home-btn-img">
  310.                <picture>
  311.                    <source data-srcset="imgs/why/selekcja-kandydatow-ats-element.webp" type="image/webp">
  312.                    <source data-srcset="imgs/why/selekcja-kandydatow-ats-element.png" type="image/png">
  313.                    <img width="432" height="288" class="img-fluid" data-lazy data-src="imgs/why/selekcja-kandydatow-ats-element.png" alt="Element ATS selekcja kandydatów" style="width: 80%;">
  314.                </picture>
  315.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  316.             </div>
  317.        </div>
  318.  
  319.         <div class="row pt-2 pb-2 strzalka-break d-none d-md-block text-center">
  320.            <picture>
  321.                <source data-srcset="imgs/strzalka-pomaranczowa-prawo.webp" type="image/webp">
  322.                <source data-srcset="imgs/jpgs/strzalka-pomaranczowa-prawo.png" type="image/png">
  323.                <img class="img-fluid" data-lazy data-src="imgs/jpgs/strzalka-pomaranczowa-prawo.png" width="236" height="132"
  324.                     alt="Pomarańczowa strzałka">
  325.            </picture>
  326.        </div>
  327.  
  328.       <div class="row pt-5 pb-5">
  329.            <div class="col-md-6 home-btn-img order-last order-md-1">
  330.                <picture>
  331.                    <source data-srcset="imgs/why/doswiadcznie-kandydata-ats-element.webp" type="image/webp">
  332.                    <source data-srcset="imgs/why/doswiadcznie-kandydata-ats-element.png" type="image/png">
  333.                    <img width="454" height="488" class="img-fluid" data-lazy data-src="imgs/why/doswiadcznie-kandydata-ats-element.png" alt="Element ATS doświadczenie kandydata" style="width: 40%;">
  334.                </picture>
  335.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  336.            </div>
  337.            <div class="col-md-1 order-md-2"></div>
  338.            <div class="col-md-5 order-first order-md-3">
  339.                <h2>System rekrutacyjny automatyzuje Twoją komunikację</h2>
  340.                <p class="content-text"><strong><a href="https://elementapp.ai/wszystko-o-ats"><span style="color: #333399;">System ATS</span></a></strong> Element wyśle za Ciebie wiadomość do wyselekcjonowanych osób, powiadomi hiring managerów oraz podziękuje za udział w rekrutacji kandydatom, którzy odpadli z procesu. Wysyłka masowych wiadomości email i sms również nie stanowi problemu.</p>
  341.                <a class="btn-classic-blue sliding-link d-none d-md-inline-block" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  342.            </div>
  343.        </div>
  344.        
  345.       <div class="row pt-2 pb-2 strzalka-break d-none d-md-block text-center">
  346.            <picture>
  347.                <source data-srcset="imgs/strzalka-pomaranczowa-lewo.webp" type="image/webp">
  348.                <source data-srcset="imgs/jpgs/strzalka-pomaranczowa-lewo.png" type="image/png">
  349.                <img class="img-fluid" data-lazy data-src="imgs/jpgs/strzalka-pomaranczowa-lewo.png" width="236" height="132"
  350.                     alt="Pomarańczowa strzałka">
  351.            </picture>
  352.        </div>
  353.  
  354.        <div class="row pt-5 pb-5">
  355.            <div class="col-md-5">
  356.                <h2>ATS z bezpłatną wyszukiwarką Linkedin, Github i Stack Overflow!</h2>
  357.                <p class="content-text">W <strong><a href="https://elementapp.ai/wszystko-o-ats"><span style="color: #333399;">systemie rekrutacyjnym</span></a></strong> Element bezpłatnie skorzystasz z wyszukiwania kandydatów na portalu Linkedin, Github i Stack Overflow. Korzystaj z zaawansowanych narzędzi rekrutacyjnych bez zbędnych kosztów!</p>
  358.                <a class="btn-classic-blue sliding-link d-none d-md-inline-block" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  359.            </div>
  360.            <div class="col-md-1"></div>
  361.            <div class="col-md-6 home-btn-img">
  362.                <picture>
  363.                    <source data-srcset="imgs/why/wyszukiwanie-kandydatow-ats-element.webp" type="image/webp">
  364.                    <source data-srcset="imgs/why/wyszukiwanie-kandydatow-ats-element.png" type="image/png">
  365.                    <img width="486" height="236" class="img-fluid" data-lazy data-src="imgs/why/wyszukiwanie-kandydatow-ats-element.png" alt="Element ATS wyszukiwanie kandydatów" style="width: 90%;">
  366.                </picture>
  367.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  368.            </div>
  369.        </div>
  370.        
  371.         <div class="row pt-2 pb-2 strzalka-break d-none d-md-block text-center">
  372.            <picture>
  373.                <source data-srcset="imgs/strzalka-pomaranczowa-prawo.webp" type="image/webp">
  374.                <source data-srcset="imgs/jpgs/strzalka-pomaranczowa-prawo.png" type="image/png">
  375.                <img class="img-fluid" data-lazy data-src="imgs/jpgs/strzalka-pomaranczowa-prawo.png" width="236" height="132"
  376.                     alt="Pomarańczowa strzałka">
  377.            </picture>
  378.        </div>
  379.  
  380.         <div class="row pt-5 pb-5">
  381.            <div class="col-md-6 home-btn-img order-last order-md-1">
  382.                <picture>
  383.                    <source data-srcset="imgs/why/automatyzacja-rodo-ats-element.webp" type="image/webp">
  384.                    <source data-srcset="imgs/why/automatyzacja-rodo-ats-element.png" type="image/png">
  385.                    <img width="324" height="203" class="img-fluid" data-lazy data-src="imgs/why/automatyzacja-rodo-ats-element.png" alt="Element ATS automatyzacja rodo" style="width: 60%;">
  386.                </picture>
  387.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  388.            </div>
  389.            <div class="col-md-1 order-md-2"></div>
  390.            <div class="col-md-5 order-first order-md-3">
  391.                <h2>System rekrutacyjny, w którym nie martwisz się o RODO</h2>
  392.                <p class="content-text"><strong><a href="https://elementapp.ai/wszystko-o-ats"><span style="color: #333399;">System ATS</span></a></strong> Element kompleksowo zajmie się RODO: automatycznie odbierze od kandydata <a href="https://gdpr.pl/baza-wiedzy/akty-prawne/interaktywny-tekst-gdpr/artykul-7-warunki-wyrazenia-zgody" rel="nofollow"><span style="color: #333399;">zgody RODO</span></a>, zapisze je w <a href="https://uodo.gov.pl/pl/123/214" rel="nofollow"><span style="color: #333399;">rejestrze czynności przetwarzania</span></a>, dokona <a href="https://gdpr.pl/pseudonimizacja-a-anonimizacja-danych-praktyczne-zastosowanie-w-przedsiebiorstwie" rel="nofollow"><span style="color: #333399;">anonimizacji</span></a>, a nawet poprosi kandydata o przedłużenie zgody RODO! W ATS Element nie myślisz już o RODO a system sam dba, aby Twoja baza kandydatów była jak największa.</p>
  393.            </div>
  394.        </div>
  395.  
  396.        <div class="row pt-2 pb-2 strzalka-break d-none d-md-block text-center">
  397.            <picture>
  398.                <source data-srcset="imgs/strzalka-pomaranczowa-lewo.webp" type="image/webp">
  399.                <source data-srcset="imgs/jpgs/strzalka-pomaranczowa-lewo.png" type="image/png">
  400.                <img class="img-fluid" data-lazy data-src="imgs/jpgs/strzalka-pomaranczowa-lewo.png" width="236" height="132"
  401.                     alt="Pomarańczowa strzałka">
  402.            </picture>
  403.        </div>
  404.  
  405.        <div class="row pt-5 pb-5">
  406.            <div class="col-md-5">
  407.                <h2>ATS wspierający zwinną rekrutację</h2>
  408.                <p class="content-text">Element wspiera zwinne prowadzenie rekrutacji. Oznacza to, że w dowolnym momencie łatwo zmienisz każdy element procesu rekrutacyjnego. Zwinność <strong><a href="https://elementapp.ai/wszystko-o-ats"><span style="color: #333399;">systemu ATS</span></a></strong> pozwala zawsze dostosować rekrutację do Twoich indywidualnych potrzeb.</p>
  409.                <a class="btn-classic-blue sliding-link d-none d-md-inline-block" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  410.            </div>
  411.            
  412.            <div class="col-md-1"></div>
  413.            <div class="col-md-6 home-btn-img">
  414.                <picture>
  415.                    <source data-srcset="imgs/why/zarzadzanie-kandydatami-ats-element.webp" type="image/webp">
  416.                    <source data-srcset="imgs/why/zarzadzanie-kandydatami-ats-element.png" type="image/png">
  417.                    <img width="324" height="300" class="img-fluid" data-lazy data-src="imgs/why/zarzadzanie-kandydatami-ats-element.png" alt="Element ATS zarządzenie kandydatami" style="width: 60%;">
  418.                </picture>
  419.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  420.                
  421.            </div>
  422.        </div>
  423.  
  424.        <div class="row pt-2 pb-2 strzalka-break d-none d-md-block text-center">
  425.            <picture>
  426.                <source data-srcset="imgs/strzalka-pomaranczowa-prawo.webp" type="image/webp">
  427.                <source data-srcset="imgs/jpgs/strzalka-pomaranczowa-prawo.png" type="image/png">
  428.                <img class="img-fluid" data-lazy data-src="imgs/jpgs/strzalka-pomaranczowa-prawo.png" width="236" height="132"
  429.                     alt="Pomarańczowa strzałka">
  430.            </picture>
  431.        </div>
  432.  
  433.        <div class="row pt-5 pb-5">
  434.            <div class="col-md-6 home-btn-img order-last order-md-1">
  435.                <picture>
  436.                    <source data-srcset="imgs/why/job-monit-ats-element.webp" type="image/webp">
  437.                    <source data-srcset="imgs/why/job-monit-ats-element.png" type="image/png">
  438.                    <img width="216" height="268" class="img-fluid" data-lazy data-src="imgs/why/job-monit-ats-element.png" alt="Element ATS Job Monit"  style="width: 40%;">
  439.                </picture>
  440.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  441.            </div>
  442.            <div class="col-md-1 order-md-2"></div>
  443.            <div class="col-md-5 order-first order-md-3">
  444.                <h2>Job Monit - największa na rynku baza danych o rekrutacjach</h2>
  445.                <p class="content-text"><a href="https://elementapp.ai/funkcjonalnosci#crm-rekrutacyjny"><span style="color: #333399;">Job Monit</span></a> to przykład jednej z wielu funkcji <strong><a href="https://elementapp.ai/wszystko-o-ats"><span style="color: #333399;">systemu ATS</span></a></strong> Element, których nie znajdziesz w rozwiązaniach konkurencyjnych. Job Monit  dostarczy Ci zawsze aktualne informacje o potrzebach rekrutacyjnych polskiej gospodarki. Od teraz wiesz kto rekrutuje, kogo rekrutuje, co oferuje i gdzie publikuje ogłoszenia. Job Monit to także niezastąpione <a href="https://elementapp.ai/blog/monitoring-potrzeb-rekrutacyjnych/"><span style="color: #333399;">narzędzie sprzedażowe dla firm rekrutacyjnych.</span></a></p>
  446.                <a class="btn-classic-blue sliding-link d-none d-md-inline-block" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  447.            </div>
  448.        </div>
  449.  
  450.        <div class="row pt-2 pb-2 strzalka-break d-none d-md-block text-center">
  451.            <picture>
  452.                <source data-srcset="imgs/strzalka-pomaranczowa-lewo.webp" type="image/webp">
  453.                <source data-srcset="imgs/jpgs/strzalka-pomaranczowa-lewo.png" type="image/png">
  454.                <img class="img-fluid" data-lazy data-src="imgs/jpgs/strzalka-pomaranczowa-lewo.png" width="236" height="132"
  455.                     alt="Pomarańczowa strzałka">
  456.            </picture>
  457.        </div>
  458.  
  459.        <div class="row pt-5 pb-5">
  460.            <div class="col-md-5">
  461.                <h2>Fantastyczne wsparcie każdego dnia</h2>
  462.                <p class="content-text">Nie dość, że pracujesz na wyjątkowym <strong><a href="https://elementapp.ai/wszystko-o-ats"><span style="color: #333399;">systemie ATS</span></a></strong>, to dodatkowo otrzymujesz szkolenie, wdrożenie, a nawet pomoc z rekrutacją. Możesz na nas liczyć nawet w weekendy i święta!</p>
  463.                <a class="btn-classic-blue sliding-link d-none d-md-inline-block" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  464.            </div>
  465.            <div class="col-md-1"></div>
  466.            <div class="col-md-6 home-btn-img">
  467.                <picture>
  468.                    <source data-srcset="imgs/why/obsluga-klienta-ats-element.webp" type="image/webp">
  469.                    <source data-srcset="imgs/why/obsluga-klienta-ats-element.png" type="image/png">
  470.                    <img width="378" height="303" class="img-fluid" data-lazy data-src="imgs/why/obsluga-klienta-ats-element.png" alt="Element ATS obsługa klienta" style="width: 70%">
  471.                </picture>
  472.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  473.            </div>
  474.        </div>
  475.  
  476.         <div class="row pt-2 pb-2 strzalka-break d-none d-md-block text-center">
  477.            <picture>
  478.                <source data-srcset="imgs/strzalka-pomaranczowa-prawo.webp" type="image/webp">
  479.                <source data-srcset="imgs/jpgs/strzalka-pomaranczowa-prawo.png" type="image/png">
  480.                <img class="img-fluid" data-lazy data-src="imgs/jpgs/strzalka-pomaranczowa-prawo.png" width="236" height="132"
  481.                     alt="Pomarańczowa strzałka">
  482.            </picture>
  483.        </div>
  484.  
  485.         <div class="row pt-5 pb-5">
  486.            <div class="col-md-6 home-btn-img order-last order-md-1" style="padding-top: 100px;">
  487.                <picture>
  488.                    <source data-srcset="imgs/why/Migracja-ATS.webp" type="image/webp">
  489.                    <source data-srcset="imgs/why/Migracja-ATS.png" type="image/png">
  490.                    <img width="610" height="203" class="img-fluid" data-lazy data-src="imgs/why/Migracja-ATS.png" alt="Migracja ATS.png" style="width: 100%">
  491.                </picture>
  492.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  493.            </div>
  494.            <div class="col-md-1 order-md-2"></div>
  495.            <div class="col-md-5 order-first order-md-3">
  496.                <h2>Szybka migracja z obecnego systemu ATS</h2>
  497.                <p class="content-text">Szybko, bezpiecznie i bezstresowo przeniesiemy całą bazę kandydatów, procesów rekrutacyjnych, notatek, zgód RODO i innych danych, które przechowywane są w Twoim obecnym systemie ATS. Regularnie migrujemy do Elementu firmy zarówno z najpopularniejszych, jak i zupełnie nieznanych systemów rekrutacyjnych. Stworzyliśmy nawet <strong><a href="https://elementapp.ai/blog/zmieniasz-system-rekrutacyjny-dobrze-zaplanuj-migracje-danych/"><span style="color: #333399;">poradnik migracji pomiędzy systemami ATS.</span></a></strong></p>
  498.                <a class="btn-classic-blue sliding-link d-none d-md-inline-block" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  499.            </div>
  500.        </div>
  501.  
  502.  
  503.        <div class="row pt-2 pb-2 strzalka-break d-none d-md-block text-center">
  504.            <picture>
  505.                <source data-srcset="imgs/strzalka-pomaranczowa-lewo.webp" type="image/webp">
  506.                <source data-srcset="imgs/jpgs/strzalka-pomaranczowa-lewo.png" type="image/png">
  507.                <img class="img-fluid" data-lazy data-src="imgs/jpgs/strzalka-pomaranczowa-lewo.png" width="236" height="132"
  508.                     alt="Pomarańczowa strzałka">
  509.            </picture>
  510.        </div>
  511.  
  512.        <div class="row pt-5 pb-5">
  513.            <div class="col-md-5">
  514.                <h2>Nowoczesny ATS i sztuczna inteligencja w&nbsp;rękach rekruterów</h2>
  515.                <p class="content-text">Element to nie tylko wygodny i&nbsp;intuicyjny system rekrutacyjny. Nasz ATS to także najnowocześniejsza technologia oparta o sztuczną inteligencję, która oszczędza czas niezbędny na wyszukiwanie i&nbsp;selekcję kandydatów oraz&nbsp;pracę z&nbsp;dokumentami.</p>
  516.                <a class="btn-classic-blue sliding-link d-none d-md-inline-block" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  517.            </div>
  518.            <div class="col-md-1"></div>
  519.            <div class="col-md-6 home-btn-img">
  520.                <picture>
  521.                    <source data-srcset="imgs/4-lista-proponowanych-kandydatow.webp" type="image/webp">
  522.                    <source data-srcset="imgs/jpgs/4-lista-proponowanych-kandydatow.png" type="image/png">
  523.                    <img class="img-fluid" data-lazy data-src="imgs/jpgs/4-lista-proponowanych-kandydatow.png" width="1256"
  524.                         height="572" alt="Element ATS lista proponowanych kandydatów">
  525.                </picture>
  526.                <a class="btn-classic-blue sliding-link d-block d-md-none" href="#sprawdz-demo">POZNAJ ELEMENT</a>
  527.            </div>
  528.        </div>
  529.                <!-- -->        <div class="row pt-5 pb-1" id="sprawdz-demo">
  530.    <div class="col text-center">
  531.        <h2>Wypróbuj za darmo</h2>
  532.        <p class="content-text mt-0" style="margin-bottom: 10px; font-weight: bold; font-size: 22px;">system rekrutacyjny takich firm jak</p>
  533.    </div>
  534. </div>
  535.  
  536. <div class="row tab-container pt-3 pb-1 justify-center">
  537.    <div class="leaders-elem trustbar-elem-2">
  538.        <img alt="Logo firmy Electrolux" class="img-fluid h-auto px-4 py-4" data-lazy data-src="https://elementapp.ai/imgs/Electrolux logo black.webp" width="200" height="200">
  539.    </div>
  540.    <div class="leaders-elem trustbar-elem-2">
  541.        <img alt="Logo firmy Modivo" class="img-fluid h-auto px-4 py-4" data-lazy data-src="https://elementapp.ai/imgs/Modivo-by-eobuwie logo black.webp" width="200" height="200">
  542.    </div>
  543.    
  544.    <div class="leaders-elem trustbar-elem-2">
  545.        <img alt="Logo firmy Blachotrapez" class="img-fluid h-auto px-4 py-4" data-lazy data-src="https://elementapp.ai/imgs/blachotrapez small logo.webp" width="200" height="200">
  546.    </div>
  547.    <div class="leaders-elem trustbar-elem-2">
  548.        <img alt="Logo firmy Remax" class="img-fluid h-auto px-4 py-4" data-lazy data-src="https://elementapp.ai/imgs/Remax logo black.webp" width="200" height="200">
  549.    </div>
  550.    <div class="leaders-elem trustbar-elem-2">
  551.        <img alt="Logo firmy Masterpress" class="img-fluid h-auto px-4 py-4" data-lazy data-src="https://elementapp.ai/imgs/masterpress-logo-black.webp" width="200" height="200">
  552.    </div>
  553. </div>
  554.  
  555. <form id="newsletter22" method="post" action="mail.php">
  556.    <div class="row pt-1 pb-5 footer-form">
  557.        <div class="col-sm-3 col-md-3 info-1"></div>
  558.        <div class="col-sm-1 col-md-1 info-2"><p class="text-right content-text mt-0" style="margin-bottom: 10px; font-weight: bold; font-size: 22px;">1.</p></div>
  559.        <div class="col-sm-4 col-md-4 info-3"><p class="content-text mt-0" style="margin-bottom: 10px; font-weight: bold; font-size: 22px;">Podaj e-mail i telefon</p></div>
  560.        <div class="col-sm-4 col-md-4"></div>
  561.        <div class="col-sm-4 col-md-4"></div>
  562.        <div class="col-sm-4 col-md-4 info-4">
  563.            <p><label for="email" class="descLabel" id="emailLabel">E-mail</label>
  564.                <input type="email" id="email" name="email" minlength="5" maxlength="150" required/>
  565.            </p>
  566.            <!--p class="walidacja-mail error">Wpisz poprawny email</p-->
  567.        </div>
  568.        <div class="col-sm-4 col-md-4"></div>
  569.        <div class="col-sm-4 col-md-4"></div>
  570.        <div class="col-sm-4 col-md-4 info-4">
  571.            <label for="phone" id="phoneLabel">Telefon</label>
  572.            <input type="tel" id="phone" name="phone">
  573.            <p class="walidacja-tel">Poprawny format +xx yyy yyy yyy</p>
  574.        </div>
  575.        <div class="col-sm-2 col-md-2 error"></div>
  576.        <div class="col-sm-2 col-md-2"></div>
  577.        <div class="col-sm-12 col-md-12">&nbsp;</div>
  578.        <div class="col-sm-3 col-md-3 info-1"></div>
  579.        <div class="col-sm-1 col-md-1 info-2"><p class="text-right content-text mt-0" style="margin-bottom: 10px; font-weight: bold; font-size: 22px; padding-top: 10px;">2.</p></div>
  580.        <div class="col-sm-4 info-3">
  581.            <div class="text-left">
  582.                <button class="btn-classic-orange" type="submit">KLIKNIJ
  583.                </button>
  584.                <div class="loader"><img class="loader" data-lazy data-src="https://elementapp.ai/imgs/loader.gif" alt="loader"/></div>
  585.            </div>
  586.        </div>
  587.        <div class="col-sm-4 col-md-4"></div>
  588.    </div>
  589. <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
  590. </form>
  591.  
  592. <div class="row pt-5 pb-1">
  593.    <div class="col text-center">
  594.        <h2>Jesteśmy partnerem
  595.        <img alt="logo PFHR" class="img-fluid" data-lazy data-src="https://elementapp.ai/imgs/PFHR logo.webp" width="80" height="80">
  596.        </h2>
  597.    </div>
  598. </div>
  599. <div class="row pt-3 pb-1">
  600.    <div class="col text-center">
  601.        <p class="content-text mt-0" style="font-weight: bold">Element gwarantuje najwyższy<br>
  602.            standard rekrutacji i zgodność z RODO
  603.        </p>
  604.    </div>
  605. </div>
  606.  
  607. <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
  608.     aria-hidden="true">
  609.    <div class="modal-dialog modal-dialog-centered" role="document">
  610.        <div class="modal-content">
  611.            <div class="modal-header">
  612.                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  613.                    <img data-lazy data-src="https://elementapp.ai/imgs/x-close.svg" alt="Zamknij" width="20" height="20" />
  614.                </button>
  615.                <picture>
  616.                    <source data-srcset="https://elementapp.ai/imgs/dziekujemy.webp" type="image/webp">
  617.                    <source data-srcset="https://elementapp.ai/imgs/dziekujemy.png" type="image/png">
  618.                    <img data-lazy data-src="https://elementapp.ai/imgs/dziekujemy.png" width="614" height="262"
  619.                         alt="Dziękujemy za kontakt">
  620.                </picture>
  621.            </div>
  622.            <div class="modal-body">
  623.                <h3>Dziękujemy za kontakt</h3>
  624.                <p>Wkrótce się z Tobą skontaktujemy.</p>
  625.                <button class="btn-classic-blue sliding-link d-none d-md-inline-block" type="button"  id="modalSendOK"
  626.                        class="btn btn-primary" data-dismiss="modal">POWRÓT
  627.                </button>
  628.            </div>
  629.        </div>
  630.    </div>
  631. </div>
  632. <div class="modal fade" id="ModalError" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
  633.     aria-hidden="true">
  634.    <div class="modal-dialog modal-dialog-centered" role="document">
  635.        <div class="modal-content">
  636.            <div class="modal-header">
  637.                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  638.                    <img data-lazy data-src="https://elementapp.ai/imgs/x-close.svg" alt="Zamknij" width="20" height="20" />
  639.                </button>
  640.                <picture>
  641.                    <source data-srcset="https://elementapp.ai/imgs/dziekujemy.webp" type="image/webp">
  642.                    <source data-srcset="https://elementapp.ai/imgs/dziekujemy.png" type="image/png">
  643.                    <img data-lazy data-src="https://elementapp.ai/imgs/dziekujemy.png"
  644.                         alt="Wystąpił błąd">
  645.                </picture>
  646.            </div>
  647.            <div class="modal-body">
  648.                <h3>Wystąpił błąd</h3>
  649.                <p>Spróbuj ponownie wkrótce.</p>
  650.                <button class="btn-classic-blue sliding-link d-none d-md-inline-block" type="button"
  651.                        class="btn btn-primary" data-dismiss="modal">POWRÓT
  652.                </button>
  653.            </div>
  654.        </div>
  655.    </div>
  656. </div>
  657.        <div class="popup-styles" id="popup">
  658. <div class="popup-content popup-form">
  659. <span class="close" target="_blank" onclick="openPopup()"><img data-lazy data-src="imgs/x-close.svg"  width="20" height="20" alt="Zamknij" /></span>
  660. <h3>Jesteś akcjonariuszem?<br />Wyślij do nas email</h3>
  661. <form style="margin-top:10px;">
  662. <div class="popup-single-field">
  663. <label for="name">Imię i nazwisko</label><br />
  664. <input type="name" minlength="5" maxlength="150">
  665. <p class="walidacja-popup">Uzupełnij poprawnie to pole</p>
  666. </div>
  667. <div class="popup-single-field">
  668. <label for="mail">Adres e-mail</label><br />
  669. <input type="mail" minlength="5" maxlength="150">
  670. <p class="walidacja-popup">Uzupełnij poprawnie to pole</p>
  671. </div>
  672. <div class="popup-single-field">
  673. <label for="seria">Seria i liczba akcji</label><br />
  674. <input type="seria" minlength="5" maxlength="150">
  675. <p class="walidacja-popup">Uzupełnij poprawnie to pole</p>
  676. </div>
  677. <div class="popup-single-field">
  678. <label for="msg">Wiadomość</label><br />
  679. <textarea type="msg" rows="2" ></textarea>
  680. </div>
  681. <p class="zgoda-popup">Informacja o przetwarzaniu danych osobowych przez Element sp. z o.o. S.K.A. znajduje się <a href="pdf-pl/informacja-podstawowa-akcjonariusze.pdf" target="_blank">tutaj</a>.</p>
  682. <div class="popup-button">
  683. <button class="btn-classic-orange" type="submit">WYŚLIJ</button>
  684. </div>
  685. </form>
  686. </div>
  687. </div>
  688.        <div class="container footer">
  689.        <div class="row footer-mid">
  690.        <div class="col-sm-12 text-center" id="wiedza" style="margin-top:150px;">
  691.   <p class="content-text m-0 pb-2 font-weight-bold" style="font-size:32px !important;">WIEDZA</p>
  692.            <ul>
  693.                <li><a href="https://elementapp.ai/funkcjonalnosci">Funkcjonalności</a></li>
  694.                <li><a href="https://elementapp.ai/wszystko-o-ats">Wszystko o ATS</a></li>
  695.                <li><a href="https://elementapp.ai/praca-w-hr">Praca w HR</a></li>
  696.                <li><a href="https://elementapp.ai/darmowe-ogloszenia-z-ofertami-pracy">Darmowe ogłoszenia z ofertami pracy</a></li>
  697.                <!--
  698.                <li><a href="https://elementapp.ai/wiedza-i-praktyka">Wiedza i ptaktyka</a></li>
  699.                 -->
  700.                <li><a href="https://elementapp.ai/akademia-rekrutacji">Akademia rekrutacji</a></li>
  701.                <!--
  702.                <li><a href="https://elementapp.ai/akademia-rekrutacji/raport">Raporty</a></li>
  703.                <li><a href="https://elementapp.ai/akademia-rekrutacji/narzedzia">Narzędzia rekrutacyjne</a></li>
  704.                -->
  705.                <li><a href="https://elementapp.ai/blog">Blog</a></li>
  706.  
  707.            </ul>
  708.        </div>
  709.        <div class="col-sm-6 footer-social">
  710.            <ul>
  711.                <li><a href="https://twitter.com/Elementappai/" target="_blank" rel="nofollow"><img
  712.                                data-lazy data-src="https://elementapp.ai/imgs/001-twitter.svg" width="48" height="48" alt="Twitter Logo"/></a></li>
  713.                <li><a href="https://www.facebook.com/elementappats" target="_blank" rel="nofollow"><img
  714.                                data-lazy data-src="https://elementapp.ai/imgs/002-facebook.svg" width="48" height="48" alt="Facebook Logo"/></a></li>
  715.                <li><a href="https://www.linkedin.com/company/elementappai/" target="_blank" rel="nofollow"><img
  716.                                data-lazy data-src="https://elementapp.ai/imgs/003-linkedin.svg" width="48" height="48" alt="LinkedIn Logo"/></a></li>
  717.                <li><a href="informacje-dla-akcjonariuszy">Informacje dla akcjonariuszy</a><span class="hidden-on-mobiles">&nbsp;&nbsp;</span><br class="hidden-no-desktops" /><span class="popuptext" target="_blank" onclick="openPopup()">Kontakt dla akcjonariuszy</span></li>
  718.            </ul>
  719.        </div>
  720.    </div>
  721.    <div class="row footer-bottom">
  722.        <div class="col-sm-6 order-2 order-sm-1">
  723.            All rights reserved. Cybergroup P.S.A. © 2024
  724.        </div>
  725.        <div class="col-sm-6 footer-polityki order-1 order-sm-2">
  726.            Polityka ochrony:
  727.            <a href="https://elementapp.ai/pdf-pl/Polityka_Ochrony_Danych_Osobowych_Cybergroup_P.S.A._[POL].pdf" target="_blank">Danych
  728.                osobowych</a>
  729.            <a href="https://elementapp.ai/pdf-pl/Polityka_Ochrony_Prywatnosci_Cybergroup_P.S.A._[POL].pdf"
  730.               target="_blank">Prywatności</a>
  731.            <a href="https://elementapp.ai/pdf-pl/Polityka_Ochrony_Prywatnosci_Pracownikow_Cybergroup_P.S.A._[POL].pdf" target="_blank">Prywatności
  732.                pracowników</a>
  733.        </div>
  734.    </div>
  735. </div>
  736.  
  737. </div>
  738. </div>
  739.  
  740.  
  741. <script src="js/jquery-3.5.1.min.js" type="text/javascript"></script>
  742. <script src="js/jquery.validate.js" type="text/javascript"></script>
  743.  
  744. <!-- <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400;700&family=Raleway&display=swap" rel="stylesheet"> -->
  745. <script src="https://www.google.com/recaptcha/api.js?render=6LceA3QpAAAAAEXWnm8vfaAA95289QT5wTZKLX4j"></script>
  746. <script src="https://elementapp.ai/js/popper.min.js" type="text/javascript"></script>
  747. <script src="https://elementapp.ai/js/main.js" type="text/javascript"></script>
  748. <script src="https://elementapp.ai/js/ajax-mail.js?v=1.2" type="text/javascript"></script>
  749.  
  750. <script>
  751.    // Ten kod odpowiada za otwieranie i zamykanie mobile menu
  752.    function openNav() {
  753.        document.getElementById("myNav").style.height = "100%";
  754.    }
  755.  
  756.    function closeNav() {
  757.        document.getElementById("myNav").style.height = "0%";
  758.    }
  759.  
  760.    // Ten kod odpowiada za popup akcjonariusze
  761.    function openPopup() {
  762.        var popup = document.getElementById("popup");
  763.        popup.classList.toggle("show");
  764.    }
  765.  
  766.    // Ten kod odpowiada za sticky sidebar na podstronie funkcjonalnosci
  767.    $(".make-me-sticky ul li").click(function () {
  768.        $(".make-me-sticky ul li").removeClass("skroty-active");
  769.        $(this).addClass("skroty-active");
  770.    });
  771.  
  772.    // Ten kod odpowiada za zmiane menu ul na dropdown na mobile na podstronie funkcjonalnosci
  773.    // Create the dropdown base
  774.    $("<select />").appendTo("nav");
  775.  
  776.    // Create default option "Go to..."
  777.    $("<option />", {
  778.        "selected": "selected",
  779.        "value": "",
  780.        "text": "Na skróty"
  781.    }).appendTo("nav select");
  782.  
  783.    // Populate dropdown with menu items
  784.    $("nav a").each(function () {
  785.        var el = $(this);
  786.        $("<option />", {
  787.            "value": el.attr("href"),
  788.            "text": el.text()
  789.        }).appendTo("nav select");
  790.    });
  791.  
  792.    $("nav select").change(function () {
  793.        window.location = $(this).find("option:selected").val();
  794.    });
  795.  
  796.    $(".sliding-link").click(function (e) {
  797.        e.preventDefault();
  798.        var aid = $(this).attr("href");
  799. console.log(aid);
  800. console.log($(aid).offset().top);
  801.        $('html,body').animate({scrollTop: $(aid).offset().top - 100}, 'slow');
  802.    });
  803.  
  804.    $(window).on('load', function(){
  805.        var aid = location.hash;
  806.        if(aid != '' && aid != '#mail'){
  807.            $('html, body').animate({ scrollTop: $(aid).offset().top - 100}, 0);
  808.        }
  809.    });
  810.    /* kod do slajderów list rozwijalnych*/
  811.  
  812.    $('.lista-rozwijana').each(function () {
  813.        let list = $(this);
  814.        // list.append($(list+" li").length);
  815.        list.find('.lista-item:gt(3)').hide();
  816.        if (($(this).children('li').length) > 4) {
  817.            list.before('<button class="more_less">pokaż więcej</button>')
  818.        }
  819.    });
  820.  
  821.  
  822.    $('.more_less').click(function () {
  823.        var $btn = $(this)
  824.        $btn.next().find('.lista-item:gt(3)').slideToggle();
  825.        $btn.text($btn.text() === 'pokaż więcej' ? 'pokaż mniej' : 'pokaż więcej');
  826.    });
  827.  
  828.    // Ten kod odpowiada za highlight aktualnej strony w menu
  829.    $(function ($) {
  830.        let url = window.location.href;
  831.        $('.menu-container ul li a').each(function () {
  832.            if (this.href === url) {
  833.                $(this).addClass('menu-active');
  834.            }
  835.        });
  836.    });
  837.  
  838.  
  839.    $('#email-head').click(function(){
  840.        var $temp = $("<input>");
  841.        $("body").append($temp);
  842.        $temp.val($('#email-head-input').val()).select();
  843.        document.execCommand("copy");
  844.        $temp.remove();
  845.        $('#email-head-tooltip').html('Email skopiowany');
  846.    });
  847.  
  848.  
  849.    $('#email-head').mouseout(function(){
  850.        $('#email-head-tooltip').html('Kliknij aby skopiować email');
  851.    });
  852.  
  853.    ( function() {
  854.  
  855.        var youtube = document.querySelectorAll( ".youtube" );
  856.  
  857.        for (var i = 0; i < youtube.length; i++) {
  858.  
  859.            var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg";
  860.  
  861.            var image = new Image();
  862.            image.src = source;
  863.            image.addEventListener( "load", function() {
  864.                youtube[ i ].appendChild( image );
  865.            }( i ) );
  866.  
  867.            youtube[i].addEventListener( "click", function() {
  868.  
  869.                var iframe = document.createElement( "iframe" );
  870.  
  871.                iframe.setAttribute( "frameborder", "0" );
  872. iframe.setAttribute( "width", "100%" );
  873. iframe.setAttribute( "height", "500px" );
  874.                iframe.setAttribute( "allowfullscreen", "" );
  875.                iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" );
  876.  
  877.                this.innerHTML = "";
  878.                this.appendChild( iframe );
  879.            } );
  880.        };
  881.  
  882.    } )();
  883.  
  884. </script>
  885.  
  886. <style>
  887. .lang-container{text-align:right;margin-top:3px;margin-left:auto;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;max-width:220px;float:right}
  888. .footer-social {
  889.    margin-top: 26px;
  890.    padding-bottom: 50px
  891. }
  892.  
  893. .footer-social ul {
  894.    float: left;
  895.    padding: 0;
  896.    margin: 0
  897. }
  898.  
  899. .footer-social ul li {
  900.    float: left;
  901.    margin: 0 20px 0 0
  902. }
  903.  
  904. .footer-social ul li:last-child {
  905.    float: none;
  906.    position: absolute;
  907.    top: 58px;
  908.    left: 15px;
  909.    cursor: pointer
  910. }
  911.  
  912. .footer-social img {
  913.    max-width: 48px;
  914.    opacity: 0.7;
  915.    -webkit-transition: 0.5s;
  916.    transition: 0.5s
  917. }
  918. .footer-social img:hover {
  919.    opacity: 1
  920. }
  921.  
  922.    .modal {
  923.        position: fixed;
  924.        top: 0;
  925.        left: 0;
  926.        z-index: 1055;
  927.        display: none;
  928.        width: 100%;
  929.        height: 100%;
  930.        overflow-x: hidden;
  931.        overflow-y: auto;
  932.        outline: 0;
  933.    }
  934.  
  935.    .modal-dialog {
  936.        position: relative;
  937.        width: auto;
  938.        margin: 0.5rem;
  939.        pointer-events: none;
  940.    }
  941.    .modal.fade .modal-dialog {
  942.        transition: transform 0.3s ease-out;
  943.        transform: translate(0, -50px);
  944.    }
  945.    @media (prefers-reduced-motion: reduce) {
  946.        .modal.fade .modal-dialog {
  947.            transition: none;
  948.        }
  949.    }
  950.    .modal.show .modal-dialog {
  951.        transform: none;
  952.    }
  953.    .modal.modal-static .modal-dialog {
  954.        transform: scale(1.02);
  955.    }
  956.  
  957.    .modal-dialog-scrollable {
  958.        height: calc(100% - 1rem);
  959.    }
  960.    .modal-dialog-scrollable .modal-content {
  961.        max-height: 100%;
  962.        overflow: hidden;
  963.    }
  964.    .modal-dialog-scrollable .modal-body {
  965.        overflow-y: auto;
  966.    }
  967.  
  968.    .modal-dialog-centered {
  969.        display: flex;
  970.        align-items: center;
  971.        min-height: calc(100% - 1rem);
  972.    }
  973.  
  974.    .modal-content {
  975.        position: relative;
  976.        display: flex;
  977.        flex-direction: column;
  978.        width: 100%;
  979.        pointer-events: auto;
  980.        background-color: #fff;
  981.        background-clip: padding-box;
  982.        border: 1px solid rgba(0, 0, 0, 0.2);
  983.        border-radius: 0.3rem;
  984.        outline: 0;
  985.    }
  986.  
  987.    .modal-backdrop {
  988.        position: fixed;
  989.        top: 0;
  990.        left: 0;
  991.        z-index: 1050;
  992.        width: 100vw;
  993.        height: 100vh;
  994.        background-color: #fff;
  995.    }
  996.    .modal-backdrop.fade {
  997.        opacity: 0;
  998.    }
  999.    .modal-backdrop.show {
  1000.        opacity: 0.5;
  1001.    }
  1002.  
  1003.    .modal-header {
  1004.        display: flex;
  1005.        flex-shrink: 0;
  1006.        align-items: center;
  1007.        justify-content: space-between;
  1008.        padding: 1rem 1rem;
  1009.        border-bottom: 1px solid #dee2e6;
  1010.        border-top-left-radius: calc(0.3rem - 1px);
  1011.        border-top-right-radius: calc(0.3rem - 1px);
  1012.    }
  1013.    .modal-header .btn-close {
  1014.        padding: 0.5rem 0.5rem;
  1015.        margin: -0.5rem -0.5rem -0.5rem auto;
  1016.    }
  1017.  
  1018.    .modal-title {
  1019.        margin-bottom: 0;
  1020.        line-height: 1.5;
  1021.    }
  1022.  
  1023.    .modal-body {
  1024.        position: relative;
  1025.        flex: 1 1 auto;
  1026.        padding: 1rem;
  1027.    }
  1028.  
  1029.    .modal-footer {
  1030.        display: flex;
  1031.        flex-wrap: wrap;
  1032.        flex-shrink: 0;
  1033.        align-items: center;
  1034.        justify-content: flex-end;
  1035.        padding: 0.75rem;
  1036.        border-top: 1px solid #dee2e6;
  1037.        border-bottom-right-radius: calc(0.3rem - 1px);
  1038.        border-bottom-left-radius: calc(0.3rem - 1px);
  1039.    }
  1040.    .modal-footer > * {
  1041.        margin: 0.25rem;
  1042.    }
  1043.  
  1044.    @media (min-width: 576px) {
  1045.        .modal-dialog {
  1046.            max-width: 500px;
  1047.            margin: 1.75rem auto;
  1048.        }
  1049.  
  1050.        .modal-dialog-scrollable {
  1051.            height: calc(100% - 3.5rem);
  1052.        }
  1053.  
  1054.        .modal-dialog-centered {
  1055.            min-height: calc(100% - 3.5rem);
  1056.        }
  1057.  
  1058.        .modal-sm {
  1059.            max-width: 300px;
  1060.        }
  1061.    }
  1062.    @media (min-width: 992px) {
  1063.        .modal-lg,
  1064.        .modal-xl {
  1065.            max-width: 800px;
  1066.        }
  1067.        .footer-bottom { padding-bottom: 300px; }
  1068.    }
  1069.    @media (min-width: 1200px) {
  1070.        .modal-xl {
  1071.            max-width: 1140px;
  1072.        }
  1073.    }
  1074.    .modal-fullscreen {
  1075.        width: 100vw;
  1076.        max-width: none;
  1077.        height: 100%;
  1078.        margin: 0;
  1079.    }
  1080.    .modal-fullscreen .modal-content {
  1081.        height: 100%;
  1082.        border: 0;
  1083.        border-radius: 0;
  1084.    }
  1085.    .modal-fullscreen .modal-header {
  1086.        border-radius: 0;
  1087.    }
  1088.    .modal-fullscreen .modal-body {
  1089.        overflow-y: auto;
  1090.    }
  1091.    .modal-fullscreen .modal-footer {
  1092.        border-radius: 0;
  1093.    }
  1094.  
  1095.    @media (max-width: 575.98px) {
  1096.        .modal-fullscreen-sm-down {
  1097.            width: 100vw;
  1098.            max-width: none;
  1099.            height: 100%;
  1100.            margin: 0;
  1101.        }
  1102.        .modal-fullscreen-sm-down .modal-content {
  1103.            height: 100%;
  1104.            border: 0;
  1105.            border-radius: 0;
  1106.        }
  1107.        .modal-fullscreen-sm-down .modal-header {
  1108.            border-radius: 0;
  1109.        }
  1110.        .modal-fullscreen-sm-down .modal-body {
  1111.            overflow-y: auto;
  1112.        }
  1113.        .modal-fullscreen-sm-down .modal-footer {
  1114.            border-radius: 0;
  1115.        }
  1116.    }
  1117.    @media (max-width: 767.98px) {
  1118.        .modal-fullscreen-md-down {
  1119.            width: 100vw;
  1120.            max-width: none;
  1121.            height: 100%;
  1122.            margin: 0;
  1123.        }
  1124.        .modal-fullscreen-md-down .modal-content {
  1125.            height: 100%;
  1126.            border: 0;
  1127.            border-radius: 0;
  1128.        }
  1129.        .modal-fullscreen-md-down .modal-header {
  1130.            border-radius: 0;
  1131.        }
  1132.        .modal-fullscreen-md-down .modal-body {
  1133.            overflow-y: auto;
  1134.        }
  1135.        .modal-fullscreen-md-down .modal-footer {
  1136.            border-radius: 0;
  1137.        }
  1138.    }
  1139.    @media (max-width: 991.98px) {
  1140.        .modal-fullscreen-lg-down {
  1141.            width: 100vw;
  1142.            max-width: none;
  1143.            height: 100%;
  1144.            margin: 0;
  1145.        }
  1146.        .modal-fullscreen-lg-down .modal-content {
  1147.            height: 100%;
  1148.            border: 0;
  1149.            border-radius: 0;
  1150.        }
  1151.        .modal-fullscreen-lg-down .modal-header {
  1152.            border-radius: 0;
  1153.        }
  1154.        .modal-fullscreen-lg-down .modal-body {
  1155.            overflow-y: auto;
  1156.        }
  1157.        .modal-fullscreen-lg-down .modal-footer {
  1158.            border-radius: 0;
  1159.        }
  1160.    }
  1161.    @media (max-width: 1199.98px) {
  1162.        .modal-fullscreen-xl-down {
  1163.            width: 100vw;
  1164.            max-width: none;
  1165.            height: 100%;
  1166.            margin: 0;
  1167.        }
  1168.        .modal-fullscreen-xl-down .modal-content {
  1169.            height: 100%;
  1170.            border: 0;
  1171.            border-radius: 0;
  1172.        }
  1173.        .modal-fullscreen-xl-down .modal-header {
  1174.            border-radius: 0;
  1175.        }
  1176.        .modal-fullscreen-xl-down .modal-body {
  1177.            overflow-y: auto;
  1178.        }
  1179.        .modal-fullscreen-xl-down .modal-footer {
  1180.            border-radius: 0;
  1181.        }
  1182.    }
  1183.    @media (max-width: 1399.98px) {
  1184.        .modal-fullscreen-xxl-down {
  1185.            width: 100vw;
  1186.            max-width: none;
  1187.            height: 100%;
  1188.            margin: 0;
  1189.        }
  1190.        .modal-fullscreen-xxl-down .modal-content {
  1191.            height: 100%;
  1192.            border: 0;
  1193.            border-radius: 0;
  1194.        }
  1195.        .modal-fullscreen-xxl-down .modal-header {
  1196.            border-radius: 0;
  1197.        }
  1198.        .modal-fullscreen-xxl-down .modal-body {
  1199.            overflow-y: auto;
  1200.        }
  1201.        .modal-fullscreen-xxl-down .modal-footer {
  1202.            border-radius: 0;
  1203.        }
  1204.    }
  1205.  
  1206.    .fade {
  1207.        opacity: 0;
  1208.        -webkit-transition: opacity 0.15s linear;
  1209.        -o-transition: opacity 0.15s linear;
  1210.        transition: opacity 0.15s linear;
  1211.    }
  1212.    .fade.in {
  1213.        opacity: 1;
  1214.    }
  1215. </style>
  1216.  
  1217. </body>
  1218. </html>
  1219.  
  1220.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda