100-project-100-days-website/100_projects/15-netflix-mobile-navigation-animation/index.html
2023-03-08 11:17:02 +03:00
Ask

55 lines
1.8 KiB
HTML

{c5d8fc7127969ca8d3a7ad058af34987bf2f5885 true 1850 index.html 0xc002b66b60}

<!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>