{% extends 'web/index.html' %}{% block header %} {% endblock %}{% block content %} <section class="site-section site-section--dark section-01"> <div class="site-section__wrapper"> <div class="site-section__inner"> <div class="flex-container"> <div class="flex-column col-6-from-992"> <article class="lead"> <header class="lead__header"> <h2 class="section-title section-title--big">Przechorowanie,<br>czy zaszczepienie?</h2> </header> <div class="lead__row"> <div class="lead__row-container"> <h4 class="section-subtitle">Kiedy mamy wyższą odporność<br>w przypadku COVID-19?</h4> </div> </div> <div class="lead__row"> <div class="lead__row-container"> <ul class="horizontal-items"> <li class="horizontal-item">3.03.2021</li> <li class="horizontal-item--distinguished">10:00</li> </ul> </div> </div> <div class="lead__row lead__row--more-space"> <div class="live-label"> <div class="live-label__inner"> <span class="live-circle blink"></span> LIVE </div> </div> </div> </article> </div> <div class="flex-column col-6-from-992"> <div class="person-section"> <div class="person-section__picture-container"> <div class="person-section__picture" style="background-image: url('/img/photos/person-1.png');"></div> </div> <div class="person-section__content-container person-section__content-container--to-left"> <div class="small-lead small-lead--reverse"> <div class="small-lead__preheader">DR N. MED.</div> <div class="small-lead__header">Sylwester Piaskowski</div> <div class="small-lead__description">Ekspert ds. COVID-19 z przychodni Dimedic.pl</div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="webinar-anchor" class="site-section section-02"> <div class="site-section__wrapper"> <div class="site-section__inner site-section__inner--wide"> <div class="flex-container flex-container--background"> <div class="flex-column col-6-from-992"> <div class="lead"> <div class="lead__icon-container"> <img src="/img/icons/icon-webinar.svg"> </div> <div class="lead__header lead__header--decorated"> <h3 class="section-title"> Zapisz się <span>na webinar</span> </h3> </div> <div class="text text--narrow"> <p> Ante facilisi ultrices lacinia senectus pulvinar. Odio amet maecenas aliquam dolor fusce. </p> </div> </div> </div> <div class="flex-column col-6-from-992"> <form id="form-contact" class="form" method="post" action="/"> <fieldset class="form__wrapper"> <div class="form__inner"> <div class="form__content"> <div class="form__field-container"> <label class="form-field"> <div class="form-field__wrapper"> <div class="form-field__inner"> <input class="form-field__core" name="name" type="text" placeholder="Imię" /> </div> </div> </label> </div> <div class="form__field-container"> <label class="form-field"> <div class="form-field__wrapper"> <div class="form-field__inner"> <input class="form-field__core" name="surname" type="text" placeholder="Nazwisko" /> </div> </div> </label> </div> <div class="form__field-container"> <label class="form-field"> <div class="form-field__wrapper"> <div class="form-field__inner"> <input class="form-field__core" name="email" type="text" placeholder="E-mail" /> </div> </div> </label> </div> <div class="form__field-container"> <label class="form-field"> <div class="form-field__wrapper"> <div class="form-field__inner"> <input class="form-field__core" name="phone" type="text" placeholder="Nr telefonu" /> </div> </div> </label> </div> <div class="form__bottom-row"> <div class="button-container-with-contents"> <div class="button-container-with-contents__container"> <div class="button-container-with-contents__contents-container"> <div class="single-checkbox"> <div class="single-checkbox__wrapper"> <div class="single-checkbox__inner"> <div class="single-checkbox__field-container"> <label class="choice-field"> <input type="checkbox" name="conditions" value="1" /> <div class="choice-field__wrapper"> <div class="choice-field__inner"></div> </div> <div class="single-checkbox__description"> <p> Wyrażam zgodę na przetwarzanie danych osobowych przez firmę Medme.pl <a class="ajax-overlayer-button" href="https://www.medme.pl/informacje/polityka-prywatnosci" target="_blank">(Polityka prywatności)</a>. </p> </div> </label> </div> </div> </div> </div> <div class="single-checkbox"> <div class="single-checkbox__wrapper"> <div class="single-checkbox__inner"> <div class="single-checkbox__field-container"> <label class="choice-field"> <input type="checkbox" name="conditions" value="1" /> <div class="choice-field__wrapper"> <div class="choice-field__inner"></div> </div> <div class="single-checkbox__description"> <p> Wyrażam zgodę na otrzymywanie materiałów promocyjnych i newsletterów. </p> </div> </label> </div> </div> </div> </div> </div> <div class="button-container-with-contents__button-container"> <div class="button-wrapper"> <button class="button" type="submit"> <div class="button__wrapper"> <div class="button__inner"> Zapisz się </div> </div> </button> <div class="button-wrapper__spinner form__spinner"> <div class="wrapper"> <div> <div class="spinner"> <i class="fa fa-circle-notch fa-spin" aria-hidden="true"></i> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="form__info-container"> <div class="form__info-wrapper"> <div class="form__info"> <div class="failure"> Proszę wypełnić wszystkie pola </div> </div> </div> </div> </div> </div> </fieldset> </form> </div> </div> </div> </div> </section>{% endblock %}