How To Make Netflix Website Clone Using HTML And CSS
ฝัง
- เผยแพร่เมื่อ 16 ธ.ค. 2022
- Learn How To Make Netflix Website Clone Using HTML And CSS
❤️ SUBSCRIBE: goo.gl/tTFmPb
This this video you will learn to create Netflix landing page clone using HTML and CSS. This website design will be completely responsive for laptop and mobile devices.
Download Image: drive.google.com/file/d/1rjxW...
#htmlandcss #website #websitedesign
-----------------------------------------
Suggested Course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Images Credit:
www.netflix.com/in/
-------------------------------------
Like - Follow & Subscribe us:
◼️ TH-cam: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr
This is one of the best tutorial channels in youtube. Concepts are explained in a way that is easy to understand. Keep up the good work sir.
I m working your every project from begining step by step and then craeting my own with what I ve learned by your material. Thank you so much !!! I m learning a lot step by step !! God bless you !!! Thank you for sharing all of this with us ❣🙏
Thank amy, we will be making more projects like this
@@GreatStackDev Your videos are great, but it would be great if you implemented BEM methodology for the CSS to have a clearer code
Yesterday I have done this project without any tutorials. What a coincidence..❤️
So do i
Copying source code from official website?? 😏😏
@@Tyler-durden819 nope brother
@@Tyler-durden819 i made this website with the help of boots trap
@@himanshukushwaha3033 cool 👌
Literally for the first time I was able to follow a tutorial and complete it till the very end. Thankyou!!!
Heyy I have a request to make. Can you reply?
you are a great teacher for us .. May Allah gives you a long live .. love from Bangladesh💖💖💖
thank you for providing such good content in a simpler way...
Thank You For this beautiful Netflix clone project.
I completed this project, thank you so much sir😊
Thank you! I'm learning a lot
Thank you so much ❤ i have learnt a lot from this tutorial
Wonderful explanation Thank you Easy Tutorials. Step by step explanation is very good. I am practicing this layout now.
You are welcome!
Really..this project is awesome...💯
Nice video and great explanation.......Thanks dude!
I truly love your channel. Keep doing the best work.
Thank you! Will do!
wonderfull presentation .can understand very easily
Amazing brother and thank you🎉❤
Perfect Tutorial. Thanks
This is an incredible tutorial/clone video, I learnt a great deal from it thank you. Just curious how did you get the background image and other images? I want to try and clone the UK version which has a 'Who's Watching?' screen with the personal profile icons, how can I get them? Thanks.
use inspect element or something
Tried many tutorials but only yours worked for me
Thank you so much I had made that in my code editior step by step I had saw a website as your clone website very perfect in big-screen and small-screen also.Very clean tutorials. Keep it up
Glad it helped!
@@GreatStackDevdoes it have films
When you begin to clone a website , how do you go about finding the appropriate CSS dimensions , sizes, padding, color, etc... is it somewhere we can look that up on the original website?
Big fan of you from Vietnam😍
Thank you for this, you make frontend easier for beginners, hugs from Brazil
You deserve this👑 !!!
Thank youuu soo much 😍
Amazing Tutorial Thank You Sir
Thank you so much! Best tutorial and a time saver.
Glad you liked it. Thanks for your comment. 😊
You are my favorite bro..thank you so much
Thank you so much 😀
You´re the best my brother. Thank you ❤
Thank you too
Looks dope!
Thank you so much
Thankyou so much sir....
Bro I love your tutorial but where is the part where you saved HTML and CSS file? Anyways great tutorial and well done for your hard work
Thank you so much sir!!!!
Thank you so much 😊.
Hello, I am facing little difficulties in the footer section so I can get a github repo link so that I can cross check.
Thanks sir iam very helpful 🎉
Sir I can easily understand your coding 😊
Lots of Love From Gujarat🥰🥰🥰🥰🥰
thankyou man!!!!!!
i have question when we use css media we dont use break-points for différentes sizes
Sir I have a question but before my question I have to say this tutorial was very helpful for me as an upcoming web developer, so my questions is my email bar in the bearded content doesn’t stay in Ig’s right position when I switch to other display like smaller devices in the content I don’t really
Know what’s wrong 😊
thank you i learn alot from this video.....
Glad to hear that
these Frontend developer thinks cloning means only the UI portion. the main thing is that more than UI backend is more complex and cool about these big applications like netflix amazon
The first channel i felt like the like and subscribe button are not enough
how had you edited the background image of 2, 3, 4 slides down the first page??
Amazing work hats off to you
Even paid courses will not give this much knowledge and explanations
Thank you so much for this course
Bhai agr tera perfectly responsive h toh ek br code share krde please
@@sahilgumber7 sure I will share my github link here
this video are so helpful ho boomup🤩🤩🤩🤩
Thanks You🎉
This is really great - Had one question- how to modify code where the radio button is pressed again and contents should collapse and hide ( on original site this feature was visible). But couldn't get through to that. Can you help ?
Brother can you make the same concept videos by using react js.
I learned so many things from your video on how to use visual studio code properly.
Please make a plan to make a video on react js. It's very helpful for my future interviews thank you, brother......
Follow the same instructions but there is a catch you will have to use JSX instead of HTML code, and the other part is for the repeated part try creating API, so that way u don't need to repeat your code again and again.
Sir, thank you so much for this amazing tutorial. I don’t know how find the icon on sign in navigation, pls help...
thanks for this please create full website clone
Good evening,I really love your work so far. Thanks for sharing all you have do e so far. Please, while adding google fonts on my weppage, when I refresh the page the texts shakes, and it happens on icons too
I think you are using VS code liver server, Please check the webpage without live server
The tutorial was a great one but i used check box as input type so that the accordion content can be hidden again after clicking on cross
please share how you have done it
@@sripriyansvbsbtskanchibhat9152 just replace "radio" with "checkbox".
-------HTML--------
(Change for all 6 ids)
-------CSS--------
input[type="checkbox"]
.accordion input[type="checkbox"]:checked + label + .content
.accordion input[type="checkbox"]:checked + label::after
can you make sign in signup usable and the video homescreen interface for netflix in part -2
thank you
Humble request to make it full series!
Done Thank you❤
Great
From which website you took that tv trasparent image
Best ❤
Can you please help me with how Netflix is placed away from starting point and the sing-in button is placed away from the ending point equally and how other content is starting from exact bottom of Netflix logo not from the screen starting point?
Bhai un sb ko phele se ek container me krdia hoga aur us container ko margin dedia hoga sides se mene to ese hi kra tha apne project me
Your voice is so smooth and your language is easy to understand. Take love form Bangladesh
thnks alot
Please make a video about how to create website like CBR, ScreenRant.
nice😊
very useful
Thank you so much. Really good video.
Glad it was helpful!
sir you provided checked option for faq but if we want to click again there is no unchecked option??
I have a question, where did you get the pictures and what about copyright? Because I need some Netflix show posters but I can’t find any without copyright 😭
Sir continue this series make it full stack website how to make that monitor video moving.
GRACIAS por tan buen tutorial,como podria conseguir el codigo fuente,saludos desde mexico.
im stucked at mobile responsive header the h1 text is not showing at extact position
Guide Me Please Sir, the web preview is just showing the style.css Commands why pls
Guys can someone help me... I know html and css but when i start doing a project i get suck in bringing the text in the center.. even after using justify-context and align-items..🙏
Please make a tutorial for Disney+ Hotstar clone 👍
Hello..do one for fetching animes...
can you in future consider having a split screen?
verry guud❤
Thanks
At 33:42 when i'm giving max- height 0 it is hiding the content. but it is still taking its space there (plz help me with this) 🙏🙏
nice tutorial,,but why use button instead of select option,,
How to use the code for Blogger templates .?
thanks
Thanks for watching
very helpful video
Glad it was helpful!
Very Awesome
Thanks
thanks for the download link man i watch many video but no one is giving the link of image i am watching this video after 11 ,12 months and there is some changes in the original website and it is obvious and as a new person it is difficult with some changes and difficult to download the images
how do have hr elements dividing the sections of the page without coding the hr element in the html
you are talking about dividing like at before footer section. that is made using CSS
border-top: 6px solid #333;
Could you please tell me how to put a video in the background of a png image, like in here netflix website has this feature in there tv images they are playing a video in the background of there image, so how to achieve this??
Please reply, as I making netflix clone for my project
Hey can you reply me? Did you made the project?
Yes i did, and what do you mean by how can you reply me??
bro you have told us how to open faq questions but not told how to close it?
Why the image is not showing in my webpage that url is not working why
its working in visual studio but unable to publish this code in github...It was showing like its a dangerous site
i am having trouble pls help me
no proper back ground image fix
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
url("images/header-image.png"); //use this line instead
Iam facing difficulty in faq section. When i click on the question it is not displaying answer. What may be the reason?
Sir i am writing background image in linear gradient doesn't work
My font didn't change into white color ? What should i do ?
Anyone please help me, as I am not able to add background images..it's not showing after multiple try
Great sir
thank you, Glad you like this website design tutorial
How can do responsive for at this project.
Thanks easy tutorials channel because of you i was able to understand css concepts more clearly and had also learn new ones
Glad to hear that
Hey @@GreatStackDev make the code available of the projects you will be making in the future
Good day, please my .accordion input type isn’t working .