# Szablon: zadania - wiedza

# W katalogu

|--src/                           →  Pliki źródłowe
|  |--templates/                  →  Szablony: katalog główny
|  |  |--pages/                   →  Szablony: podstrony
|  |  |  |--zadania-content-wiedza.twig       

# HTML

{% extends '../layouts/default.twig' %}
{% set head_title = 'Zadania - content - wiedza' %}
{% set body_class = '' %}

{% block page %}
{% include '../../modules/top/top.twig' %}
<div class="container">
  <div class="row">
    <div class="col-12 col-lg-3 col-hd-2">
      {% include '../../modules/sidebar/sidebar.twig' %}
    </div>
    <div class="col-12 col-lg-9 col-hd-10">
      <div class="titleBar titleBar__button">
        <div>
          <div class="titleBar__title">Zadania</div>
        </div>
        <div>
          <a href="" class="btn btn-icon"><img src="./img/icon__arrow-left.svg" alt=""><span>Wróć do listy zadań</span></a>
        </div>
      </div>
      <div class="page-container">
        <div class="contentBar">
          <div class="contentBar__photo"></div>
          <div class="contentBar__content">
            <div>
              <div class="contentBar__cat text-secondary">Quiz</div>
              <div class="contentBar__title contentBar__title__nmb">Najlepsze naturalne WEGE ubrania z ludzkiej skóry.</div>
            </div>
            <div>
              <div class="contentBar__points">
                <span class="text-secondary">zdobądź</span>
                <div class="points">600 <sup>pkt</sup></div>
              </div>
            </div>
          </div>          
        </div>        
        {# <div class="titleBar titleBar__content">
          <div>
            <div class="titleBar__subtitle">Wiedza</div>
            <div class="titleBar__title">Czy wiesz jak powstają beczki do leżakowania whiskey?</div>
          </div>
          <div>
            <div class="titleBar__subtitle">zdobądź</div>
            <div class="titleBar__title"><div class="points">600 <sup>pkt</sup></div></div>  
          </div>
        </div> #}
        <div class="contentText">
          <p>Płytki ceramiczne wielkiego formatu zyskują coraz większą popularność. Z jednej strony stanowią wyzwanie dla projektantów i wykonawców, z drugiej – pozwalają zaprezentować własne umiejętności oraz wspiąć się na wyższy poziom w branży wykończeniowej. Wielkoformatowe płytki ceramiczne mogą osiągać wymiary nawet 120 x 240 cm. To nieuchronny trend, który ciągle się rozwija. Duże płytki, to również duże wyzwanie. Szybkość i wydajność muszą ustąpić skupieniu i staranności. To również inna kalkulacja kosztów. Przy cenie płytki wynoszącej nawet 300 zł/m2 musimy rozważnie kalkulować liczbę obróbek, ryzyko związane z układaniem, dodatkowe koszty transportu i&nbsp;logistyki, zwiększone odpady, a także zapas płytek.
            Płytki wielkoformatowe to produkt premium, skierowany do wąskiej, ale coraz większej, grupy odbiorców. Wymaga on specjalnych klejów o odpowiednich parametrach. Idealnym rozwiązaniem jest ATLAS Ultra Geoflex.</p>
            <img src="https://via.placeholder.com/816x408" alt="">
          <p>Płytki ceramiczne wielkiego formatu zyskują coraz większą popularność. Z jednej strony stanowią wyzwanie dla projektantów i wykonawców, z drugiej – pozwalają zaprezentować własne umiejętności oraz wspiąć się na wyższy poziom w branży wykończeniowej. Wielkoformatowe płytki ceramiczne mogą osiągać wymiary nawet 120 x 240 cm. To nieuchronny trend, który ciągle się rozwija. Duże płytki, to również duże wyzwanie. Szybkość i wydajność muszą ustąpić skupieniu i staranności. To również inna kalkulacja kosztów. Przy cenie płytki wynoszącej nawet 300 zł/m2 musimy rozważnie kalkulować liczbę obróbek, ryzyko związane z układaniem, dodatkowe koszty transportu i&nbsp;logistyki, zwiększone odpady, a także zapas płytek.</p>
        </div>
      </div>
      <div class="page-container">
        <div class="m-titleBar">
          <div>
            <div class="titleBar__title">Teraz, odpowiedz na trzy pytania</div>
          </div>
        </div>
        <div class="q-question-details">
          <div>
            <div class="q-question-details__subtitle">Pytanie</div>
            <div class="q-question-details__title">2 z 5</div>
          </div>
        </div>
        <div class="bg bg-grey">
          <div class="m-titleBar">
            <div>
              <div class="titleBar__title">Co jest główną zaletą mikrokompetencji?</div>
            </div>
          </div> 
          <div class="q-answer-container q-answer-container__pr">
            <div class="q-answer"><button class="q-answerItem is-right"><span>więcej obowiązków</span></button></div>
            <div class="q-answer"><button class="q-answerItem is-wrong"><span>duże zarobki</span></button></div>
            <div class="q-answer"><button class="q-answerItem is-active"><span>mogą być wykorzystane w różnych obszarach, niezależnie od głównego kierunku wykształcenia</span></button></div>
            <div class="q-answer"><button class="q-answerItem "><span>uzupełnienie wykształcenia</span></button></div>
          </div>         
        </div>
      </div>
      {% include '../components/footer.twig' with { 'container': false } %}
    </div>
  </div>
</div>


{% endblock %}

{% block pagejs %}

{% endblock %}

# Korzysta z: