Skip to content

A responsive front-end clone of the Netflix landing page, built using HTML and CSS. This project replicates the basic look and feel of Netflix's homepage, including layout, fonts, and styling.

Notifications You must be signed in to change notification settings

Sami21234/NetflixUI_Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

9 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฌ Netflix Clone (HTML, CSS & JavaScript)

A responsive front-end Netflix clone built with HTML, CSS, and JavaScript. This project mimics the look and feel of Netflix's home page with interactive elements, responsive design, and smooth UI.

๐Ÿš€ Features

  • ๐ŸŽฅ Netflix-style homepage layout
  • ๐Ÿ“ฑ Fully responsive design for mobile, tablet, and desktop
  • ๐Ÿงญ Navbar with Netflix logo and avatar
  • ๐ŸŽž๏ธ Hero banner with dynamic background
  • ๐Ÿ—‚๏ธ Movie/TV rows with scrollable thumbnails
  • ๐ŸŽฏ Hover effects and smooth transitions
  • ๐Ÿ” Autoplay banner slider (using JavaScript)
  • ๐ŸŒ“ Dark UI theme similar to the original Netflix

๐Ÿ“ธ Preview

FrontPage

netflix front page

Responsivness

netflix1

Video

compressnetflixvideo.mp4

๐Ÿ› ๏ธ Tech Stack

  • HTML5 โ€“ Markup structure
  • CSS3 โ€“ Styling and layout (Flexbox, Grid, media queries)
  • JavaScript (Vanilla) โ€“ Interactions and slider functionality

About

A responsive front-end clone of the Netflix landing page, built using HTML and CSS. This project replicates the basic look and feel of Netflix's homepage, including layout, fonts, and styling.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published