How To Make Netflix Website Clone Using HTML And CSS

Подписаться 1 млн

Просмотров 338 тыс.

50% 1

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:
◼️ RU-vid: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr

Опубликовано:

16 дек 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 281

@amydd8506 Год назад

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 ❣🙏

@GreatStackDev Год назад

Thank amy, we will be making more projects like this

@marcoantoniovalencia8694 Год назад

@@GreatStackDev Your videos are great, but it would be great if you implemented BEM methodology for the CSS to have a clearer code

@theotheluo6546 Год назад

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.

@jhashashwatkumar Год назад

Yesterday I have done this project without any tutorials. What a coincidence..❤️

@himanshukushwaha3033 Год назад

So do i

@Tyler-durden819 Год назад

Copying source code from official website?? 😏😏

@himanshukushwaha3033 Год назад

@@Tyler-durden819 nope brother

@himanshukushwaha3033 Год назад

@@Tyler-durden819 i made this website with the help of boots trap

@Tyler-durden819 Год назад

@@himanshukushwaha3033 cool 👌

@aadrikasingh5004 11 месяцев назад

Literally for the first time I was able to follow a tutorial and complete it till the very end. Thankyou!!!

@ritikamundhra4 8 месяцев назад

Heyy I have a request to make. Can you reply?

@learnonline7651 9 месяцев назад

you are a great teacher for us .. May Allah gives you a long live .. love from Bangladesh💖💖💖

@Proudly_indiann Год назад

thank you for providing such good content in a simpler way...

@RohanDas-qz6bj Год назад

Thank You For this beautiful Netflix clone project.

@tatashyam Год назад

Wonderful explanation Thank you Easy Tutorials. Step by step explanation is very good. I am practicing this layout now.

@GreatStackDev Год назад

You are welcome!

@shreelekham.k.9141 6 месяцев назад

I completed this project, thank you so much sir😊

@spideygaming5103 11 месяцев назад

Thank you so much ❤ i have learnt a lot from this tutorial

@dhanya30 Год назад

Really..this project is awesome...💯

@kelle_li Год назад

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.

@abdulrehman-kk3jo 2 месяца назад

use inspect element or something

@user-gv8jn6de2r 11 месяцев назад

Thank you! I'm learning a lot

@pienodisentimento5187 12 дней назад

Thank you so much! Best tutorial and a time saver.

@GreatStackDev 11 дней назад

Glad you liked it. Thanks for your comment. 😊

@Brogrammer2929 Год назад

wonderfull presentation .can understand very easily

@Nanashi-rq7lk 9 месяцев назад

Perfect Tutorial. Thanks

@CodewithAbdullahNahian Год назад

I truly love your channel. Keep doing the best work.

@GreatStackDev Год назад

Thank you! Will do!

@yeshwanth2910 Год назад

Nice video and great explanation.......Thanks dude!

@ayushayush4608 Год назад

Amazing brother and thank you🎉❤

@HaiTran-su8ow Год назад

Big fan of you from Vietnam😍

@sethukarasisethu6491 11 месяцев назад

You deserve this👑 !!!

@T7771k Год назад

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

@GreatStackDev Год назад

Glad it helped!

@AnissElKhoukhi-jj6oe Год назад

@@GreatStackDevdoes it have films

@harishsundaram6579 4 месяца назад

Thankyou so much sir....

@pakhawaj_omkar 10 месяцев назад

Amazing Tutorial Thank You Sir

@MilanSisara-id8vv 8 месяцев назад

Lots of Love From Gujarat🥰🥰🥰🥰🥰

@asadshaikh7281 Год назад

You are my favorite bro..thank you so much

@GreatStackDev Год назад

Thank you so much 😀

@Gato.Samurai Год назад

You´re the best my brother. Thank you ❤

@GreatStackDev Год назад

Thank you too

@Supriya-bi3fk 2 месяца назад

Thanks sir iam very helpful 🎉

@user-cg7es3ec7n 10 месяцев назад

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

@learnwithnagma 3 месяца назад

Thank you so much 😊.

@CodeCreativeOfficial Год назад

Looks dope!

@youtubersreaction5731 Год назад

Thank you so much

@muneesh143 5 месяцев назад

this video are so helpful ho boomup🤩🤩🤩🤩

@gandamraviteja7019 2 месяца назад

Amazing work hats off to you Even paid courses will not give this much knowledge and explanations Thank you so much for this course

@sahilgumber7 Месяц назад

Bhai agr tera perfectly responsive h toh ek br code share krde please

@gandamraviteja7019 Месяц назад

@@sahilgumber7 sure I will share my github link here

@karthikkarthi9893 2 месяца назад

Sir I can easily understand your coding 😊

@KameshE-rj6fg 10 месяцев назад

Thank you so much sir!!!!

@rorschach2892 9 месяцев назад

Thank you for this, you make frontend easier for beginners, hugs from Brazil

@AxolPlays560 Месяц назад

@GreatStackDev Tanks for making this tutorial and i think this well help for me thanks for making this 😀

@mikenance4713 5 месяцев назад

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?

@Tmaks_zw 11 месяцев назад

The first channel i felt like the like and subscribe button are not enough

@ShubhamSharma-ne8rp 11 месяцев назад

