<!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="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/all.min.css">
  <title>Document</title>
</head>
<body>
  <div class="nav">
    <button class="netflix-nav-btn netflix-open-btn">
      <i class="fas fa-bars"></i>
    </button>
    <div class="btns1">
      <select name="lang" id="lang">
        <option value="English">English</option>
        <option value="العربية">العربية</option>
      </select>
      <button>Sing in</button>

    </div>
  </div>
  <div class="netflix-logo">
    <img class="logo" src="nextflix.png" alt="Netflix Logo" />
    <p class="netflix-text">
      Unlimited movies, TV shows, and more.
    </p>
  </div>
  <div class="netflix-nav netflix-nav-white">
    <div class="netflix-nav netflix-nav-red">
      <div class="netflix-nav netflix-nav-black">
        <button class="netflix-nav-btn netflix-close-btn"><i class="fas fa-times"></i></button>
        <img class="logo-menu" src="nextflix.png" alt="Netflix Logo" />
        <ul class="netflix-list">
          <li><a href="#">Teams</a></li>
          <li><a href="#">Locations</a></li>
          <li><a href="#">Life at netflix</a></li>
          <li>
            <ul>
              <li><a href="#">Netflix culture memo</a></li>
              <li><a href="#">Work life philosophy</a></li>
              <li><a href="#">Inclusion & Diversity</a></li>
              <li><a href="#">Wearenetflix</a></li>
              <li><a href="#">Blog</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <script src="app.js"></script>
</body>
</html>