menu.html

<div class="menu">
  <div class="menu-table flex-row-space-between">
    <div class="logo flex-row-center">
      <a href="index.html"><img class="image" style="max-width: 120px; padding: 5px;" src="img/svela-banner-nobg.png"></a>
    </div>
    <a class="menu-button" tabindex="0" href="javascript:void(0)">
      <img src="img/menu-dark.png">
    </a>
    <div class="menu-items flex-row-center flex-item">
      <a href="index.html" class="menu-index">Home</a>
      <!-- <a href="dates.html" class="menu-dates">Important Dates</a> -->
      <div class="dropdown">
        <a class="dropbtn menu-submit" href="submit.html">Task Information<i class="fas fa-caret-down"></i></a>
        <div class="dropdown-content">
          <a href="submit.html#task-description">Task Description</a>
          <a href="submit.html#data">Data & Evaluation</a>
          <a href="submit.html#submission">Submission Guidelines</a>
        </div>
      </div>
      <!-- <div class="dropdown">
        <a class="dropbtn menu-authors" href="authors.html">Authors<i class="fas fa-caret-down"></i></a>
        <div class="dropdown-content">
          <a href="authors.html#submission">Submission Guidelines</a>
          <a href="authors.html#reviewer">Reviewer Guidelines</a>
          <a href="authors.html#cameraready">Camera-Ready Instructions</a>
        </div>
      </div> -->
      <div class="dropdown">
        <a class="dropbtn menu-conference" href="workshop.html">Task Details<i class="fas fa-caret-down"></i></a>
        <div class="dropdown-content">
          <a href="workshop.html#subtasks">Subtasks</a>
          <a href="workshop.html#dataset">Dataset</a>
          <a href="workshop.html#baseline">Baseline</a>
          <a href="workshop.html#evaluation">Evaluation</a>
        </div>
      </div>
      <a href="about.html" class="menu-about">Organisation</a>
    </div>
  </div>
</div>