<nav class="navbar navbar-light bg-white sticky-top">
        <div class="container-fluid nav-box col-sm-10 px-3 align-items-center">

            <span class="navbar-brand mb-0 h1 font-weight-bold">
                Sondaże poparcia
            </span>

            <!-- Phone navbar -->
            <button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent"
             aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
                <i class="material-icons">
                    menu
                </i>
            </button>


            <div class="collapse" id="navbarToggleExternalContent">
                <ul class="nav d-lg-none p-4">
                    <li class="nav-item">
                        <a class="nav-link" href="#">Wybory parlamentarne</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="#">Wybory prezydenckie</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="#">Poparcia partii politycznych</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="#">Sondaże - Europa</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="#">Sondaże - Świat</a>
                    </li>
                </ul>
            </div>
            <!-- /phone navbar -->

            <!-- Large screen navbar -->
            <ul class="nav d-none d-lg-flex">
                <li class="nav-item">
                    <a class="nav-link" href="#">Wybory parlamentarne</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="#">Wybory prezydenckie</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="#">Poparcia partii politycznych</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="#">Sondaże - Europa</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="#">Sondaże - Świat</a>
                </li>
            </ul>
            <!-- /large screen navbar -->
        </div>
    </nav>