How To Make Netflix Website Clone Using HTML And CSS
Vložit
- čas přidán 16. 12. 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:
◼️ CZcams: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr
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 👌
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
you are a great teacher for us .. May Allah gives you a long live .. love from Bangladesh💖💖💖
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?
thank you for providing such good content in a simpler way...
Thank You For this beautiful Netflix clone project.
Thank you so much ❤ i have learnt a lot from this tutorial
I completed this project, thank you so much sir😊
Wonderful explanation Thank you Easy Tutorials. Step by step explanation is very good. I am practicing this layout now.
You are welcome!
Tried many tutorials but only yours worked for me
Thank you! I'm learning a lot
wonderfull presentation .can understand very easily
Really..this project is awesome...💯
I truly love your channel. Keep doing the best work.
Thank you! Will do!
Big fan of you from Vietnam😍
Amazing brother and thank you🎉❤
Perfect Tutorial. Thanks
Nice video and great explanation.......Thanks dude!
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
Lots of Love From Gujarat🥰🥰🥰🥰🥰
You are my favorite bro..thank you so much
Thank you so much 😀
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
You deserve this👑 !!!
Thank you for this, you make frontend easier for beginners, hugs from Brazil
Sir I can easily understand your coding 😊
Amazing Tutorial Thank You Sir
The first channel i felt like the like and subscribe button are not enough
Thank you so much! Best tutorial and a time saver.
Glad you liked it. Thanks for your comment. 😊
Thank you so much 😊.
this video are so helpful ho boomup🤩🤩🤩🤩
You´re the best my brother. Thank you ❤
Thank you too
Thanks sir iam very helpful 🎉
Thankyou so much sir....
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
thank you i learn alot from this video.....
Glad to hear that
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
Thank you so much sir!!!!
Thank youuu soo much 😍
Your voice is so smooth and your language is easy to understand. Take love form Bangladesh
Looks dope!
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.
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
thankyou man!!!!!!
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?
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 😊
Sir, thank you so much for this amazing tutorial. I don’t know how find the icon on sign in navigation, pls help...
Humble request to make it full series!
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
😂
Thanks You🎉
Done Thank you❤
Great
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 ?
Thank you so much. Really good video.
Glad it was helpful!
Sir continue this series make it full stack website how to make that monitor video moving.
thank you
Best ❤
Please make a video about how to create website like CBR, ScreenRant.
very useful
very helpful video
Glad it was helpful!
i have question when we use css media we dont use break-points for différentes sizes
nice😊
can you make sign in signup usable and the video homescreen interface for netflix in part -2
Hello, I am facing little difficulties in the footer section so I can get a github repo link so that I can cross check.
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
Please make a tutorial for Disney+ Hotstar clone 👍
can you in future consider having a split screen?
thnks alot
Hello..do one for fetching animes...
nice tutorial,,but why use button instead of select option,,
how had you edited the background image of 2, 3, 4 slides down the first page??
I saw this video on 28/09/2023 and completed half and kept half for the next day. The next day (September 29, 2023), Netflix updated their website. So, it's different from the official website now. 🥴🥴🥴🥴🥴
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 😭
thanks
Thanks for watching
Easy tutorial is a great channel and very helpful
Bro I want consult with you one to one session. If you have online slot I will book appointment for zoom meeting please.
Thanks Ziao, I just make tutorials on CZcams, I don't take any online session
bro you have told us how to open faq questions but not told how to close it?
Great sir
thank you, Glad you like this website design tutorial
GRACIAS por tan buen tutorial,como podria conseguir el codigo fuente,saludos desde mexico.
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
Thank bro for accordion but individual accordion must be close after tap
use checkboxes instead of radio
@@prasadpawar9217 not that working
From which website you took that tv trasparent image
Nice sir
Glad you like this tutorial
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..🙏
For Making The Text Go Center, Use Text-align property and give it's value to center.
sir you provided checked option for faq but if we want to click again there is no unchecked option??
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
is it possible to make a League of Legends website I kind of love it
How to use the code for Blogger templates .?
i want to tailwindcss project class. Please🙏 give this video 🙏of tailwind css
Guide Me Please Sir, the web preview is just showing the style.css Commands why pls
I am following your steps but background image is not reflecting in output
Remove the linear-gradient thing. It will reflect
We can make this clone using only html and css only?
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;
Use checkbox instead of radio for Faqs
Iam facing difficulty in faq section. When i click on the question it is not displaying answer. What may be the reason?
Bro....which backend language you have used...
its a front end project
Sir where is source code..
i am having issues with the url tag, the header image wont show up . i cant find a solution. i'd be glad if someone can help
🥺
i also have this problem 😐