thank you i learn alot from this video.....

@GreatStackDev 11 месяцев назад

Glad to hear that

@imposter1069 Год назад

Thank youuu soo much 😍

@vikramdp505 8 месяцев назад

thankyou man!!!!!!

@vamsivignesh2727 Год назад

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......

@duttachandan8372 9 месяцев назад

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.

@Shaheryar-WebDev Год назад

Bro Your Videos are AWESOME👍

@GreatStackDev Год назад

Thank you so much 😀

@drexex0f Месяц назад

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

@abhisaragarwal9084 Год назад

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

@sripriyansvbsbtskanchibhat9152 11 месяцев назад

please share how you have done it

@honeyjakundiya 10 месяцев назад

@@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

@mathiasonyebuchi4163 8 месяцев назад

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 😊

@thecoolone1333 Год назад

Thanks easy tutorials channel because of you i was able to understand css concepts more clearly and had also learn new ones

@GreatStackDev Год назад

Glad to hear that

@thecoolone1333 Год назад

Hey @@GreatStackDev make the code available of the projects you will be making in the future

@oshegbecomedies 9 месяцев назад

Sir, thank you so much for this amazing tutorial. I don’t know how find the icon on sign in navigation, pls help...

@user-sd5gw6bj5o 5 месяцев назад

i am having trouble pls help me no proper back ground image fix

@justiceokoroafor Год назад

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

@GreatStackDev Год назад

I think you are using VS code liver server, Please check the webpage without live server

@divya.n1697 4 месяца назад

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 ?

@nishantpandey1042 4 месяца назад

Thanks You🎉

@parvdeepsingh13 9 месяцев назад

Hello, I am facing little difficulties in the footer section so I can get a github repo link so that I can cross check.

@fifaworldcupwatch 7 месяцев назад

Your voice is so smooth and your language is easy to understand. Take love form Bangladesh

@akramaici6499 9 месяцев назад

i have question when we use css media we dont use break-points for différentes sizes

@youremotions5910 Год назад

thanks for this please create full website clone

@matrixnft Год назад

Done Thank you❤

@GreatStackDev Год назад

Great

@santoshthakurgamin 10 месяцев назад

Humble request to make it full series!

@mr_affan15 4 месяца назад

Thank bro for accordion but individual accordion must be close after tap

@praneshwar9992 4 месяца назад

very useful

@alaminniyaz Год назад

Quality Content Take Love 🖤

@GreatStackDev Год назад

Thanks bro, glad you like this Netflix close website tutorial

@shreyaagrawal9689 9 месяцев назад

how had you edited the background image of 2, 3, 4 slides down the first page??

@perverturga1574 7 месяцев назад

thank you

@user-zg9sz6hh4n 5 месяцев назад

Best ❤

@santoshthakurgamin 10 месяцев назад

Sir continue this series make it full stack website how to make that monitor video moving.

@sapnabhatt6892 Год назад

nice😊

@wardahaibe7691 8 месяцев назад

thnks alot

@Kratos0223 9 месяцев назад

Thank you so much. Really good video.

@GreatStackDev 9 месяцев назад

Glad it was helpful!

@princearya4208 Год назад

can you make sign in signup usable and the video homescreen interface for netflix in part -2

@Ikram0259 7 месяцев назад

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 😭

@orien1116 4 месяца назад

sir you provided checked option for faq but if we want to click again there is no unchecked option??

@itz.swapnill22 Год назад

Please make a video about how to create website like CBR, ScreenRant.

@HafsaAkhter-dh9vc Год назад

very helpful video

@GreatStackDev Год назад

Glad it was helpful!

@mdms4549 Год назад

Very Awesome

@GreatStackDev Год назад

Thanks

@mosesnjoroge5639 Год назад

can you in future consider having a split screen?

@focusreflect8223 Месяц назад

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..🙏

@PavanPcLab 6 месяцев назад

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

@anwaremehemai9495 Год назад

thanks

@GreatStackDev Год назад

Thanks for watching

@dabezt1379 Год назад

nice tutorial,,but why use button instead of select option,,

@jhashashwatkumar Год назад

Please make a tutorial for Disney+ Hotstar clone 👍

@bhanukamlay8209 9 месяцев назад

From which website you took that tv trasparent image

@nikhilkonaparthi 2 месяца назад

its working in visual studio but unable to publish this code in github...It was showing like its a dangerous site

@gurdeepmetai970 Год назад

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?

@SAM-tw4wd Год назад

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

@aforangular3759 Год назад

Great sir

@GreatStackDev Год назад

thank you, Glad you like this website design tutorial

@muhammadbinbazz 11 месяцев назад

Guide Me Please Sir, the web preview is just showing the style.css Commands why pls

@papasmurf3202 Год назад

Hello..do one for fetching animes...

@user-od9ej1rx8q 8 месяцев назад

im stucked at mobile responsive header the h1 text is not showing at extact position

@archanabelal6958 8 месяцев назад

Iam facing difficulty in faq section. When i click on the question it is not displaying answer. What may be the reason?

@user-xi9kc7nc3w 5 месяцев назад

I have a problem with this bro. From 104 line to 127 line. I did everything right and checked 5 times but text and a picture just aren’t in line. Can anyone help pls??