Complete Responsive Food / Restaurant Website Design With Admin Panel [ HTML CSS JS PHP ] - Demo

Подписаться 225 тыс.

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

50% 1

how to make complete responsive food / restaurant website design using html, css, vanilla javascript, php pdo and mysql database from scratch.
create a complete responsive online food / restaurant front-end website design template using html css and vanilla javascript, php pdo and mysql database from scratch.
the main feature of this website are:
✅ responsive header with toggle menu effect using vanilla javascript.
✅ responsive hero section with touch slider.
✅ responsive category section using css grid.
✅ responsive about section using css flexbox.
✅ responsive steps section using css grid.
✅ responsive reviews section with touch slider.
✅ responsive menu section using css grid.
✅ responsive orders section using css flexbox.
✅ responsive contact section using css flexbox.
✅ responsive search form section.
✅ responsive shopping cart section using css grid.
✅ responsive checkout section.
✅ responsive profile section.
✅ responsive update profile section.
✅ responsive update address section.
✅ responsive login form section.
✅ responsive register form section.
✅ responsive footer section using css grid.
Buy Me A Coffee :
www.buymeacoffee.com/mrwebdes...
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
drive.google.com/file/d/1qjld...
( *you are free to use this source code )
How To Download
Step 1 :- click the google drive link ☝☝☝
Step 2 :- click on download link in the google drive.
Step 3 :- extract the zip file into your desired folder.
Step 4 :- open the converted files into your browser.
Step 5 :- open your editor and put your unzipped files into it and then edit it as you like.
font awesome cdn link:
cdnjs.com/libraries/font-awesome
google fonts:
fonts.google.com/specimen/Rubik
clip-path generator:
bennettfeely.com/clippy/
Editor : - visual studio code with Laetus: Dark Vibrant Theme
Browser : - google chrome
UI Tool : - Figma
localhost : xampp
Images / Video / SVG : -
01 - www.freepik.com/
02 - storyset.com/
03 - undraw.co/
04 - pixabay.com/
05 - unsplash.com/
06 - pixabay.com/
07 - www.flaticon.com/
08 - pngtree.com/
09 - www.pngegg.com/
New To My Channel Subscribe Now And See More Stuff Like This:
/ mrwebdesigneranas
#BackEnd
#FoodWebsite
#MultiPages

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

27 июн 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@workwork2459 2 года назад

And also a live chat in the customer review Thank you sir very much.

@beatloud5336 2 года назад

Yes, sir make backend too. Love your efforts.

@dotWebdesigns 2 года назад

So inspirative!

@shubhangibote4687 2 года назад

Tutorials of back end please.... Thank you sir 👌👌

@Ridewithn250 Год назад

Hey it's a amezing... Plz upload complete code merged

@1xbet-Melbet-Betwinner-LineBet 2 года назад

Thank you man🤵

@MrWebDesignerAnas 2 года назад

No problem 👍

@andrejkling3886 2 года назад

Thank you so much 🔥❤️

@MrWebDesignerAnas 2 года назад

No problem 😊

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

i cant able to access the admin panel it showing it is wrong password pls tell me the correct password or pls tell how to change the password in the code @@MrWebDesignerAnas

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

@@MrWebDesignerAnas I can't be able to add more things , if i add any other things in frontend,the css doesn't apply,,, If anyone knows how to slove this problem, please tell me

@zaqraburu6893 2 года назад

kindly next develop a betting website responive application

@workwork2459 2 года назад

Thank you sir 👌👌

@MrWebDesignerAnas 2 года назад

Most welcome

@workwork2459 2 года назад

@@MrWebDesignerAnas hi make backend and payment gateway with PayPal and also a live chat in the customer review Thank you sir very much with a comment in which photos can be shared

@workwork2459 2 года назад

@@MrWebDesignerAnas please reply me

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

Admin panel mei add product korne ke badd images load nahi ho raha kya karu sir.. there's a little png icon instead of full photo

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

Good day Sir, excellent job.. *how to make a food category in dashboard page. *Can the admin show pending orders or completing orders not together? Thank you so much.

@kailashbabu6614 2 года назад

Sir, your videos are awesome...we learn from it....but please make some other websites apart from food ordering.. Thanks

@everythingyouneedtoknowabo5311 Год назад

