How To Make Netflix Website Clone Using HTML And CSS
HTML-код
- Опубликовано: 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:
◼️ RUclips: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr
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
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.
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?
I completed this project, thank you so much sir😊
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 👌
Really..this project is awesome...💯
Wonderful explanation Thank you Easy Tutorials. Step by step explanation is very good. I am practicing this layout now.
You are welcome!
Thank You For this beautiful Netflix clone project.
thank you for providing such good content in a simpler way...
Big fan of you from Vietnam😍
wonderfull presentation .can understand very easily
You deserve this👑 !!!
Nice video and great explanation.......Thanks dude!
Thank you! I'm learning a lot
Thank you so much ❤ i have learnt a lot from this tutorial
Amazing brother and thank you🎉❤
Perfect Tutorial. Thanks
I truly love your channel. Keep doing the best work.
Thank you! Will do!
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
Lots of Love From Gujarat🥰🥰🥰🥰🥰
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
Sir I can easily understand your coding 😊
this video are so helpful ho boomup🤩🤩🤩🤩
Amazing Tutorial Thank You Sir
The first channel i felt like the like and subscribe button are not enough
You´re the best my brother. Thank you ❤
Thank you too
Thankyou so much sir....
Thank youuu soo 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 are my favorite bro..thank you so much
Thank you so much 😀
Thank you so much sir!!!!
Thank you so much! Best tutorial and a time saver.
Glad you liked it. Thanks for your comment. 😊
Thanks sir iam very helpful 🎉
Looks dope!
Bro Your Videos are AWESOME👍
Thank you so much 😀
Thank you for this, you make frontend easier for beginners, hugs from Brazil
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 so much 😊.
Thank you so much
thankyou man!!!!!!
Quality Content
Take Love 🖤
Thanks bro, glad you like this Netflix close website tutorial
thank you i learn alot from this video.....
Glad to hear that
very useful
Humble request to make it full series!
thanks for this please create full website clone
Thanks You🎉
nice😊
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...
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?
Best ❤
Your voice is so smooth and your language is easy to understand. Take love form Bangladesh
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 ?
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 😊
Please make a video about how to create website like CBR, ScreenRant.
Sir continue this series make it full stack website how to make that monitor video moving.
thank you
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
i have question when we use css media we dont use break-points for différentes sizes
Thank you so much. Really good video.
Glad it was helpful!
can you in future consider having a split screen?
very helpful video
Glad it was helpful!
Very Awesome
Thanks
Please make a tutorial for Disney+ Hotstar clone 👍
thnks alot
nice tutorial,,but why use button instead of select option,,
Hello..do one for fetching animes...
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
Thank bro for accordion but individual accordion must be close after tap
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.
Great sir
thank you, Glad you like this website design tutorial
how had you edited the background image of 2, 3, 4 slides down the first page??
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
Nice sir
Glad you like this tutorial
verry guud❤
Thanks
thanks
Thanks for watching
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 😭
From which website you took that tv trasparent image
sir you provided checked option for faq but if we want to click again there is no unchecked option??
i am having trouble pls help me
no proper back ground image fix
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
GRACIAS por tan buen tutorial,como podria conseguir el codigo fuente,saludos desde mexico.
is it possible to make a League of Legends website I kind of love it
Guide Me Please Sir, the web preview is just showing the style.css Commands why pls
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 RUclips, I don't take any online session
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
bro you have told us how to open faq questions but not told how to close it?
im stucked at mobile responsive header the h1 text is not showing at extact position
How are you sir
i want to tailwindcss project class. Please🙏 give this video 🙏of tailwind css
its working in visual studio but unable to publish this code in github...It was showing like its a dangerous site
How to use the code for Blogger templates .?
Iam facing difficulty in faq section. When i click on the question it is not displaying answer. What may be the reason?
My font didn't change into white color ? What should i do ?
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;
❤❤❤
Why the image is not showing in my webpage that url is not working why