Navigation

<div class="container">
    <div class="desc desc-line mt-5">Hamburger</div>

    <div class="row py-4 bg-dark">
        <div class="col-12 col-md-6 col-xl-3 my-3 text-center">
            <h4 class="text-white">Slider</h4>
            <div class="hamburger hamburger--slider">
                <div class="hamburger-box">
                    <div class="hamburger-inner"></div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-xl-3 my-3 text-center">
            <h4 class="text-white">Squeeze</h4>
            <div class="hamburger hamburger--squeeze">
                <div class="hamburger-box">
                    <div class="hamburger-inner"></div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-xl-3 my-3 text-center">
            <h4 class="text-white">Spin</h4>
            <div class="hamburger hamburger--spin">
                <div class="hamburger-box">
                    <div class="hamburger-inner"></div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-xl-3 my-3 text-center">
            <h4 class="text-white">Spring</h4>
            <div class="hamburger hamburger--spring">
                <div class="hamburger-box">
                    <div class="hamburger-inner"></div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-xl-3 my-3 text-center">
            <h4 class="text-white">Stand</h4>
            <div class="hamburger hamburger--stand">
                <div class="hamburger-box">
                    <div class="hamburger-inner"></div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-xl-3 my-3 text-center">
            <h4 class="text-white">Elastic</h4>
            <div class="hamburger hamburger--elastic">
                <div class="hamburger-box">
                    <div class="hamburger-inner"></div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-xl-3 my-3 text-center">
            <h4 class="text-white">Emphatic</h4>
            <div class="hamburger hamburger--emphatic">
                <div class="hamburger-box">
                    <div class="hamburger-inner"></div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-xl-3 my-3 text-center">
            <h4 class="text-white">Collapse</h4>
            <div class="hamburger hamburger--collapse">
                <div class="hamburger-box">
                    <div class="hamburger-inner"></div>
                </div>
            </div>
        </div>
    </div>

</div>