<nav>
    <h1 class="brand">KHABAR.CSS</h1>
    <ul>
        <a href = "..."><li>lorem</li></a>
        <a href = "..."><li>lorem</li></a>
        <a href = "..."><li>lorem</li></a>
    </ul>
    <img class="icon hamburger" src="https://img.icons8.com/dotty/80/undefined/xbox-menu.png"/>
    <img class="icon cross" src="https://img.icons8.com/dotty/80/undefined/filled-cancel.png"/>
    <ul class="list">
        <div class="list-head"><h2>Heading</h2></div>
        <div class="list-body">
            <a href="#"><li class="list-active">Active Link</li></a>
            <a href = "..."><li>Ipsum</li></a>
            <a href = "..."><li>Ipsum</li></a>
            <a href = "..."><li>Ipsum</li></a>
            <a href = "..."><li>Ipsum</li></a>
            <a href = "..."><li>Ipsum</li></a>
            <a href = "..."><li>Ipsum</li></a>
            <a href = "..."><li>Ipsum</li></a>
            <a href = "..."><li>Ipsum</li></a>
        </div>
    </ul>
</nav>