Skip to content

About

Netflix homepage clone built with HTML & CSS to demonstrate real-world UI layout and front-end fundamentals.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Latest commit

 

History

6 Commits

Folders and files

Repository files navigation

Netflix Clone

A static frontend clone of the Netflix UI, tailored for 1920×1080 (Full HD) displays.
Built as a learning exercise in layout, styling, and UI replication using only HTML & CSS.


Features

  • Faithful visual replication of the Netflix homepage (static only).
  • Custom fonts and imagery organized into fonts/ and images/.
  • Layout optimized for fullscreen desktop viewing (1920×1080).
  • Clean separation of structure (index.html) and styling (styleindex.css).

Tech Stack

  • HTML5
  • CSS3

Screenshot

Homepage View


Project Structure

Netflix-Clone/
│-- .vscode/
│-- fonts/
│-- images/
│-- overlook.jpeg
│-- index.html
│-- styleindex.css
│-- .gitattributes
│-- README.md

How to Use It

  1. Clone the repository:
    git clone https://github.com/joysarkar83/Netflix-Clone.git
    cd Netflix-Clone
  2. Open index.html in your browser (best viewed at 1920×1080 resolution).

What I Learned

  1. Practiced UI replication using only HTML/CSS.
  2. Worked with custom fonts and image assets.
  3. Refined my layout skills for real-world fullscreen design.

Limitations

  1. Not responsive, only intended for Full HD desktop view.
  2. No interactivity: No JavaScript or dynamic behavior included.
  3. Static clone: For educational purposes only.

About

Netflix homepage clone built with HTML & CSS to demonstrate real-world UI layout and front-end fundamentals.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Contributors

Languages