lol hahahaha

@learnwithsk-developer9926 2 года назад

Please sir, I have requested you thousand time please make one with payment gateway like stripe and Paypal...... Please

@sanaorsho Год назад

Please i hope you answer me when i download the source code for this website the product in menue don't appear so on l couldn't add anything to buy it how could i fixed the problem

@MrWebDesignerAnas Год назад

you have to add food through admin panel watch this video for help : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1BSpFRtVN7Y.html

@sanaorsho Год назад

@@MrWebDesignerAnas Thank you very much really you are a wonderful programmer

@kungalegjung3151 Год назад

hi bro where is admin panel in main project

@rilaszinzin2881 2 года назад

God bless you try to add please for the choice payment on delivery or online paypal or strip

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

Sir if you see the admin panel in this frontend website

@di7927 2 года назад

Hi, thanks for the video. Where can I download Frontend files from?

@MrWebDesignerAnas 2 года назад

there's a different video for front-end design of this website! check on my channel

@jp-lh2cq Год назад

Hey this 6 videos are of only backend videos

@anamhimel 2 года назад

Need new project full stack

@cybera.angustia1499 Год назад

What about the size of a Pizza ? Small medium large?

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

Please sir, I have requested you make one video with payment gateway like jazcash and bank account and can we use your website without your copyrights

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

where can i change currency?

@dzyszklemhah2502 Год назад

Sir. where can i get the image illustration like the one you are using?

@MrWebDesignerAnas Год назад

check the images website links in the descriptions!

@dzyszklemhah2502 Год назад

Thank you sir

@workwork2459 2 года назад

With a comment in which photos can be shared

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

How to access admin panel ?

@sanjanagiri4072 Год назад

Aur code jo download kiye hai usme admin page login nhi ho rha

@aniketseyal9377 Год назад

Loading screen is good But Sorry to say bro but the overall design is very poor

@CodesStruct 2 года назад

need a link for your all the website that you have done plz

@MrWebDesignerAnas 2 года назад

links in the descriptions

@CodesStruct 2 года назад

@@MrWebDesignerAnas one link for all it will be better

@ctjy9064 Год назад

Where can I buy this full backend source code...

@MrWebDesignerAnas Год назад

its free, the source code in the descriptions

@workwork2459 2 года назад

hi make backend and payment gateway with paypal

@rendonskie_178 Год назад

how can I access admin panel sir please

@MrWebDesignerAnas Год назад

watch this for help : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1BSpFRtVN7Y.html

@kalpbagadiavlogs Год назад

How to change dollar sign to rs?

@MrWebDesignerAnas Год назад

use font-awesome icons

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

@@MrWebDesignerAnas where is the folder located?

@sanjanagiri4072 Год назад

Admin panel ki coding ki video to hai hi nhi

@Moviemafia. 2 года назад

sir html page to hai he nahi es mai .....

@MrWebDesignerAnas 2 года назад

ye html nhi hain ye php hain maine alag se iska front-end part banaya hain check kr sakhte hon channel pe

@Moviemafia. 2 года назад

ok sir

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

hi bro i cant able to access the admin panel it showing the wrong password can you tell the correct the password or pls tell how to change the password in code

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

Did you find a solution?

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

Hey did you find the solution?

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

@@footballskills6574I did.

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

@@footballskills6574 yes

@fayzanansari4979 2 года назад

Can i copy. Your previous design please

@MrWebDesignerAnas 2 года назад

sure!

@fayzanansari4979 2 года назад

@@MrWebDesignerAnas seriously apka design mujhe bhot acha laga

@fayzanansari4979 2 года назад

@@MrWebDesignerAnas mai us design ko completely bana dia hu uska pura backend ready kia hu ap dekhnge to apko shyad acha lage

@MrWebDesignerAnas 2 года назад

@@fayzanansari4979 youtube pe to reupload to nhi kr rahe hon na???

@Mrmemestar2.o Год назад

Bro need your help

@MrWebDesignerAnas Год назад

how may I hellp you bro!

@Mrmemestar2.o Год назад

@@MrWebDesignerAnas bro I'm a begginer i take your source code from description I'm confused and sucked in it how can i combine the. Files do you have email or insta account where I can contact you and explain you my full issue ?