index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="style.css">

  <title>Tutorial</title>
</head>

<body>

  <header class="header">
    <div class="header__content">
      <a href="#" class="logo">
        <img class="logo__img" src="logo.svg" alt="logo">
      </a>
  
      <nav class="nav">
        <ul class="nav__list">
          <li class="nav__item dropdown">
            <a class="nav__link" href="#">Projects</a>
          </li>
          <li class="nav__item">
            <a class="nav__link" href="#">Company</a>
          </li>
          <li class="nav__item dropdown">
            <a class="nav__link" href="#">Solutions &#x25BE;</a>

            <ul class="dropdown__list">
              <li class="dropdown__item">
                <a href="#" class="dropdown__link">Solution #1</a>
              </li>
              <li class="dropdown__item">
                <a href="#" class="dropdown__link">Solution #2</a>
              </li>
              <li class="dropdown__item">
                <a href="#" class="dropdown__link">Solution #3</a>
              </li>

              <li class="dropdown__item submenu">
                <a href="#" class="dropdown__link">More solutions &#x25B8;</a>

                <ul class="submenu__list">
                  <li class="submenu__item">
                    <a href="#" class="submenu__link">Solution A</a>
                  </li>
                  <li class="submenu__item">
                    <a href="#" class="submenu__link">Solution B</a>
                  </li>
                </ul>
              </li>

            </ul>

          </li>
        </ul>
      </nav>
    </div>
  </header>

</body>

</html>