14)NETFLIX
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Netflix</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="mainbox">
<!-- Netflix Logo on the left side -->
<h1>
<img src="https://variety.com/wp-content/uploads/2020/05/netflix-
logo.png" alt="Netflix Logo" class="img">
</h1>
<!-- Right side elements (Language dropdown and Sign In button) -->
<div class="box2">
<select name="Language" id="mylang">
<option value="Language">Language</option>
<option value="English">English</option>
<option value="Hindi">Hindi</option>
</select>
<button class="mmain">Sign in</button>
</div>
</div> <div class="main">
<h2>ULTIMATE MOVIES, TV SHOWS, AND MORE</h2>
<h3 class="main1">Starts at $149. Cancel at any time.</h3>
</div>
<div class="email">
<label for="email">Email Address:</label>
<!-- Input for Email -->
<input type="email" id="email" name="email" placeholder="Enter
your email" required><button class="getstarted">Get Started</button>
</div>
<h3>
Trending Now
</h3>
<div class="coandgen">
<select name="Countries" id="mycountries">
<option value="India">India</option>
<option value="Japanese">Japanese</option>
<option value="SouthKorea">SouthKorea</option>
<option value="Spain">Spain</option>
<option value="Chinease">Chinease</option>
<option value="Europe">Europe</option>
</select>
<div class="coandgen gen"></div>
<select name="Genre" id="myGnere">
<option value="Romance">Romance</option>
<option value="Anime">Anime</option>
<option value="Action">Action</option>
<option value="Thriller">Thriller</option>
<option value="Emotional">Emotional</option>
<option value="Series">Series</option>
</select>
</div>
<div class="container">
<div class="box box1"></div>
<div class="box box2"></div>
<div class="box box3"></div>
<div class="box box4"></div>
<div class="box box5"></div>
<div class="BOX boot1"></div>
<div class="BOX boot2"></div>
<div class="BOX boot3"></div>
<div class="BOX boot4"></div>
<div class="BOX boot5"></div>
<div class="BOX boot6"></div>
</div>
<div class="container">
<div class="boxs boxs1">
<h5>Stories tailored to your taste</h5>
</div>
<div class="boxs boxs2">Cancel or switch plans anytime</div>
<div class="boxs boxs3">A place just for kids</div>
<div class="boxs boxs4">For your phone, tablet, laptop and TV</div>
</div>
<h3>Only on Netflix</h3>
<div class="container">
<div class="BOX boot1"></div>
<div class="BOX boot2"></div>
<div class="BOX boot3"></div>
<div class="BOX boot4"></div>
<div class="BOX boot5"></div>
<div class="BOX boot6"></div>
</div>
<h3>
More Reasons to join...
</h3>
<div class="container">
<h1>More reasons to join</h1>
<div class="box-container">
<div class="box">
<p>Stories tailored to your taste</p>
<span>✨</span>
</div>
<div class="box">
<p>Cancel or switch plans anytime</p>
<span>🤝</span>
</div>
<div class="box">
<p>A place just for kids</p>
<span>❤</span>
</div>
<div class="box">
<p>For your phone, tablet, laptop and TV</p>
<span>💻</span>
</div>
</div>
</div>
<div class="faq-section">
<h3>Frequently Asked Questions</h3>
<ul class="list">
<li><a href="https://help.netflix.com/en/node/412">What is
Netflix</a></li>
<li><a href="https://www.netflix.com/signup/planform">How much
Does Netflix cost</a></li>
<li><a href="https://help.netflix.com/en/node/33222">Where can I
watch</a></li>
<li><a href="https://help.netflix.com/en/node/407#:~:text=Go
%20to%20your%20Account%20page,your%20payment%20partner%20to
%20cancel.&text=of%20billing%20period-,If%20you%20cancel%20with
%20time%20left%20in%20your%20billing%20period,end%20of%20the
%20billing%20period.">How do U cancel</a></li>
<li><a href="https://help.netflix.com/en/node/412#:~:text=You
%20can%20watch%20Netflix%20through,boxes%2C%20smartphones%2C
%20and%20tablets.">What can I watch on Netflix</a></li>
<li><a href="https://www.netflix.com/in/browse/genre/783">Is
Netflix good for kids</a></li>
</ul>
<button>Get Started</button>
</div>
<footer class="footer">
<p class="footer-question">Questions? Call <a href="tel:000-800-919-
1694">000-800-919-1694</a></p>
<div class="footer-links">
<div class="footer-column">
<a href="#">FAQ</a>
<a href="#">Investor Relations</a>
<a href="#">Privacy</a>
<a href="#">Speed Test</a>
</div>
<div class="footer-column">
<a href="#">Help Centre</a>
<a href="#">Jobs</a>
<a href="#">Cookie Preferences</a>
<a href="#">Legal Notices</a>
</div>
<div class="footer-column">
<a href="#">Account</a>
<a href="#">Ways to Watch</a>
<a href="#">Corporate Information</a>
<a href="#">Only on Netflix</a>
</div>
<div class="footer-column">
<a href="#">Media Centre</a>
<a href="#">Terms of Use</a>
<a href="#">Contact Us</a>
</div>
</div>
<button class="language-button">
<span>🌐</span> English
</button>
<p class="footer-country">Netflix India</p>
</footer>
</body>
</html>
15) BOX MODEL
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Box model</title>
</head>
<style>
body{
background-color: chocolate;
margin:0px;
padding:0px;
.box{
height:100px;
width:100px;
border:2px solid black;
margin: 1px;
padding:1px
.box1{
background-color:darkcyan
.box2{
background-color: aqua;
</style>
<body>
<div class="box box1">
</div>
<div class="box box2">
</div>
</body>
</html>
