Skip to content

Structured in Folders #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
HurrairaBaloch wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Structured in Folders #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
0 1.m4v → Videos/1.m4v
View file
Open in desktop
File renamed without changes.
0 2.m4v → Videos/2.m4v
View file
Open in desktop
File renamed without changes.
0 1.jpg → images/1.jpg
View file
Open in desktop
File renamed without changes
0 2.jpg → images/2.jpg
View file
Open in desktop
File renamed without changes
0 3.jpg → images/3.jpg
View file
Open in desktop
File renamed without changes
0 4.png → images/4.png
View file
Open in desktop
File renamed without changes
0 logo.png → images/logo.png
View file
Open in desktop
File renamed without changes
0 tv.png → images/tv.png
View file
Open in desktop
File renamed without changes
61 changes: 34 additions & 27 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,56 +1,63 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="./style/style.css">
<title>Netflix</title>
</head>

<body>
<header class="showcase">
<div class="showcase-top">
<img src="logo.png" alt="Netflix Logo">
<img src="./images/logo.png" alt="Netflix Logo">
<a href="#" class="btn btn-rounded">Sign In</a>
</div>
<div class="showcase-content">
<h1>Unlimited movies, TV shows and more.</h1>
<h3>All of Netflix, starting at just ₹ 199.</h3>
<h1>Unlimited Movies, TV Shows, and More</h1>
<h3>All of Netflix, Starting at Just ₹199</h3>
<p>Ready to watch? Enter your email to create or restart your membership.</p>
<input type="email" name="email" id="mail" placeholder="Email address">
<input type="email" name="email" id="mail" placeholder="Email Address">
<a href="#" class="btn btn-lg">GET STARTED ></a>
</div>
</header>

<section class="style-cards">
<div class="card-0">
<img src="2.jpg" alt="Netflix Mobile">
<div class="desc-0">
<h1>Create profiles for kids.</h1>
<h3>Send kids on adventures with their favourite characters in a space made just for them—free with your membership.</h3>
<div class="card">
<img src="./images/2.jpg" alt="Netflix Mobile">
<div class="card-description">
<h1>Create Profiles for Kids</h1>
<h3>Send kids on adventures with their favorite characters in a space made just for them—free with your
membership.</h3>
</div>
</div>
<div class="card-1">
<div class="desc-1">
<h1>Enjoy on your TV.</h1>
<h3>Watch on smart TVs, PlayStation, Xbox, Chromecast, Apple TV, Blu-ray players and more.</h3>
<div class="card">
<div class="card-description">
<h1>Enjoy on Your TV</h1>
<h3>Watch on Smart TVs, PlayStation, Xbox, Chromecast, Apple TV, Blu-ray players, and more.</h3>
</div>
<img src="tv.png" alt="Netflix TV">
<video class="video-1" autoplay="" playsinline="" muted="" loop=""><source src="1.m4v" type="video/mp4"></video>
<img src="./images/tv.png" alt="Netflix TV">
<video class="video" autoplay playsinline muted loop>
<source src="./Videos/1.m4v" type="video/mp4">
</video>
</div>
<div class="card-2">
<img src="3.jpg" alt="Netflix Mobile">
<div class="desc-2">
<h1>Download your shows to watch offline.</h1>
<h3>Save your favourites easily and always have something to watch.</h3>
<div class="card">
<img src="./images/3.jpg" alt="Netflix Mobile">
<div class="card-description">
<h1>Download Your Shows to Watch Offline</h1>
<h3>Save your favorites easily and always have something to watch.</h3>
</div>
</div>
<div class="card-3">
<div class="desc-3">
<h1>Watch everywhere.</h1>
<div class="card">
<div class="card-description">
<h1>Watch Everywhere</h1>
<h3>Stream unlimited movies and TV shows on your phone, tablet, laptop, and TV.</h3>
</div>
<img src="4.png" alt="Device-Pile-In">
<video class="video-2" autoplay="" playsinline="" muted="" loop=""><source src="2.m4v" type="video/mp4"></video>
<img src="./images/4.png" alt="Device-Pile-In">
<video class="video" autoplay playsinline muted loop>
<source src="./Videos/2.m4v" type="video/mp4">
</video>
</div>
</section>

Expand All @@ -73,7 +80,6 @@ <h1>Frequently Asked Questions</h1>
</div>
</section>


<footer class="footer">
<p>Questions? Call 000-800-040-1843</p>
<div class="footer-cols">
Expand Down Expand Up @@ -104,4 +110,5 @@ <h1>Frequently Asked Questions</h1>
</div>
</footer>
</body>

</html>
Loading