To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<head> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap" rel="stylesheet"> <style> :root { --main-font-color: #3142b1; --alt-font-color: #ffffff; --main-header-font-size: 38px; --alt-header-font-size: 0px; --main-paragraph-font-size:20px; --alt-paragraph-font-size: 0px; --main-font-family: 'Open Sans', sans-serif; --alt-font-family: sans-serif; --font-weight-light: 300; --font-weight-regular: 400; --font-weight-semibold: 500; --font-weight-bold: 600; --line-height-paragraph: 30px; --line-height-header: 45px; --main-btn-bg-color: #fa8821; --alt-btn-bg-color:#ffffff; --main-btn-font-color: #3142b1; --alt-btn-font-color:#ffffff; } body { font-family: var(--main-font-family); color: var(--main-font-color); font-weight: var(--font-weight-regular); margin: 0; padding: 0; } sup {font-size:small; vertical-align:super;} h1, h2, h3, h4, h5, h6, p, li, a, button, input, label { font-family: 'Open Sans', sans-serif; } button:visited, button:active, a:visited, a:active { border: none; outline: none; } section { max-width: 100%; /* max-height: 100vh;*/ } h2.header { font-size: var(--main-header-font-size); text-align: center; padding: 2vh 0 0 0; font-weight: var(--font-weight-light); margin-top: 60px; margin-bottom: 40px; } h2.header > span { font-weight: var(--font-weight-semibold); } .header-secondary { color: var(--alt-font-color); } header { display: grid; grid-template-rows: 60px; grid-template-columns: 1fr 7fr; align-items: center; } strong{vertical-align: baseline !important;} nav { justify-self: end; } nav ul { list-style-type: none; } nav li { display: inline-block; padding: 10px 10px; margin 0 10px; } nav li a { font-size: 18px; text-decoration: none; } nav li a:hover { color: #fa8821; } .top svg { width: 24px; height: 24px; display: inline; fill: #ffffff; margin-top: 5px; } .top .top-container { margin-top: 60px; display: grid; grid-template-rows: 220px 220px 100px; grid-template-columns: 100%; grid-column-gap: 50px; align-items: center; justify-items: center; color: var(--alt-font-color); } .top .cont-1 { align-self: center; } .top .cont-2 { display: grid; grid-template-rows: 45px 45px 45px; grid-template-columns: 40px 1fr; align-items: start; justify-items: start; } .top .cont-3 { font-size: 32px; font-weight: 300; } .top .cont-3 span { font-weight: 500; } .top .cont-4 { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 100px; align-items: end; justify-items: start; align-self: end; } .top h1 { text-align: center; font-weight: var(--font-weight-bold); font-size: var(--main-header-font-size); line-height: 60px; } .top h1 span{ font-size: 26.2px; font-weight: 200; margin-top: 20px; display: inline-block; } .top .top-desc { font-size: 22px; text-align: left; font-weight: 300; } .top .button { /**color: #f5f5fa; background-color: #e97a0b;**/ color: white; background-color: var(--main-btn-bg-color); font-size: 20px; width: 250px; font-family: 'Open Sans', sans-serif; border-radius: 2vh; font-weight: 400; height:60px; border: none; outline: none; cursor: pointer; margin-top: 1vh; line-height: 45px; vertical-align: middle; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; align-self:start; } .program { color: #ffffff; } .program p { font-size: 17px; font-weight: 400; text-align: center; } .program p span { font-weight: 300; } .program svg { width: 12px; height: 12px; display: inline; margin: 0 10px; fill: #fa8821; } .program-container { display: grid; grid-template-rows: repeat(4, 50px); grid-template-columns: 100%; justify-items: start; align-items: start; border-radius: 15px; background-color: rgba(227, 234, 246, .2); box-shadow: 5px 10px 8px 3px #2b3ba0; padding: 30px 35px 20px; } .topic-container { display: grid; grid-template-rows: repeat(1, 80px); grid-template-columns: 100%; justify-items: start; align-items: start; border-radius: 15px; background-color: rgba(227, 234, 246, .2); box-shadow: 5px 10px 8px 3px #2b3ba0; padding: 30px 35px 20px; } .topic { font-size: 20px; text-align:left; } .topic-left { font-weight: 400; padding-bottom: 15px; } /* .organizers { display: grid; grid-template-rows: 40px 150px; grid-template-columns: 1fr 1fr; grid-column-gap: 200px; align-items: center; justify-items: center; margin-top: 50px; } .organizers-header { grid-column: 1/3; } .organizers h3 { font-size: 24px; font-weight: 700; } .organizers-logo-1 { justify-self: end; } .organizers-logo-2 { justify-self: start; }*/ .promo { color: #3142b1; } .promo p { font-size: 20px; font-weight: 300; text-align: center; line-height: 30px; padding-top: 10px; color: #3142b1; } .promo p span { font-weight: 400; } .promo-container-1 { display: grid; grid-template-rows: 350px; grid-template-columns: 270px 270px 270px; grid-column-gap: 163.5px; justify-items: center; align-items: center; } .promo-container-2 { display: grid; grid-template-rows: 350px; grid-template-columns: 216.75px 270px 163.5px 270px 216.75px; justify-items: center; align-items: center; } .promo img { display: block; margin: 0 auto; } .promo-gift-1 { align-self: center; justify-self: end; } .promo-gift-2 { align-self: center; justify-self: start; } .promo-gift-3 { align-self: center; justify-self: end; } .promo-gift-4 { align-self: center; justify-self: start; } .promo-gift-5 { align-self: center; justify-self: start; } .nvision { color: #ffffff; } .nvision p { font-size: 20px; font-weight: 300; text-align: left; margin-bottom: 10px; line-height: 36px; } .nvision p.description{text-align: center} .nvision-container { display: grid; grid-template-rows: 378px; grid-template-columns: 700px 437px; justify-items: center; align-items: center; } .area-container{ border-radius: 15px; background-color: rgba(227, 234, 246, .2); box-shadow: 5px 10px 8px 3px #2b3ba0; padding: 30px 35px 20px; } .area-container.ast { margin-top: 68px; } .nvision .area svg{ color: #fa8821;} .community-container { display: grid; grid-template-rows: 137px; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 110px; justify-items: center; align-items: center; } .recommendations { color: #3142b1; } .recommendations-container { display: grid; grid-template-rows: 120px; grid-template-columns: 1fr 1fr 1fr 1fr; justify-items: center; align-items: center; } .expert-sec { color: #3142b1; } .expert { display: grid; grid-template-rows: 250px 100px; grid-template-columns: 2fr 2fr 2fr; align-items: center; justify-items: center; } .expert-desc { align-self: start; text-align:center; } .expert-details { font-weight: 300; } .expert-details span { font-size: 20px; font-weight: 500; } .register-container { display: block; text-align: center; color: #3142b1; } .register p.subheader { font-size: 20px; font-weight: 300; text-align: center; margin-bottom: 60px; line-height: 36px; } .register h2.header { margin-bottom: 40px; } .input-container { width: 455px; margin: 0 auto; } form { width: 60%; display: block; margin: 0 auto; text-align: left; } input { background-color: #ffffff; border: 2px solid #3142b1; color: #3142b1; font-size: 20px; padding: 5px; border-radius: 10px; width: 455px; height: 30px; display: block; } /* input:focus { background-color: rgba(256,256,256,.2); outline: none; border: 2px solid #f5f5fa; border-radius: 10px; } */ input:invalid { outline: none; } label { display: block; text-align: left; font-size: 18px; line-height:2; font-weight: 300; } form .button { /**color: #f5f5fa; background-color: #e97a0b;**/ color: var(--main-btn-font-color); background-color: var(--main-btn-bg-color); font-size: 20px; width: 180px; font-family: 'Open Sans', sans-serif; border-radius: 15px; font-weight: 400; height:45px; border: none; cursor: pointer; margin: 20px 0; vertical-align: middle; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .button-holder { text-align: center; } form .agreement { display: none; } form .agreement + *::before { content: ""; width: 25px; height: 25px; display: inline-block; margin: 0; margin-right: 10px; text-align: left; border-radius: 10px; font-size: 14px; } .explainer { margin-bottom: 20px; } form .agreement:checked + *::before { content:'\2713'; color: #3142b1; background-color: rgba(256,256,256,.2); text-align: center; } .beforeBorder + *::before { border: 2px solid #3142b1; } .afterBorder + *::before{ border: 2px solid #3142b1; } form .label-agreement { display: inline-block; width: 538px; font-size: 13px; font-weight: 300px; } .register .privacy { font-size: 12px; text-align: left; margin-top: 15px; line-height: 1.2; text-align: justify; } .register .privacy a { color: #3142b1; cursor: pointer; text-decoration: underline; } .register .privacy .more { color: #3142b1; text-decoration: underline; cursor: pointer; } .register .extended-privacy { display: none; } footer { width: 100%; display: grid; grid-template-rows: 120px 40px; grid-template-columns: 40% 30% 30%; grid-gap: 2px; align-items: start; font-size: 16px; color: var(--alt-font-color); } footer img { display: inline-block; } footer a { text-decoration: none; cursor: pointer; } footer a:hover { color: #e97a0b; } footer div { margin-top: 30px; } footer .phone p, footer .email p, footer .partner p { display: inline; font-size: 16px; } footer .phone p { padding-bottom: 20px; } footer .partner { justify-self: end; align-self: start; } footer .company { line-height: 1.5; } footer .company img { margin-bottom: 10px; } footer .phone img, footer .email img { padding-right:5px; } footer .copy { font-size: 13px; align-self: start; } /*media queries*/ @media (max-width: 600px) { #section-hassouu { min-height: 0 !important; } header { grid-template-rows: 60px; grid-template-columns: 1fr; align-items: center; justify-items: center; } nav { display: none; } h2.header { font-size: 3vh; margin-top: 30px; margin-bottom: 30px; } .top .top-container { margin-top: 50px; display: grid; grid-template-rows: 280px 300px 60px 80px; grid-template-columns: 100%; grid-column-gap: 50px; align-items: center; justify-items: center; grid-template-columns: 100%; grid-row-gap: 20px; } .top h1 { text-align: center; font-weight: 600; font-size: 30px; line-height: 50px; } .top h2 { font-size: 26px; font-weight: lighter; text-align: center; padding-top: 24px; border-top: solid 1px; margin-top: 24px; } .top h1 span{ font-size: 25px; font-weight: 400; } .top .top-desc { font-size: 18px; text-align: center; font-weight: 300; padding-bottom:30px; } .cont-4 img { display: none; justify-self: center; } .top svg { display: none; } .top .cont-3 { font-size: 22px; text-align: center; } .top .cont-2, .top .cont-4 { display: block; } .top .button { font-size: 20px; border-radius: 10px; height:50px; margin-top: 1vh; line-height: 50px; } .program-container { display: grid; grid-template-rows: repeat(4, 120px); grid-template-columns: 100%; justify-items: center; align-items: center; } .program p { font-size: 16px; font-weight: 400; text-align: center; } .program svg { display: block; margin: 0 auto 10px auto; padding-top: 50px; } .topic { font-size: 1.9vh; width: 100%; } .promo-container-1 { display: grid; grid-template-columns: 350px; grid-template-rows: repeat(3, 1fr); } .promo-container-2 { display: grid; grid-template-columns: 350px; grid-template-rows: repeat(2, 1fr); } .promo .mobile-not-display { display:none; } .nvision p { font-size: 18px; font-weight: 300; text-align: center; line-height: 28px; } .nvision-container { grid-template-rows: 400px; grid-template-columns: 100%; } .nvision img { width: 350px; height: 311px; } .community-container { grid-template-rows: repeat(5, 100px); grid-template-columns: 100%; grid-row-gap: 30px; margin-top: 50px; } .recommendations-container { grid-template-columns: 100%; grid-row-gap: 30px; } .expert { grid-template-rows: 200px 80px 200px 80px; grid-template-columns: 100%; grid-row-gap: 30px;} .expert-photo-2{grid-row: 3;} .expert-desc-2{grid-row: 4;} .expert-photo-3{grid-row: 5} .expert-desc-1 { grid-row: 2/3;} .expert-details { font-size: 1.7vh; } .expert-details span { font-size: 1.8vh; font-weight: 700; } .promo p { font-size: 2.1vh; font-weight: 300; text-align: center; margin-bottom: 4vh; } .promo-container { margin: 0 auto; width: 90%; display: grid; grid-template-rows: 220px 220px 50px; grid-template-columns: 100%; } .promo-gift { justify-self: center; align-self: center; margin-bottom: 30px; } .gift-desc { grid-column: 1; } #section-en23vo6 { height: 1500px; } form, input, .input-container { width: 90%; } form .label-agreement { width: 98%; } form .button { font-size: 20px; width: 60%; border-radius: 2vh; height:5vh; margin: 20px 0; vertical-align: middle; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; } footer { width: 90%; display: grid; grid-template-rows: 100px 25px 25px 25px; grid-template-columns: 1fr; grid-gap: 23px; align-items: center; justify-items: center; font-size: 14px; text-align: center; margin: 0 auto; } footer div { margin: 0; } form .button { border: none; } footer .company { justify-self: center; align-self: center; margin: 0 auto; } footer .email { justify-self: center; align-self: center; margin: 0 auto; } footer .address { justify-self: center; align-self: center; margin: 0 auto; } footer .phone { justify-self: center; align-self: center; margin: 0 auto; } footer .copy { align-self: start; margin: o auto; } } </style> </head>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<header> <div class="logo"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/94486bfb-d432-475c-88b1-d1eb9c45f500.png"> </div> <nav> <ul> <li id="menu-1" class="menu"><a href="#program">Agenda</a></li> <li id="menu-3" class="menu"><a href="#nvision">Axence w służbie JST</a></li> <li id="menu-4" class="menu"><a href="#register">Obejrzyj webinar</a></li> </ul> </nav> </header>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<section class="top"> <div class="top-container"> <div class="cont-1"> <h1>Skorzystaj z dotacji dla samorządów<br> i wybierz podwójne bezpieczeństwo! <span >Poznaj szczegóły programu "Cyberbezpieczny Samorząd" </span> </h1> </div> <div class="cont-2"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z"/></svg><p class="top-desc">Dowiedz się, jak zdobyć nawet 850 000 zł dofinansowania i&nbsp;na co możesz przeznaczyć pozyskane środki.</p> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z"/></svg><p class="top-desc">Zobacz, jak przeprowadzić wymagany audyt bezpieczeństwa. </p> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z"/></svg><p class="top-desc">Sprawdź, jak spełnić wymogi projektu w poszczególnych obszarach kompetencyjnych.</p> </div> <div class="cont-4"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/a572f7b4-fa22-41e7-9330-74fdb17a281b.png"> <button id="menu-4" class="button menu">Obejrzyj webinar</button> </div> </div> </section>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<section class="program menu-1"> <h2 class="header"><span>Program</span> webinaru</h2> <div class="container program-container"> <div class="topic topic-1"> <p class="topic-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M512 256c0 141.4-114.6 256-256 256s-256-114.6-256-256s114.6-256 256-256S512 114.6 512 256z"/></svg>Robert Posłajko – <span>Wprowadzenie do projektu Cyberbezpieczny Samorząd. </span></p> </div> <div class="topic topic-3"> <p class="topic-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M512 256c0 141.4-114.6 256-256 256s-256-114.6-256-256s114.6-256 256-256S512 114.6 512 256z"/></svg>Michał Mizgalski – <span>Obowiązkowy audyt w programie Cyberbezpieczny Samorząd, kryteria merytoryczne projektu i obszar organizacyjny. </span></p> </div> <div class="topic topic-4"> <p class="topic-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M512 256c0 141.4-114.6 256-256 256s-256-114.6-256-256s114.6-256 256-256S512 114.6 512 256z"/></svg>Piotr Wojtasik - <span>Omówienie obszarów kompetencyjnego i technicznego. Podwójne bezpieczeństwo z Axence.</span></p> </div> <div class="topic topic-5"> <p class="topic-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.0.0-beta2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M512 256c0 141.4-114.6 256-256 256s-256-114.6-256-256s114.6-256 256-256S512 114.6 512 256z"/></svg>Robert Posłajko - <span>Zakończenie.</span></p> </div> </div> </section>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<section class="expert-sec"> <h2 class="header"><span>Eksperci</span> webinaru</h2> <div class="expert"> <div class="expert-photo expert-photo-1"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/d35d9734-f81c-402d-ad08-afe25951fbf6.png" width="158" height="169"> </div> <div class="expert-photo expert-photo-2"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/9533a225-2796-4057-aad7-03eba3578368.png" width="158" height="169"> </div> <div class="expert-photo expert-photo-3"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/f0015817-8b2e-4d56-8177-8b54439744c0.png" width="158" height="169"> </div> <div class="expert-desc expert-desc-1"> <p class="expert-details"> <span>Michał Mizgalski</span><br> Audytor ds. Bezpieczeństwa IT<br> </p> </div> <div class="expert-desc expert-desc-2"> <p class="expert-details"> <span>Piotr Wojtasik</span><br> Certyfkowany Inżynier i Trener Axence<br> </p> </div> <div class="expert-desc expert-desc-3"> <p class="expert-details"> <span>Robert Posłajko</span><br> Dyrektor ds. Rozwoju biznesu Axence<br> </p> </div> </div> </section>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<section class="nvision menu-3"> <div clsass="area-description"> <h2 class="header"><span>Axence</span> w służbie JST</h2> <p class="description">Projekt "Cyberbezpieczny Samorząd" pozwala samorządom na całościowe sfinansowanie wydatków związanych ze wzmocnieniem ochrony i edukację pracowników z zakresu cyberbezpieczeństwa. W te założenia idealnie wpisują się rozwiązania Axence.</p> </div> </section>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<section class="nvision"><div class="area"> <h2 class="header">Obszar kompetencyjny</h2> <p>Platforma security awareness <strong>Axence SecureTeam</strong><sup>®</sup> realizuje zakres programu w obszarze “dostęp do platform szkoleniowych, budujących świadomość cyberzagrożeń i sposobów ochrony dla pracowników JST”.</p> <p style="font-size: 25px; font-weight: lighter; padding-top: 24px; ">Cyberbezpieczeństwo dzięki wiedzy</p> <p> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <style> .nvision svg { fill: #fa8821; vertical-align: sup; } </style> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> Aktualne informacje o najnowszych zagrożeniach i sposobach ataków<br> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> 5 lekcji z zakresu cyberbezpieczeństwa dostosowanych do polskich warunków <br> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> 7 testów weryfikujących wiedzę<br> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> Możliwość dostosowywania tempa nauki do potrzeb organizacji, wysyłanie monitów o konieczności realizacji programu szkoleniowego<br> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> Monitorowanie postępów, statystyk pracowników i zespołów<br><br> </p> <div class="container area-container ast"> <p><strong>SecureTeam</strong> kształtuje dobre praktyki bezpiecznej pracy w świecie cyfrowym. Platforma pozwala testować wiedzę pracowników wskazując osoby i zespoły najbardziej podatne na ataki.</p> </div> </div> </section>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<section class="nvision"> <div class="area"> <h2 class="header">Obszar techniczny</h2> <p><strong>Axence nVision</strong><sup>®</sup> realizuje program w obszarze technicznym w zakresach „zakup, wdrożenie i utrzymanie systemów w tym oprogramowania z zakresu cyberbezpieczeństwa” oraz „monitorowania bezpieczeństwa (…), zarządzanie zasobami IT i aktywami podlegającymi ochronie”.</p> <p style="font-size: 25px; font-weight: lighter; padding-top: 24px; ">Wzmacnianie bezpieczeństwa stacji roboczej <p> <p> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> Monitorowanie odstępstw od bezpiecznej konfiguracji sprzętowej i software'owej (CMDB)<br> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> Możliwość przeprowadzenia masowej rekonfiguracji stacji roboczych<br> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> Analiza danych po incydencie - pełny wgląd w logi (informatyka śledcza)<br> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> Ewidencja majątku IT Urzędu i pełna kontrola prac serwisowych, przeglądów czy ważności umów serwisowych<br> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> Wykrywanie anomalii w pracy systemów i użytkowników<br> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" /> </svg> Zarządzanie oprogramowaniem (SAM)<br> </p><br> <div class="container area-container"> <p><strong>nVision</strong> wykrywa anomalie i zdarzenia w infrastrukturze IT oraz może przesyłać informacje o nich do systemów klasy SIEM, które są elementem Security Operations Center.</p> </div> </div> </section>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<section> <div class="community-container"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/37b8456a-8023-4233-8bf7-f095b671674d.png"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/c397f6bc-3f4c-46e9-bfc7-4d63b02b19e5.png"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/5c80420f-609c-44cc-943c-ca84861287ac.png"> </div> </section>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<section class="recommendations"> <h2 class="header"><span>Jesteśmy</span> rekomendowani przez</h2> <div class="recommendations-container"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/0448d7f0-5cc0-4255-a009-c45a0608456a.png"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/5fd573f1-ca92-46ef-91a0-e43c866088b0.png"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/e739d79f-0f68-4ad5-82c4-29509d52d7e9.png"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/400866b0-5c0c-4de4-b521-9a00efbf2672.png"> </div> </section>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<section class="register menu-4"> <div class="container register-container"> <h2 class="header">Wypełnij formularz i uzyskaj dostęp do webinaru </h2> <form action="https://mailing.axence.net/add_subscriber.html" accept-charset="utf-8" method="post" novalidate> <div class="input-container"> <label alt="Imię">Imię:</label> <input type="text" name="first_name" required/> </div> <div class="input-container"> <label alt="Nazwisko">Nazwisko:</label> <input type="text" name="last_name" required/> </div> <div class="input-container"> <label alt="Adres e-mail">Adres e-mail:</label> <input type="email" name="email" required/> </div> <div class="input-container"> <label alt="Telefon">Telefon:</label> <input name="custom_telefon" type="text" pattern="\+48[0-9]{9}" value="" required /> </div> <div class="input-container"> <label alt="Organizacja">Organizacja:</label> <input name="custom_company" type="text" value="" required/> </div> <div class="input-container"> <label alt="Liczba komputerów w firmie">Liczba komputerów w organizacji:</label> <input name="custom_liczba_urzadzen" type="number" value="" required/> <p class="explainer">Wszystkie pola obowiązkowe</p> </div> <div class="input-container"> <label class="label-agreement" for="webform_consent#HPaQ_0"> <input class="agreement beforeBorder" id="webform_consent#HPaQ_0" type="checkbox" name="webform[consent#HPaQ-ver#hxiJ]" value="true" required/> <span>Wyra&#380;am zgod&#281; na otrzymywanie od Axence Sp. z o. o. Sp. J. lub partner&oacute;w Axence informacji marketingowych o produktach Axence na podany adres e-mail i numer telefonu (np. przedstawienie oferty).&nbsp;</span></label> <br/> <div class="validation-info"></div> </div> <!-- Token listy --> <!-- Pobierz token na: https://app.getresponse.com/campaign_list.html --> <input type="hidden" name="campaign_token" value="P1Hs7" /> <!-- Strona z podziękowaniem (opcjonalnie) --> <input type="hidden" name="thankyou_url" value="https://axence.net/pl/dziekujemy-za-zapis-na-webinar-cyberbezpieczny-samorzad"/> <!-- Przycisk zapisu --> <div class="button-holder"> <input class="button button-submit" type="submit" value="Zapisz się"/> </div> <p class="privacy">Zaznaczenie checkboxa jest dobrowolne i oznacza, że wyrażasz zgodę na przetwarzanie danych osobowych w zakresie adresu email / nr telefonu oraz innych podanych danych w celu realizacji marketingu bezpośredniego przez Axence Sp. z o. o. Sp. J. poprzez kontakt mailowy lub telefoniczny. Administratorem danych jest Axence Sp. z o. o. Sp. J. ul. Na Zjeździe 11, 30-527 Kraków, NIP: 6751399589. <span class="more" href="#">Pokaż więcej</span><br> <span class="extended-privacy">Dane będą przetwarzane w celu przygotowania i przeprowadzenia szkolenia (podstawa prawna: art. 6 ust. 1 lit. b) rodo a jeżeli wyrazisz powyższą zgodę także w celu marketingu bezpośredniego administratora danych (podstawa: art. 6 ust. lit. a) rodo, realizowanego poprzez wysyłkę mailingu lub telemarketingu, w zależności od wyboru (zob. art. 10 ustawy o świadczeniu usług drogą elektroniczną oraz art. 172 prawa telekomunikacyjnego). Wyrażenie zgody jest dobrowolne a zgoda może być wycofana w każdej chwili, co nie wpłynie na zgodność z prawem przetwarzania, którego dokonano na podstawie zgody przed jej wycofaniem. Zgodę możesz wycofać wysyłając takie żądanie na adres e-mail: <a href="mailto:dane.osobowe@axence.net">dane.osobowe@axence.net.</a> Osobie, której dane są przetwarzane przysługuje prawo do żądania od administratora dostępu do danych osobowych dotyczących osoby, której dane dotyczą, ich sprostowania, usunięcia lub ograniczenia przetwarzania lub o prawie do wniesienia sprzeciwu wobec przetwarzania, a także o prawie do przenoszenia danych a także o prawo do wniesienia skargi do organu nadzorczego (zob. uodo.gov.pl). Dane nie będą udostępniane do celów marketingowych innych podmiotów. Więcej: <a href="https://axence.net/pl/polityka-prywatnosci">polityka prywatności.</a></span></p> </form> </div> </section>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<script> const formFields = document.querySelectorAll('input'); const spanLink = document.querySelector('.more'); const extendedPrivacy = document.querySelector('.extended-privacy'); const btnSubmit = document.querySelector('.button-submit'); const checkAgr = document.querySelector('.agreement'); const validInfo = document.querySelector('.validation-info'); let firstNameField = document.querySelector('[name=first_name]'); let lastNameField = document.querySelector('[name=last_name]'); let emailField = document.querySelector('[name=email]'); let companyField = document.querySelector('[name=custom_company]'); let phoneField = document.querySelector('[name=custom_telefon]'); let devicesField = document.querySelector('[name=custom_liczba_urzadzen]'); formFields.forEach(formField => { formField.addEventListener('blur', e => { let fieldLabel = e.target.previousElementSibling; if(e.target.value.length < 1) { e.target.style.borderColor = '#ff1300'; fieldLabel.style.color = '#ff1300'; fieldLabel.textContent = `Pole "${fieldLabel.getAttribute('alt')}" nie może być puste`; } else if(e.target.type == 'email' && !e.target.value.includes('@')) { e.target.style.borderColor = '#ff1300'; fieldLabel.style.color = '#ff1300'; fieldLabel.textContent = `Pole "${fieldLabel.getAttribute('alt')}" jest niepoprawne`; } else if(e.target.name == 'custom_telefon' && e.target.checkValidity() == false) { fieldLabel.style.color = '#ff1300'; fieldLabel.textContent = `Format pola "${fieldLabel.getAttribute('alt')}" jest niepoprawny. Wpisz numer w formacie: "+48XXXXXXXXX"`; } else { e.target.style.borderColor = '#3142b1'; fieldLabel.style.color = '#3142b1'; fieldLabel.textContent = fieldLabel.getAttribute('alt') + ":"; } }) }) spanLink.addEventListener('click', e => { if(extendedPrivacy.style.display == 'none' || extendedPrivacy.style.display == '' ) { extendedPrivacy.style.display = 'block'; e.target.textContent = 'Pokaż więcej' } else { extendedPrivacy.style.display = 'none'; e.target.textContent = 'Pokaż mniej' } }) btnSubmit.addEventListener('click', e => { if(firstNameField.value.length < 1) { firstNameField.style.borderColor = '#ff1300'; firstNameField.previousElementSibling.style.color = '#ff1300'; firstNameField.previousElementSibling.textContent = `Pole "${firstNameField.previousElementSibling.getAttribute('alt')}" nie może być puste`; e.preventDefault() } if(lastNameField.value.length < 1) { lastNameField.style.borderColor = '#ff1300'; lastNameField.previousElementSibling.style.color = '#ff1300'; lastNameField.previousElementSibling.textContent = `Pole "${lastNameField.previousElementSibling.getAttribute('alt')}" nie może być puste`; e.preventDefault() } if(emailField.value.length < 1) { emailField.style.borderColor = '#ff1300'; emailField.previousElementSibling.style.color = '#ff1300'; emailField.previousElementSibling.textContent = `Pole "${emailField.previousElementSibling.getAttribute('alt')}" nie może być puste`; e.preventDefault() } if(emailField.value.length > 1 && !emailField.value.includes('@')) { emailField.style.borderColor = '#ff1300'; emailField.previousElementSibling.style.color = '#ff1300'; emailField.previousElementSibling.textContent = `Pole "${emailField.previousElementSibling.getAttribute('alt')}" jest niepoprawne`; e.preventDefault() } if(phoneField.value.length < 1) { phoneField.style.borderColor = '#ff1300'; phoneField.previousElementSibling.style.color = '#ff1300'; phoneField.previousElementSibling.textContent = `Pole "${phoneField.previousElementSibling.getAttribute('alt')}" nie może być puste`; e.preventDefault() } if(emailField.value.length > 1 && phoneField.checkValidity() == false) { phoneField.style.borderColor = '#ff1300'; phoneField.previousElementSibling.style.color = '#ff1300'; phoneField.previousElementSibling.textContent = `Format pola "${phoneField.previousElementSibling.getAttribute('alt')}" jest niepoprawny. Wpisz numer w formacie: "+48XXXXXXXXX"`; e.preventDefault() } if(companyField.value.length < 1) { companyField.style.borderColor = '#ff1300'; companyField.previousElementSibling.style.color = '#ff1300'; companyField.previousElementSibling.textContent = `Pole "${companyField.previousElementSibling.getAttribute('alt')}" nie może być puste`; e.preventDefault() } if(devicesField.value.length < 1) { devicesField.style.borderColor = '#ff1300'; devicesField.previousElementSibling.style.color = '#ff1300'; devicesField.previousElementSibling.textContent = `Pole "${devicesField.previousElementSibling.getAttribute('alt')}" nie może być puste`; e.preventDefault() } if(checkAgr.checked) { validInfo.textContent = ''; checkAgr.classList.remove('afterBorder'); } else { validInfo.style.color = '#ff1300'; validInfo.textContent = 'Wymagana akceptacja zgody'; checkAgr.classList.add('afterBorder'); e.preventDefault() } }) checkAgr.addEventListener('change', e => { if(checkAgr.checked) { validInfo.textContent = ''; checkAgr.classList.remove('afterBorder'); } else { validInfo.style.color = '#ff1300'; validInfo.textContent = 'Wymagana akceptacja zgody'; checkAgr.classList.add('afterBorder'); } }) let menuLinks = document.querySelectorAll(".menu") menuLinks.forEach((menuLink) => { menuLink.addEventListener('click', () => { menuId = menuLink.getAttribute("id") document.querySelector(`.${menuId}`).scrollIntoView({ "behavior": "smooth" }) }) }) </script>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<footer> <div class="company"> <img src="https://multimedia.mailing.axence.net/axence-zr6bL/photos/94486bfb-d432-475c-88b1-d1eb9c45f500.png"><br> <p class="address">Axence Sp. z o. o. Sp. J.<br> ul. Na Zjeździe 11, 30-527 Kraków</p> </div> <div class="phone"> <img src="https://us-ms.gr-cdn.com/getresponse-zr6bL/photos/f9034971-ea4b-4e80-b94b-8a56cb21cd60.png"> <p>+48 12 426 40 35</p> </div> <div class="email"> <img src="https://us-ms.gr-cdn.com/getresponse-zr6bL/photos/0b00f10c-69aa-47d3-bd18-73ffa6ebf0b8.png"> <p><a href="mailto:sprzedaz@axence.net">sprzedaz@axence.net</a></p> </div> <div class="copy"> <p class="copy">Copyright &copy; Axence Sp. z o. o. Sp. J</p> </div> </footer>