How To Make A Responsive Coffee Shop Website Design Using HTML - CSS - JavaScript || From Scratch

[@_om.shewale_]

Sir I'm very grateful to you. Only because of your video I have made my own website. Thank you. 💖

[@MrWebDesignerAnas]

you are most welcome!

[@sanjayvaishnav111]

No words to say thank you is not enough ❤️I love your all Web site ❤️ Thank you for giving coding notes

[@keemeshrampersad8859]

Dham bro I remember a couple videos ago i asked you to make a coffee shop website... Thanks Bro :)

[@MrWebDesignerAnas]

Most welcome 😊

[@keemeshrampersad8859]

@@MrWebDesignerAnas You are a legend bro

[@charanckck]

Bro change your name to kamesh ramprasad. It will bring lot of good luck.

[@nasermaher9610]

I write all of this code when I watch this video and learn a lot of new things thank you

[@azaalnaimi6536]

Useful content..Please we want full explantion for the project that include Back end and Front end.

[@padeshahoffical6587]

sorry im new , what do u mean by full project , isnt this complete front end ? i mean there is all css +html +java codes

[@chiragkher575]

@@padeshahoffical6587 bro it is full frontend part but not backend means if you enter your email then it cannot store in database

[@sutapaah7269]

@@chiragkher575 can u suggest any video where I will get front-end + back-end full website

[@nuclr932]

I need the backend too

[@faizartgallery]

Can anyone tell me where I can find all pics?

[@anujakorake2928]

Can you provide the images and icons ..whatever you have used in your website ..??

[@zendaya1846]

The kind of videos so good they make u feel bad if u dont subscribe...loved it

[@shreyanshgoyal192]

Thank You for making such videos. please provide all images that you used in this video so that I can practice by myself.

[@lucasrgoncalves]

Still waiting ansiously for the back-end videos of each sites! I would be more than happy to learn it as well!

[@parvezalam204]

Masha Allah ... Very beautiful and clear coding for great look.

[@MrWebDesignerAnas]

Thank you so much 😊

[@roasting886]

is ke images kha pe h'

[@fanofharyana6517]

Mile bhai ​@@roasting886

[@mrCetus]

You have given me some motivation and I very appreciated, thank you, Hope u do more like this

[@MrWebDesignerAnas]

I will!

[@mahadihasan9080]

Instead of Music, voice over would be great and more useful 😇

[@ifyofuagbon]

Nice job. but please talk to your students that is why it is called video tutorial and that is what makes you a teacher. see how others like brad travesty engage with their viewers by explaining what they are doing.

[@rizkymuflih2800]

Hi im your new subscriber from Indonesia,i will say thank you about your content,your content make me understood about web design

[@MrWebDesignerAnas]

Happy to hear that!

[@templatesjungle]

Great website design tutorial. Carry on these tutorials. 👍

[@MrWebDesignerAnas]

Thanks, will do!

[@rmd.750]

this is very nice, i like it very much, very elegant

[@MrWebDesignerAnas]

Thank you! 😊

[@fahmamaulana6473]

thank you so much bro,I hope you are always healthy and good luck

[@MrWebDesignerAnas]

same to you 😘

[@elevaseven7336]

Hi, I'm your new subscriber! I'm talking about Brazil right now! The Content Presented in your Channel is incredible, congratulations, you will certainly get further along this road that you are walking than you can imagine! one of the key things in life is to be able to impact other people's lives and through this material you are bringing people's knowledge! Happy birthday! I wish you much more Success!!!

[@MrWebDesignerAnas]

Thank you! 😃

[@SuperCacazinho]

bro, the translation from pt-br to English was just terrible lmao

[@SoloツLiving]

Hey bro can you please give me the Direct link to these pics also I'm having trouble adding pics can u tell me what to do

[@michaeljohnmagistrado1166]

Excellent overall. Except for one thing. The menu items, their parent element have a negative value so that on mobile YOU CAN SCROLL HORINTALLY. How do you fix that?

