To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div class="fold-content"> <h1><span class="first">Zyskaj wiedzę</span><br><span>o bezpieczeństwie</span><br><span>i zarządzaniu IT</span></h1> <ol> <li>Zapisz się do letniej szkoły admina lipiec/sierpień 2020</li> <li>Co tydzień zdobywaj unikalną wiedzę</li> <li>Co miesiąc rozwiązuj testy i zgarniaj cenne nagrody</li> <li>Po zakończeniu kursu zdobądź certyfikat</li> </ol> <a class="signup-button">Zapisz się teraz</a> </div>
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=Comfortaa:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <style> body { font-family: 'Comfortaa', cursive; } .fold-content { text-transform: uppercase; color: #2557A9; } .fold-content > h1 { margin-bottom: 30px; } .fold-content > h1 > span { font-size: 30px; font-weight: 300; color: #FFDB53; background-color: #2557A9; padding: 6px 8px 3px 8px; line-height: 1.3; display: inline-block; } .fold-content > h1 .first { padding-top: 6px; } .fold-content li { font-size: 14px; font-weight: 300; padding-bottom: 5px; } .fold-content a { width: 30%; display: inline-block; border: 1px solid #2557A9; padding: 5px; margin-top: 15px; cursor: pointer; color: #2557A9; text-align: center; vertical-align: middle; } .description-content p { font-size: 16px; color: #ffffff; font-weight: 300; padding-top: 30px; text-align: center; } .section-head > h2 > span { font-size: 26px; font-weight: 300; color: #2557A9; background-color: #FFDB53; padding: 6px 8px 3px 8px; line-height: 1.3; text-transform: uppercase; text-align: center; vertical-align: middle; display: inline-block; } .section-head > h2 > .first { padding-top: 6px; } .section-head > h2 > .last { padding-bottom: 6px; } .program-content { margin-left: 170px; } .program-content > table { color: #2557A9; width: 85%; margin: 30px 0 30px 40px; table-layout: fixed; } .program-content > table th { text-transform: uppercase; font-weight: 500; font-size: 16px; padding: 10px 0; } .program-content > table td { font-size: 14px; font-weight: 300; padding: 10px 0; } .program-content > table td strong { font-weight: 800; } .program-content > table tr { border-bottom: 1px solid #2557A9; } .program-content .first-col { background-color: #FFDB53; padding: 3px; } .program-content p { width: 75%; font-weight: 300; color: #2557A9; font-size: 16px; margin-left: 180px; } .program-content .last-row { border: none; } .signup-content > h2 > span { padding: 6px 8px; } .rodo { color: #ffffff; font-size: 10px; } .rodo a, .rodo a:hover, .rodo a:active { color: #ffffff; text-decoration: underline; font-weight: 500; cursor: pointer; } .exams-content img { width: 427.5px, height: 648px; } .exams-content h2 { padding-bottom: 35px; } .exams-content > h2 > span { padding: 6px 8px; } .exams-content p { color: #2557A9; font-size: 16px; font-weight: 300; margin-bottom: 15px; margin-left: 30px; } .promo-content > h2 > span { font-size: 26px; font-weight: 300; color: #FFDB53; background-color: #2557A9; padding: 6px 8px 3px 8px; line-height: 1.4; text-transform: uppercase; display: inline-block; } .promo-content > h2 > .first { padding-top: 6px; } .promo-content > h2 > .last { padding-bottom: 6px; } .promo-content h2 { padding-bottom: 20px; } .promo-content p { color: #2557A9; font-size: 16px; font-weight: 300; margin: 15px 0 0 30px; } .promo-content a { width: 40%; display: inline-block; background-color: #2557A9; padding: 8px; text-transform: uppercase; margin: 50px 0 0 30px; cursor: pointer; color: #ffffff; text-align: center; } .axence-content { width: 100%; color: #fff; font-size: 16px; } .axence-content > div { text-align: center; margin: 15px auto; } .axence-content-left { width: 40%; float: left; height: 100px; } .axence-content-right > div { margin-bottom: 25px; } .axence-content-right { width: 40%; float: right; height: 100px; } .axence-content p { padding-top: 20px; text-align: justify; } .axence-content a { width: 70%; display: inline-block; border: 2px solid #FBDA5D; padding: 8px 10px; margin-top: 25px; cursor: pointer; font-weight: 500; color: #FBDA5D; text-align: center; } .ws-content { width: 100%; color: #fff; font-size: 16px; } .ws-content-left { width: 25%; float: left; height: 100px; padding-top: 30px; } .ws-content-right { width: 65%; float: right; height: 100px; padding-top: 30px; text-align: justify; } .ws-content a { width: 40%; display: inline-block; border: 2px solid #FFFFFF; padding: 8px 10px; margin-top: 25px; cursor: pointer; color: #FFFFFF; font-weight: 500; text-align: center; } .footer-address { color: #ffffff; padding-bottom: 45px; font-size: 14px; } .footer-address p { line-height: 1.8; } .footer-copyright { font-size: 14px; color: #5081B4; } .footer-contact { color: #ffffff; font-size: 14px; } .footer-contact img { display: inline-block; margin-right: 10px; } .footer-contact ul { list-style-type: none; } .footer-contact li { line-height: 1.5; margin-bottom: 20px; } .footer-contact span { vertical-align: middle; } .footer-contact a, .footer-contact a:hover, .footer-contact a:active { color: #ffffff; cursor: pointer; text-decoration: none; } @media (max-width: 600px) { h2 { font-size: 24px; } .fold-content { text-align: center; margin: 20px 15px 0 0; } .fold-content a { width: 50%; } .description-content { margin: 0 15px; } .description-content p { text-align: justify; } .program-content { text-align: center; margin: 0; } .program-content table { margin: 20px 15px 10px 0; } .program-content p { margin: 15px auto; font-size: 12px; width: 100%; } .section-head { text-align: center; } .section-head h2 { margin-top: 15px; } .image-sound { margin: 0 auto; text-align: center; } img { width: 237.5px; height: 360px; } .exams-content { text-align: justify; width: 90%; } .exams-content h2 { text-align: center; } .promo-content { text-align: center; margin: 0; } .promo-content h2 { margin-top: 15px; } .promo-content p { margin-left: 0; margin-right: 15px; } .promo-content a { width: 80%; margin-left: 0; } .axence-content-left, .axence-content-right { float: none; width: 90%; margin:0; } .axence-content-left { min-height: 280px; } .axence-content-right { padding-top:20px; } .axence-content-left img { width: 82.5px; height: 59.5px; } .axence-content-right img { width: 135.5px; height: 46.5px; } .axence-content-right > div { margin-bottom: 10px; } .ws-content-left, .ws-content-right { float: none; width: 90%; margin:0 auto; text-align: center; } .ws-content-right { text-align: justify; } .ws-content img { width: 101px; min-height: 100px; height: 99.5px; margin: 0 auto; } .footer-contact img { width: 13.5px; height: 9.5px; } .footer-contact li, .footer-address, .footer-copyright { text-align: center; } .footer-contact li { margin-bottom: 10px; } .rodo p { margin-right: 10px; width: 90%; } } </style> </head>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div class="description-content"> <p>Wakacje to czas zasłużonego wypoczynku, ale też dobra okazja na podnoszenie kompetencji. Zapisz się na nasz bezpłatny cykl, a&nbsp;co tydzień otrzymasz link do opracowanych i&nbsp;wyselekcjonowanych materiałów edukacyjnych dla administratorów i&nbsp;specjalistów IT.</p> <p>Dla zapisanych przewidujemy szereg niespodzianek, niepublikowane materiały oraz oczywiście konkurs z&nbsp;nagrodami. Dla najlepszych głośniki bezprzewodowe, smartbandy Xiaomi i&nbsp;wiele innych. Na koniec możesz sprawdzić swoją wiedzę i&nbsp;otrzymać Certyfikat!</p> </div>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div class="program-content section-head"> <h2><span class="first">Program</span><br><span class="last">letniej szkoły Admina</span></h2> <table style="width:100%"> <col style="width:20%"> <col style="width:50%"> <col style="width:30%"> <thead> <tr> <th>Termin</th> <th>Tematyka</th> <th>Eksperci</th> </tr> </thead> <tbody> <tr> <td> <span class="first-col">14 lipca</span></td> <td>Software Asset Management<br>– ogarniamy licencje Microsoft </td> <td>Marcin Wojna</td> </tr> <tr> <td><span class="first-col">21 lipca</span></td> <td>Testy penetracyjne w praktyce<br>– przekrojowy kurs od zera</td> <td>Rafał Gołębiowski</td> </tr> <tr> <td><span class="first-col">28 lipca</span></td> <td>RODO, KRI, KSC, ISO<br>– normy prawne w życiu admina </td> <td>Mirosław Gumularz<br>Mariusz Smółka<br>Sławomir Szmulik</td> </tr> <tr> <td><span class="first-col"><strong>31 lipca</strong></span></td> <td><strong>Test wiedzy</strong></td> <td></td> </tr> <tr> <td> <span class="first-col">4 sierpnia</span></td> <td>Analiza ryzyka<br>– rachunek sumienia admina</td> <td>Paweł Jakubiak</td> </tr> <tr> <td><span class="first-col">11 sierpnia</span></td> <td>Praca zdalna<br>- jakie wyzwania stawia przed nami i jak się przed nimi bronić?</td> <td>Marcin Matuszewski<br>Arkadiusz Zug</td> </tr> <tr> <td><span class="first-col">16 sierpnia</span></td> <td>Internet rzeczy oraz ataki na aplikacje webowe</td> <td>Grzegorz Sowa<br>Rafał Gołębiowski</td> </tr> <tr> <td><span class="first-col">25 sierpnia</span></td> <td>Tajniki oraz triki w obronie i ataku</td> <td>Paweł Maziarz<br>Grzegorz Sowa</td> </tr> <tr class="last-row"> <td><span class="first-col"><strong>28 sierpnia</strong></span></td> <td><strong>Test wiedzy</strong></td> <td></td> </tr> </tbody> </table> <p>Materiały szkoleniowe będą przesyłane co tydzień na podany podczas rejestracji adres mailowy. Zebraliśmy najlepsze nagrania i&nbsp;prezentacje opracowane przez Axence oraz niezależnych ekspertów, którzy współpracują z&nbsp;nami przy tworzeniu społeczności Władcy Sieci, konferencji Admin Days oraz innych wydarzeń. Dodatkowo przez wakacje przygotujemy nowe, unikalne materiały, pokazy i&nbsp;prelekcje. </p> </div>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div id="signups" class="signup-content section-head"><h2><span>Zapisy do szkoły</span></h2></div>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<p class="rodo"> Jeżeli chcesz zapisać się do Letniej Szkoły Admina, wypełnij powyższy formularz oraz zaznacz checkbox i naciśnij „Zapisz się”. Podanie danych i wyrażenie zgody jest dobrowolne ale niezbędne do zapisu oraz 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. K. partnerów Axence poprzez kontakt mailowy lub telefoniczny. Katalog partnerów Axence - odbiorców danych zob. <a href="https://axence.net/pl/partnerzy-axence">https://axence.net/pl/partnerzy-axence.</a><br><br> Administratorem danych jest Axence Sp. z o. o. Sp. K. NIP: 6751399589. Cel przetwarzania: zawarcie i realizacji umowy licencyjnej oraz marketing bezpośredni administratora danych w oparciu o udzieloną zgodę. Zgoda jest dobrowolna i może być wycofana w każdej chwili, co nie wpłynie na zgodność z prawem przetwarzania, którego dokonano przed jej wycofaniem. Zgodę możesz wycofać wysyłając takie żądanie na adres: <a href="mailto:dane.osobowe@axence.net">dane.osobowe@axence.net.</a><br> Więcej: <a href="https://axence.net/pl/polityka-prywatnosci">polityka prywatności.</a></p>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div class="exams-content section-head"><h2><span>Egzaminy</span></h2> <p><strong>Potwierdź swoje umiejętności biorąc udział w testach.</strong><br> Z końcem każdego miesiąca na wskazany adres otrzymasz dostęp do testu sprawdzającego wiedzę. Egzamin będzie złożony z pytań zamkniętych. Na jego rozwiązanie masz 5 minut.</p> <p>Trzech najbardziej zaangażowanych adeptów szkoły letniej, którzy odpowiedzą poprawnie na wszystkie pytania z obu testów oraz zrobią to w najkrótszym czasie otrzyma głośniki Creative Sound Blaster, które umilą wolny czas w trakcie wakacyjnej przerwy. Na uczestników, którzy zajmą pięć kolejnych miejsc czekają opaski Mi Band, pozwalające na bicie sportowych rekordów.</p> <p>Pamiętaj, że przejrzenie i przesłuchanie wszystkich materiałów zbliża Cię do nagrody! </p> <p>Po uzyskaniu 70% z każdego z testów otrzymasz certyfikat potwierdzający zdobytą wiedzę. Możesz pokazać go przełożonemu jako argument, że zależy Ci na ciągłym rozwoju, także w okresie wakacyjnym.<p> <p>Zapraszamy do uczestnictwa i życzymy powodzenia! </p> </div>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div class="image-sound"> <img src="https://multimedia.getresponse.com/getresponse-zr6bL/photos/e5ad3c3f-cbfa-43ed-9733-583f881a41d3.png" width="427.5" height="648"/> </div>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div class="promo-content"><h2><span class="first">Więcej</span><br><span>wakacyjnych opcji</span><br><span class="last">z Axence</span></h2> <p>Lato z Axence to nie tylko okazja do zdobywania wartościowej wiedzy, ale również szansa na skorzystanie z najatrakcyjniejszej promocji w tym roku!</p> <p>Zamawiając w lipcu oprogramowanie nVision, <strong>otrzymasz laptop, telewizor, smartfon lub czytnik Kindle!</strong> </p> <a href="https://axence.net/wakacyjny-duet" alt="Promocja wakacyjna 2020">Zobacz promocję</a> </div>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div class="axence-content"> <div class="axence-content-left"> <div> <img src="https://multimedia.getresponse.com/getresponse-zr6bL/photos/cb9dfebe-f575-4f56-afb4-c51524ce03ee.png" /> </div> <p> Celem działań Axence jest wspieranie działów IT i&nbsp;biznesu w tworzeniu bezpiecznego i&nbsp;sprawnego środowiska informatycznego. Axence od 2005 roku dostarcza wysokiej jakości, wygodne w użyciu produkty, równocześnie angażuje się w&nbsp;promowanie edukacji cyfrowej i&nbsp;zwiększanie światowego bezpieczeństwa IT. </p> </div> <div class="axence-content-right"> <div> <img src="https://multimedia.getresponse.com/getresponse-zr6bL/photos/b3335d56-bec3-48b5-a601-d3469fc96366.png" /> </div> <p> Flagowym produktem Axence jest oprogramowanie Axence nVision<sup>&reg;</sup>, odpowiada na kluczowe potrzeby administratorów i&nbsp;oficerów bezpieczeństwa IT w&nbsp;zakresie monitorowania sieci i&nbsp;użytkowników, inwentaryzacji sprzętu i&nbsp;oprogramowania, zdalnej pomocy technicznej oraz ochrony danych przed wyciekiem. Zarządom pozwala zaś optymalizować koszty obsługi infrastruktury informatycznej niezależnie od jej wielkości. </p> <a href="https://axence.net/nvision">Poznaj Axence nVision<sup>&reg;</sup></a> </div> </div>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div class="ws-content"> <div class="ws-content-left"> <img src="https://multimedia.getresponse.com/getresponse-zr6bL/photos/dce718d1-190e-45a0-9dcf-b7da23837dfb.png"/> </div> <div class="ws-content-right"> <p>Tworzymy społeczność administratorów i specjalistów IT. Wspólnie dzielimy się wiedzą oraz doświadczeniem. Publikujemy artykuły niezależnych ekspertów. Organizujemy spotkania i webinary. Oprócz wiedzy zapraszamy do dobrej zabawy w formie gRywalizacji – zbierania punktów oraz wymieniania ich na społecznościowe nagrody.</p> <a href="https://wladcysieci.pl/?utm_source=axence.net&utm_medium=referral&utm_campaign=letnia-szkola-axence">Zapraszamy na WladcySieci.pl</a> </div> </div>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<p class="footer-address">Axence Sp. z o. o. Sp. K.<br>ul. Na Zjeździe 11, 30-527 Kraków</p> <p class="footer-copyright">Copyright &copy; Axence Sp z o. o. Sp. K.</p>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<div class="footer-contact"> <ul> <li><img src="https://multimedia.getresponse.com/getresponse-zr6bL/photos/3d03745e-361e-4e79-8b00-3ac9410a640c.png"/><a class="footer-contact-mail" href="mailto:marketing@axence.net">marketing@axence.net</a></li> <li><img src="https://multimedia.getresponse.com/getresponse-zr6bL/photos/6c85b063-ddbf-4588-b453-3c0d52e0f3f5.png"/><span>+48 12 448 13 25</span></li> <li><img src="https://multimedia.getresponse.com/getresponse-zr6bL/photos/dac68c7e-7982-45ca-966b-f038f8bed95b.png"/><a class="footer-contact-webiste" href="https://axence.net">axence.net</a></li> </ul> </div>
To jest placeholder.
Przejdź do trybu Podglądu lub opublikuj stronę,
aby sprawdzić działanie swojego kodu.
Kliknij dwa razy, aby edytować
<script> document.querySelector('.signup-button').addEventListener('click', () => { document.querySelector('.signup-content').scrollIntoView({ "behavior": "smooth" }) }) </script>