<div class="c-appcontainer">
    <div class="c-app" id="about">
        <div class="o-wrap">

            <div class="o-circleicon">
                <img src=<%= require("./img/icons/book.png") %> alt="">
            </div>

            <header class="o-header">
                <h2>Baza Wiedzy</h2>
            </header>

            <div class="c-app__content">
                <div class="c-app__info c-app__info--disc">
                    <p>W aplikacji znajduje się baza przydatnych informacji i materiałów edukacyjnych z zakresu:</p>
                    <ul>
                        <li><span>procedury obsługi portu naczyniowego</span></li>
                        <li><span>procedury założenia wkłucia dożylnego</span></li>
                        <li><span>wynaczynień</span></li>
                    </ul>
                    <p>Baza Wiedzy jest wciąż rozwijana i będą się w niej pojawiać nowe materiały opracowywane przez pielęgniarki dla pielęgniarek.</p>
                </div>

                <div class="c-app__slider">
                    <div class="c-slider">
                        <div class="swiper-container js-appSlider">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src=<%= require("./img/slider/slide-01--green.png") %> alt="">
                                </div>

                                <div class="swiper-slide">
                                    <img src=<%= require("./img/slider/slide-02--green.png") %> alt="">
                                </div>

                                <div class="swiper-slide">
                                    <img src=<%= require("./img/slider/slide-03--green.png") %> alt="">
                                </div>

                                <div class="swiper-slide">
                                    <img src=<%= require("./img/slider/slide-04--green.png") %> alt="">
                                </div>

                                <div class="swiper-slide">
                                    <img src=<%= require("./img/slider/slide-05--green.png") %> alt="">
                                </div>

                                <div class="swiper-slide">
                                    <img src=<%= require("./img/slider/slide-06--green.png") %> alt="">
                                </div>
                            </div>
                        </div>

                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>
                </div>
            </div>

            <div class="c-app__subcontent">
                <div class="absolute-header">
                    <div class="o-circleicon">
                        <img src=<%= require("./img/icons/nurse.png") %> alt="">
                    </div>

                    <header class="o-header">
                        <h2>
                            Wygodny dostęp<br>do schematów
                        </h2>
                    </header>
                </div>

                <div class="o-cols">
                    <div class="o-cols__item">
                        <img src=<%= require("./img/app/green-application.png") %> alt="">
                    </div>
                    <div class="o-cols__item">
                        <p>
                            Aplikacja zawiera <strong>ponad 300 schematów
                                chemioterapii</strong> używanych leczeniu onkologicznym
                            i hematologicznym.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="c-app" id="content">
        <div class="o-wrap">
            <% include scheme--green %>
        </div>
    </div>
</div>