[@EDGEROMONDI]

Great work, I would love that you also upload its complete backend design

[@MuhammadFurqan-rr2pr]

Where to get images for this website please suggest 🙏

[@Alex-hu8gj]

Good one :) can you show something like this with more animations 💟

[@tripleamath4799]

Thank you very much for all you have done! Please is it possible for us to have the figma file of your designs? Or a complete image for the websites? Thank you once again.

[@nameslastss8465]

This is one of the best website i ever seen

[@ayeshaabid4723]

Waiting for the back-end videos of each sites!

[@JCZams]

thanks for this video. please what vscode extension did you install for your css?

[@MrWebDesignerAnas]

you don't have to install css, it comes along with vs code just donwload vs code and you are ready to code if you want to change them you can download plugins, I use laetus dark theme plugin

[@jesseemana9598]

im glad i found this channel

[@jimmysoto7255]

Thank you very much I love the video

[@danieltorres3552]

Que excelente vídeo. Muy buen contenido saludos desde Guatemala

[@danieltorres3552]

Debo decir, he vuelto en tres días lo estudie y analice, aprendí cosas nuevas y ya tengo mi página web excelente tu manera rápida de desarrollar los vídeos.

[@jigardarji6389]

one of the best learn but plz make gym website video upload

[@MrWebDesignerAnas]

I have already made 2 website on that you can check on my channel

[@ИльяГоловко]

Cool project. Thank you !

[@MrWebDesignerAnas]

Glad you like it!

[@letteringmysoul3114]

the entire video is good. just one issue that I am unable to get images from the link that you have given. it directly opens the website link and not the image link. very difficult to find images. please help

[@KhadijaAkhtar-i3q]

Could you please share the folder containing the exact images you use for your projects? I occasionally find it challenging to locate suitable images. Your help would be greatly appreciated! 😊📂

[@JotStudyHub]

Hy there, could you please share the background pictures which you used. Plzz share me I have competition in university and I love your this video

[@monizemesquita4519]

how much would you charge to make a site like this?? I study development analysis university and would like to know more or less how much a site like this costs for a client.

[@MrWebDesignerAnas]

static websites are often cheaper than websites made with php! go to themeforest.net and find static websites and other similar to this, the price is written there as per demands

[@aijamal.apsamatova]

Thank you so much Amazing web site I also did But search item is don't working

[@Gohan126]

Thank You so much bro 😊❤️

[@MrWebDesignerAnas]

Welcome 😊

[@terbawamimpi9129]

Apresiasi untuk anda..

[@melissandrelesaux2513]

How do you resize the viewport in chrome ?

[@MrWebDesignerAnas]

use ctrl + I or left click and then click inspect tool and click on the device icon to see responsiveness

[@AbdallahGayed]

Where can I get images of the project?

[@Hasanat770]

How can I download the images ,pleas

[@kirollosshehata2151]

bro if you find picture can you please send to me

[@johnsonoseji7412]

i would need the images how do i get all required image and fontalsom

[@mdsiddikulimamkawser426]

why this part is not working?

[@takerz7768]

did you get the answer?

[@TinyOceannn]

The best video . Thanks for all

[@dailyunboxing6061]

Sir awesome project and awesome video 👍😎

[@shatha108]

Thanks , can I use this website with photos to make my project in college ?????

[@MrWebDesignerAnas]

yes

[@yesnow3642]

Terimakasih izin copy untuk belajar

[@MrWebDesignerAnas]

sure!

[@PrinceKumar-hh6yn]

Best music video for coders

[@oktoniuszevanyasimanungkal9554]

Thanks for the tutorial :)

[@minaradovanovic2725]

Hello, can you share these images, coz l can't find them on these links. Thanks a lot!!!! I'm looking forward for practice with this video. :)

[@kirollosshehata2151]

bro if you find picture can you please send to me

[@rass.x5834]

from where can i get the images you used?

[@Mimin-l5j]

