Skip to content

add hotstart clone project #20

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
rsrahulsalunkhe wants to merge 1 commit into
base: main
Choose a base branch
from
Open

add hotstart clone project #20

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
1 change: 1 addition & 0 deletions Hotstar Clone/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
# hotstar-clone
Binary file added Hotstar Clone/images/add.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/disney.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/geographic.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/logo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/marvel.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/nxt.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/pixar.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/play.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 10.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 11.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 12.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 3.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 4.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 5.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 6.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 7.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 8.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/poster 9.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/pre.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/slider 1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/slider 2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/slider 3.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/slider 4.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Hotstar Clone/images/slider 5.png
View file
Open in desktop
Binary file added Hotstar Clone/images/star-wars.png
View file
Open in desktop
280 changes: 280 additions & 0 deletions Hotstar Clone/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,280 @@
<!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" />
<title>Disney+ Clone</title>
<link rel="stylesheet" href="styles.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<nav class="navbar">
<img src="images/logo.png" class="brand-logo" alt="" />
<ul class="nav-links">
<li class="nav-items"><a href="#">TV</a></li>
<li class="nav-items"><a href="#">movies</a></li>
<li class="nav-items"><a href="#">sports</a></li>
<li class="nav-items"><a href="#">premium</a></li>
</ul>

<div class="right-container">
<input type="text" class="search-box" placeholder="search" />
<button class="sub-btn">subscribe</button>
<a href="#" class="login-link">login</a>
</div>
</nav>

<div class="carousel-container">
<div class="carousel">
<!-- <div class="slider">
<div class="slide-content">
<h1 class="movie-title">loki</h1>
<p class="movie-des">Lorem ipsum dolor sit,amet consectetur
adipisicing elit.Suscipit saepe eius ratione nostrum mollitia
explicabo quae nam pariatur.Sint,odit?</p>
</div>
<img src="images/slider 1.png" alt="">
</div> -->
</div>
</div>
<div class="video-card-container">
<div class="video-card">
<img src="images/disney.png" class="video-card-image" alt="" />
<video src="videos/disney.mp4" muted loop class="card-video"></video>
</div>
<div class="video-card">
<img src="images/pixar.png" class="video-card-image" alt="" />
<video src="videos/pixar.mp4" muted loop class="card-video"></video>
</div>
<div class="video-card">
<img src="images/marvel.png" class="video-card-image" alt="" />
<video src="videos/marvel.mp4" muted loop class="card-video"></video>
</div>
<div class="video-card">
<img src="images/star-wars.png" class="video-card-image" alt="" />
<video src="videos/star-war.mp4" muted loop class="card-video"></video>
</div>
<div class="video-card">
<img src="images/geographic.png" class="video-card-image" alt="" />
<video
src="videos/geographic.mp4"
muted
loop
class="card-video"
></video>
</div>
</div>
<h1 class="title">Recommended For You</h1>
<div class="movies-list">
<button class="pre-btn" title="btn">
<img src="images/pre.png" alt="" />
</button>
<button class="nxt-btn" title="btn">
<img src="images/nxt.png" alt="" />
</button>
<div class="card-container">
<div class="card">
<img src="images/poster 1.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 2.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 3.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 4.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 5.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 6.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 7.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 8.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 9.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 10.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 11.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 12.png" class="card-img" alt="" />
<div class="card-body">
<h2 class="name">Movie Name</h2>
<h6 class="des">Lorem ipsum dolor sit amet.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
</div>
</div>
<h1 class="title">Popular Shows</h1>
<div class="movies-list">
<button class="pre-btn" title="btn"><img src="images/pre.png" alt=""></button>
<button class="nxt-btn" title="btn"><img src="images/nxt.png" alt=""></button>
<div class="card-container">
<div class="card">
<img src="images/poster 12.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 11.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 10.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 9.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 8.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 7.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 6.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 5.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 4.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 3.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 2.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
<div class="card">
<img src="images/poster 1.png" class="card-img" alt="">
<div class="card-body">
<h2 class="name">movie name</h2>
<h6 class="des">Lorem ipsum dolor sit amet consectetur.</h6>
<button class="watchlist-btn">add to watchlist</button>
</div>
</div>
</div>
</div>
<script src="index.js" async></script>
</body>
</html>
Loading