<!-- Subscription Form --> <style > .sp-form[sp-id="234490"] .sp-form-control-stat.sp-invalid {border: 1px solid #C83833;box-sizing: border-box;border-radius: 4px;} .sp-form[sp-id="234490"] .sp-tip.sp-invalid{font-family: Inter;font-style: normal;font-weight: normal;font-size: 14px;line-height: 20px;color: #C83833;margin-top: 8px;} .sp-form h1, .sp-form h2, .sp-form h3, .sp-form h4, .sp-form h5, .sp-form p{font-family: Inter;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;color: #393F47;} .sp-email-stat{flex: none;order: 1;align-self: stretch;flex-grow: 0;} .sp-form-text{text-align: left;font-family: Inter;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;margin-bottom: 24px;} .sp-force-hide { display: none;} .sp-form[sp-id="234490"] { display: block; background: rgba(255, 255, 255, 1); width: 960px; max-width: 100%; border-radius: 4px; border-color: #d0d6dd; border-style: solid; border-width: 1px; font-family: inherit; background-repeat: no-repeat; background-position: center; background-size: auto;} .sp-form[sp-id="234490"] input[type="checkbox"] { display: inline-block; opacity: 1; visibility: visible;} .sp-form[sp-id="234490"] .sp-form-fields-wrapper { margin: 0 auto; width: 880px;} .sp-form[sp-id="234490"] .sp-field label { color: #444444; font-size: 13px; font-style: normal; font-weight: bold;} .sp-form[sp-id="234490"] .sp-button-messengers { border-radius: 4px;} .sp-button-container-stat img {float: left;margin-right: 10px;margin-top: 4px;} .sp-form[sp-id="234490"] .sp-button-stat:hover{background: #0A64BF;letter-spacing: 0;} @media(min-width: 768px) { .sp-form-h1-stat{text-align: left;font-family: Inter;font-style: normal;font-weight: bold;font-size: 28px;line-height: 40px;color: #0B0D0E;margin-bottom: 8px;} .sp-form[sp-id="234490"]{padding: 40px;} .sp-form[sp-id="234490"] .sp-button-stat { border-radius: 4px;background-color: #0B71D9; color: #ffffff; box-shadow: none; justify-content: center; align-items: center; padding: 12px 24px; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; text-decoration: none;letter-spacing: 0;height: 48px;} .sp-form[sp-id="234490"] .sp-form-control-stat {background: #ffffff; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 15px; padding: 12px 16px; border-radius: 4px; height:48px;} .sp-email-stat{width: 60%;float: left;} .sp-button-container-stat{margin-left: 16px;float: left;} .sp-email-button-stat{width: 100%;} } @media(max-width: 767px) { .sp-form-h1-stat{text-align: left;font-family: Inter;font-style: normal;font-weight: bold;font-size: 20px;line-height: 28px;color: #0B0D0E;margin-bottom: 8px;} .sp-form[sp-id="234490"]{padding: 16px;} .sp-form[sp-id="234490"] .sp-button-stat { border-radius: 4px;background-color: #0B71D9; color: #ffffff; width: 100%; box-shadow: none; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 24px; font-family: Inter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; text-decoration: none;margin-top:16px;height: 48px;} .sp-form[sp-id="234490"] .sp-form-control-stat {background: #ffffff; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 15px; padding: 12px 16px; border-radius: 4px; height:48px; width: 100%;} .sp-email-button-stat{width: 100%;} } .sp-form[sp-id="234490"] .sp-button-container { text-align: left; width: auto;} </style> <div class="sp-form-outer sp-force-hide"> <div id="sp-form-234490" sp-id="234490" sp-hash="e6743ed42c35642ee47b95b479f39e06a6988e85aa2d0cc13559a32c3c36474e" sp-lang="en" class="sp-form sp-form-regular sp-form-embed sp-form-horizontal" sp-show-options="%7B%22satellite%22%3Afalse%2C%22maDomain%22%3A%22login.sendpulse.com%22%2C%22formsDomain%22%3A%22forms.sendpulse.com%22%2C%22condition%22%3A%22onEnter%22%2C%22scrollTo%22%3A25%2C%22delay%22%3A10%2C%22repeat%22%3A3%2C%22background%22%3A%22rgba(0%2C%200%2C%200%2C%200.5)%22%2C%22position%22%3A%22bottom-right%22%2C%22animation%22%3A%22%22%2C%22hideOnMobile%22%3Afalse%2C%22urlFilter%22%3Afalse%2C%22urlFilterConditions%22%3A%5B%7B%22force%22%3A%22hide%22%2C%22clause%22%3A%22contains%22%2C%22token%22%3A%22%22%7D%5D%2C%22analytics%22%3A%7B%22ga%22%3A%7B%22eventLabel%22%3Anull%2C%22send%22%3Afalse%7D%2C%22ym%22%3A%7B%22counterId%22%3Anull%2C%22eventLabel%22%3Anull%2C%22targetId%22%3Anull%2C%22send%22%3Afalse%7D%7D%2C%22utmEnable%22%3Afalse%2C%22submitRedirectUrl%22%3A%22%22%7D"> <div class="sp-form-fields-wrapper"> <div class="sp-message"></div> <form novalidate="" class="sp-element-container "> <div class="sp-field sp-field-full-width" sp-id="sp-28f71e8c-dc56-4b2c-946d-e5a0ac949a2d"> <div class="sp-form-h1-stat">Subskrybuj biuletyn</div> <div class="sp-form-text">Otrzymuj inspirujące, przydatne treści i aktualności od Jooble na swój adres e-mail</div> </div> <div class="sp-email-button-stat"> <div class="sp-email-stat" sp-id="sp-4339cea2-3de4-4261-823b-1a90ea026b5b"> <input type="email" sp-type="email" name="sform[email]" class="sp-form-control-stat" placeholder="E-mail" sp-tips="%7B%22required%22%3A%22Required%20field%22%2C%22wrong%22%3A%22Wrong%20email%22%7D" autocomplete="on" required="required"> </div> <div class="sp-button-container-stat " sp-id="sp-95a97aef-2b46-44c5-bedf-83ebffa5383f"> <button id="sp-95a97aef-2b46-44c5-bedf-83ebffa5383f" class="sp-button-stat"><img src="/blog/insights/wp-content/themes/twentytwenty/assets/images/filled.svg"/>Subskrybuj</button> </div> </div> </form> <div class="sp-link-wrapper sp-brandname__left"></div> </div> </div> </div> <!-- /Subscription Form -->
<!-- Subscription Form --> <style > .sp-form .sp-field .sp-invalid+.sp-tip, .sp-form .sp-field.sp-invalid>.sp-tip {margin-top: 8px;opacity: 1;visibility: visible; z-index: 0;text-align: left;} .sp-form .sp-field .sp-tip {position: relative;padding: 0;border-radius: 0;background: 0;transition: all .1s ease 20ms;font-family: Inter;font-style: normal;font-weight: normal;font-size: 14px;line-height: 20px;color: #C83833;} .sp-form .sp-field .sp-invalid+.sp-tip::before, .sp-form .sp-field.sp-invalid>.sp-tip::before{content: none;} .sp-text-popup{font-family: Inter;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;color: #393F47;margin-top: 8px;} .sp-logo-popup{margin-top: 8px;} .sp-form .sp-field {padding:0;position: relative; text-align: center;} .sp-force-hide { display: none;} .sp-form[sp-id="234489"] input[type="checkbox"] { display: inline-block; opacity: 1; visibility: visible;} .sp-form[sp-id="234489"] .sp-form-fields-wrapper { margin: 0 auto; width:448px;} .sp-form[sp-id="234489"] .sp-form-control { background: #ffffff; border-color: #B8BFC6; border-style: solid; border-width: 1px; border-radius: 4px; height: 48px; width: 100%; font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #7F8B99;padding: 12px 16px;} .sp-form[sp-id="234489"] .sp-field label { color: #444444; font-size: 13px; font-style: normal; font-weight: bold;} .sp-form[sp-id="234489"] .sp-button-messengers { border-radius: 4px;} .sp-form[sp-id="234489"] .sp-button { border-radius: 4px;background-color: #0B71D9;color: #ffffff;width: 100%;font-weight: 500;height: 48px;font-size: 16px;line-height: 24px;font-family: Inter;padding: 12px 0;letter-spacing: 0;} .sp-form[sp-id="234489"] .sp-button:hover{background: #0A64BF; opacity:1;position:relative;top:0;transition:none;letter-spacing: 0;} .sp-form[sp-id="234489"] .sp-button-container { text-align: center;} .sp-popup-outer { background: rgba(0, 0, 0, 0.5);} .sp-form[sp-id="234489"] .sp-9493a527-461f-45d4-b23d-d9f6012cbb1a-container { text-align: center;} .sp-form .sp-field .logo, .sp-form .sp-field .sp-image {max-width: 100%; display: inline-block; width: 80px;} .sp-form-fixed .sp-btn-close, .sp-form-popup .sp-btn-close {position: absolute; right: 26px; top: 26px; z-index: 3; border: none; background: url(/blog/insights/wp-content/themes/twentytwenty/assets/images/close.svg); cursor: pointer; display: inline-block; width: 24px; height: 24px; padding: 1px; color: #777; border-radius: 50%; text-align: center; transform: none; box-shadow: none; transition: none;text-decoration: none;} .sp-popup-outer .sp-form-popup {position: relative; margin: 25vh auto;} .sp-form-control:before{} .sp-form-fixed .sp-btn-close:hover, .sp-form-popup .sp-btn-close:hover { box-shadow: 0 0 0 rgba(0,0,0,.0); transform: scale(1.1);} .sp-message.sp-message-error, .sp-message.sp-message-success { transform: scale(1); margin: 8px 25px 8px 8px;} @media(max-width: 767px) { .sp-form[sp-id="234489"] { display: block;padding:24px; background: #ffffff; width: 448px; max-width: 100%; border-radius: 8px; border-color: #dddddd; border-style: solid; border-width: 1px; font-family: inherit; background-repeat: no-repeat; background-position: center; background-size: auto;} .sp-email-popup, .sp-button-popup{margin-top: 16px;} .sp-form-h1-popup{color: #0B0D0E;text-align: center; font-family: Inter; font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px;margin-top: 18px;} .sp-popup-outer.sp-show .sp-form-popup{transform: scale(1);position: fixed; bottom: 0; margin: 0;} } @media(min-width: 768px) { .sp-form[sp-id="234489"] { display: block;padding:24px 16px; background: #ffffff; width: 448px; max-width: 100%; border-radius: 8px; border-color: #dddddd; border-style: solid; border-width: 1px; font-family: inherit; background-repeat: no-repeat; background-position: center; background-size: auto;} .sp-email-popup, .sp-button-popup{margin-top: 24px;} .sp-form-h1-popup{color: #0B0D0E;text-align: center; font-family: Inter; font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px;margin-top: 24px;} .sp-popup-outer.sp-show .sp-form-popup{transform: scale(1);} } </style> <div class="sp-form-outer sp-popup-outer sp-force-hide" style="background: rgba(11, 13, 14, 0.9);"> <div id="sp-form-234489" sp-id="234489" sp-hash="b7c28f3e985164c4599e0cc00cbae1b86d04c0cf5c73f508ac0b569dcc8a42de" sp-lang="en" class="sp-form sp-form-regular sp-form-popup" sp-show-options="%7B%22satellite%22%3Afalse%2C%22maDomain%22%3A%22login.sendpulse.com%22%2C%22formsDomain%22%3A%22forms.sendpulse.com%22%2C%22condition%22%3A%22onButtonClick%22%2C%22scrollTo%22%3A25%2C%22delay%22%3A0%2C%22repeat%22%3A3%2C%22background%22%3A%22rgba(0%2C%200%2C%200%2C%200.5)%22%2C%22position%22%3A%22bottom-right%22%2C%22animation%22%3A%22%22%2C%22hideOnMobile%22%3Afalse%2C%22urlFilter%22%3Afalse%2C%22urlFilterConditions%22%3A%5B%7B%22force%22%3A%22hide%22%2C%22clause%22%3A%22contains%22%2C%22token%22%3A%22%22%7D%5D%2C%22analytics%22%3A%7B%22ga%22%3A%7B%22eventLabel%22%3A%22%D0%9F%D0%BE%D0%BF%D0%B0%D0%BF_%D0%B2_%D0%BA%D0%BD%D0%BE_B2B_PL%22%2C%22send%22%3Afalse%7D%2C%22ym%22%3A%7B%22counterId%22%3Anull%2C%22eventLabel%22%3Anull%2C%22targetId%22%3Anull%2C%22send%22%3Afalse%7D%7D%2C%22utmEnable%22%3Afalse%2C%22submitRedirectUrl%22%3A%22%22%7D"> <div class="sp-form-fields-wrapper"> <button class="sp-btn-close "></button> <div class="sp-message"> <div></div> </div> <form novalidate="" class="sp-element-container "> <div class="sp-field sp-logo-popup full-width sp-af0aeeaa-a482-4b3c-bea6-283ab232e6b4-container" sp-id="sp-af0aeeaa-a482-4b3c-bea6-283ab232e6b4"> <img class="sp-image " src="/blog/insights/wp-content/themes/twentytwenty/assets/images/subscribe.svg"> </div> <div class="sp-field " sp-id="sp-b2ecc25e-8cf3-44d0-9071-976f4e7eb6cc"> <div class="sp-form-h1-popup">Subskrybuj biuletyn</div> </div> <div class="sp-field sp-field-full-width" sp-id="sp-fd913b7d-ef32-4545-8f19-3373e1abf85b"> <div class="sp-text-popup">Otrzymuj inspirujące, przydatne treści i aktualności od Jooble na swój adres e-mail</div> </div> <div class="sp-field sp-email-popup" sp-id="sp-832f2c28-5c11-4e85-8fec-43e884627195"> <input type="email" sp-type="email" name="sform[email]" class="sp-form-control " placeholder="E-mail" sp-tips="%7B%22required%22%3A%22%D0%9E%D0%B1%D0%BE%D0%B2'%D1%8F%D0%B7%D0%BA%D0%BE%D0%B2%D0%B5%20%D0%BF%D0%BE%D0%BB%D0%B5%22%2C%22wrong%22%3A%22%D0%9D%D0%B5%D0%B2%D1%96%D1%80%D0%BD%D0%B0%20email-%D0%B0%D0%B4%D1%80%D0%B5%D1%81%D0%B0%22%7D" autocomplete="on" required="required"> </div> <div class="sp-field sp-button-popup sp-button-container " sp-id="sp-5f08258d-8f2b-410a-a763-f7bb7a79ba33"> <button id="sp-5f08258d-8f2b-410a-a763-f7bb7a79ba33" class="sp-button">Subskrybuj</button> </div> </form> </div> </div> </div> <!-- /Subscription Form -->