Your content is very good but my JavaScript isn't working can you please help me out

[@lesegoleso4918]

Beautiful work. ✅

[@MrWebDesignerAnas]

Thank you very much!

[@shwetakolhe8360]

Sir, can u please provide any internship, i want to work with you and learn more things form you.

[@SumanSaini-zo4kx]

Hlo sis❤️,...are u a web developer 🥰

[@pathanaafridin7455]

if you get any freelencing work plz call me.

[@shwetakolhe8360]

@@SumanSaini-zo4kx yes.. But i don't have any experience

[@shwetakolhe8360]

@@pathanaafridin7455 ok

[@yupp_harish3936]

@@shwetakolhe8360 hii dear

[@Mrhamza24]

I think you didn't share pictures link

[@kirollosshehata2151]

bro if you find picture can you please send to me

[@m_arslan_]

You nailed it brother! Love it ❣️

[@kanchansali7600]

Am doing the same but not getting the icons of cart an menu an search otherwise everything is alright y am nt getting the icons

[@sadatberisha4372]

Thank you very much it was very helpful

[@MrWebDesignerAnas]

Glad it helped

[@faizartgallery]

Where I can find all pics??? Pls tell me.😊

[@napal3043]

thank you so much mr developer

[@support1344]

Please you can Explain it Explanation helps to understand comfortable 👍🏻❤️

[@mwistersanjeev5224]

Sir kindly can you upload how to make a responsive online class website using the Codes?

[@alessandrovenzo3044]

That would be quite interesting. Especially if that could have a teacher feedback system.

[@justmeli4614]

Can you at least give the images files? please

[@junjie83]

just to ask, after writing all those code, how can i review my web? (I'm using Visual Studio Code to complete it..) Thanks

[@danieloancea974]

very beautyful work. for a better functionality .header .cart-items-container.active { right: 0; } should be available for any width

[@minivlogs_sakshi.S8474]

javascipt not apply ,so many time i am trying but when i click menu btn navabr are not comming ,when i making a responsive plzz help me

[@shaikhfarheen5115]

Some of your codes are not working properly when i click on menu button ,doesn't work anything i am stuck over here...

[@swapankarmokar3672]

Just Wow❤❤❤❤❤❤

[@gabriellesouza5784]

Muito bonito. 👏👏👏

[@yasiinov]

How can I find these images?😢

[@kirollosshehata2151]

bro if you find picture can you please send to me

[@squadgabah]

thank you so much brothers

[@musaalhaj765]

icons like shopping cart, menu and search button aren't displayed

[@MrWebDesignerAnas]

did you attached the font-awesome cdn link?

[@shaikhrehnuma822]

Sir ye project pe dissertation milega??

[@sanjayvaishnav111]

Please continue new different website php

[@trachtunguyenho8580]

this is nice video

[@MrWebDesignerAnas]

Thanks

[@rafaelmachadoribeiro7925]

Can you send the website design? I want to assemble it with images similar to yours, and I couldn't find the link in the description

[@apexgaming7891]

Dude plz help it's urgent how can i add google search link to the search tab

[@mshchebetyuk-t5d]

Great work!

[@damirage2010]

Im nill on coding where do they write these codes?

[@MrWebDesignerAnas]

I use vs code editor and its free to use

[@meriemmery7648]

I need a web page related to craftsmen, like a builder, for example

[@babyboss2204]

i still confused how to change the background coffee? anyone can explain to me

[@MrWebDesignerAnas]

through css file find the background:url('../your_image.png');

[@channel_star9880]

Hi sir i have been struck at 16:04 and what I have done is exactly same as urs but when i click on inspect and make it responsive and when i tap on the buttons ... Nothing is being responsive buttons are not responding... Can u please tell me the solution... Should I download any extension?

[@izzykuhl]

I have the same problem. Did you find a solution? Please share! ;)

[@cucumber9365]

I think Full JavaScript not included , Sir.

[@Prince49476]

