<div class="menu">
    <h1 class="bgblue">ToDoGether</h1>
    <nav>
        <ul>
            <li><button class="btn hoverable block">Menu Item 1</button></li>
            <li><button class="btn hoverable block">Menu Item 2</button></li>
            <li><button class="btn hoverable block">Menu Item 3</button></li>
            <li><button class="btn hoverable block">Menu Item 4</button></li>
            <li><button class="btn hoverable block">Menu Item 5</button></li>
            <li><button class="btn hoverable block">Menu Item 6</button></li>
            <li><button class="btn hoverable block">Menu Item 7</button></li>
            <li><button class="btn hoverable block">Menu Item 8</button></li>
        </ul>
        <a class="close" href="javascript:void(0)">
            <img src="../../../assets/images/icons/icon-close-menu.svg" alt="ToDoGether">
        </a>
    </nav>
</div>

<div class="task">
    <button class="btn slide left todo"></button>
    <section class="content">
        <div class="top">
            <div class="subject">Interaction Design</div>
            <button class="btn status doing">Doing</button>
        </div>
        <h4>Create Individual Screen Design for Home Screen</h4>
        <div class="bottom">
            <div class="icons">
                <img src="../../../assets/images/icons/icon-weblink.svg" alt="weblink">
                <img src="../../../assets/images/icons/icon-group.svg" alt="group">
                <img src="../../../assets/images/icons/icon-attachment.svg" alt="attachment">
            </div>
            <div class="duedate">Monday, 25.01.2021</div>
        </div>
    </section>
    <button class="btn slide right done"></button>
</div>