Basicly itna he use huta ha js

[@user-bt9pe9dt3u]

The B E S T video I have ever watched.

[@SoloツLiving]

Hey bro can you please give me the Direct link to these pics also I'm having trouble adding pics can u tell me what to do

[@RITIKSINGH-kb2eh]

You should definitely provide atleast images in drive 😢

[@brunoroullier6989]

Great your video as well as the design and color of the site. Now why not transform in another video from HTML to PHP, to have the search engine, the shopping cart and the contact form functional? Thank you

[@JustJoshinYouBro]

I'd love to see this.

[@edwincruz4052]

¡Gracias por compartir estos hermosos diseños! Saludos desde Bolivia

[@MrWebDesignerAnas]

its my pleasure! 😊

[@ARTWITHYASH]

Discripction mai link kaha hai bhai

[@kpprashanth6851]

hiii broo don't use music i need to explain with writing code at a time ex.. some tags are using you tell what is the use and why we are using purpose

[@jkthakkar6202]

Can any one plz submit sourcecode for this plz

[@dougsouzaP]

Esse vídeo parece um ASMR de tão gostoso que é de assistir. E que nível de habilidade que você tem (pelo menos para mim) desenvolvendo algo com tanta facilidade e muito bonito. Parabéns, espero um dia me tornar 1% do que você é como desenvolvedor.

[@AstroPixel]

O cara é bom, mas tlg que todo esse código já tava pronto né? Tipo os calculos de métricas e as classes provavelmente ele já tinha feito antes e fez o video com base nisso. Por isso flui tão perfeitamente e sem erros nem nada do tipo.

[@HaroldSouza]

@@AstroPixel esse tipo de video tutorial consegue fazer alguem evoluir como programador? Ou a pessoa que está assistindo precisa fazer outra coisa para poder evoluir e conseguir fazer projetos do 0 sem precisar copiar codigos?

[@JooviSamples]

@@HaroldSouza Se evolui vendo e praticando, pega uns sites e Landing pages de sites famosos, e fica tentando recriar. Conforme o tempo você vai evoluindo.

[@marcioandre6469]

@@HaroldSouza 1-Copia/ 2-entenda/3-faça comentários no código/4-altera o código/5- tenta criar algo "novo" com os conceitos usados

[@HadiJafari-i4m]

hello I make your website with you and finish it now I learn a lot of things with this video you'r a good programmer thanks

[@MrWebDesignerAnas]

most welcome!

[@meowii01]

wat app did u use

[@WeddingWikipedia]

I am facing problem in media queries in 768 px is not working properly​@@MrWebDesignerAnas

[@inertdeependra662]

Surely I will add it in my port folio after making this 😃

[@YosipmikeColin]

MUY BUENOS TUS VIDEOS SI ES POSIBLE HACERLOS TAMBIEN EN REACT SALUDOS DESDE COLOMBIA ISGUE ASI.....

[@abdelrahmanhashish2120]

What is this extension name ?

[@MrWebDesignerAnas]

laetus dark theme

[@Ryan-wi7vi]

Hi Sir, what extensions do you use to have a complete CSS Sugestions? i'm confused about that. Thankyou 👍

[@MrWebDesignerAnas]

you don't need any extension I use visual studio code and its comes with auto suggestion by default

[@Ryan-wi7vi]

@@MrWebDesignerAnas Okay Sir, thankyou👍

[@paulargielrosete9768]

Try the notepad++ or vsc

[@abdiladifmohamud5957]

Hi Sir. Your content is very helpful. Kindly may I know if the images you used are copyright free. I just like them. Thanks in advance.

[@Multi-Dimensional.]

From where I can get images.tell me right process of getting images or how can I get specific image from specific site?

[@mandadeshmukh7413]

You just earned, space in my heart

[@_gabrielfratelli]

Poderia colocar comentários ao lado dos códigos pra sabermos oque cada um faz e serve.. Tirando isso ficou muito bom.