Responsive Coffee Shop Website Using HTML CSS & JavaScript - Step By Step

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

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

50% 1

Responsive E-Commerce Coffee Shop Website Using HTML CSS & JavaScript - Step By Step
-----------------------------------------
👉 Have Any Website Project Contact Me On Fiverr:
www.fiverr.com/waseemva
-----------------------------------------
❤ Source Code
www.patreon.com/posts/respons...
🎁 Buy This Template To Support
www.buymeacoffee.com/carpoolv...
Images:
www.mediafire.com/file/37o5ko...
🔔 Subscribe for free
ru-vid.com...
📁 Assets
Icons: boxicons.com
Fonts: fonts.google.com/
Images: www.freepik.com
☕ Support Me ( Buy me a coffee )
www.buymeacoffee.com/carpoolv...
🎨 Design By
www.behance.net/gallery/12549...
It contains, Responsive Header, Home Page, Search Box ,About Page., Product Page, Review Section And Footer.
📹 More Awesome Videos Like This
1. Responsive Personal Portfolio Website Using HTML CSS And JavaScript
Video Link: • Responsive Personal Po...
2. Responsive Car Rental Website Using HTML CSS And JavaScript
Video Link: • Responsive Car Rental ...
3. How To Make A Website Like Instagram Using HTML CSS - Instagram Redesign
Video Link: • How To Make A Website ...
4. Responsive Restaurant/Food Website Design Using HTML CSS And JavaScript - Dark/Light Mode
Video Link: • Responsive Restaurant/...
5. Responsive Furniture Website Using HTML CSS And JavaScript
Video Link: • Responsive Furniture W...
⏱ Timestamps
0:00 Intro
2:55 Files Setup
5:36 Navbar
12:44 Home Section
18:14 About Section
20:24 Products Section
26:15 Customer Section
30:11 Footer Section
37:42 Copyright
40:34 Making Responsive
👇 Follow me
Instagram: / carpoolvenom
Facebook: / carpoolvenom
#e-commerce_website #html #css #javascript
Keyword
coffee website html css
coffee shop website design
coffee website design
coffee website theme
coffee shop website html css
coffee shop website html
coffee shop website
responsive website using html5 and css3

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

2 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@kaushalpatel2284 Год назад

I studied html, css and JavaScript from RU-vid. Now I am creating websites. This video help me a lot. Very good video. Thanks 🙏

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

Thank you! Good. Very useful video. Go go go... We wait new video the next!.... 👍👍👍

@ekaafajarpetrus9161 Год назад

wow very useful for me. what else I'm a student of information systems. thank you for being a good person and thank you for the knowledge. greetings from Indonesia

@Rayan-hz9xo 11 месяцев назад

Thank you very much for this, I learned so much! Looking forward to the other videos too

@jagos86 Год назад

Amazing, thank you for sharing your knowledge!

@TheCurea Год назад

Thank you Done the project, is looking amazing

@user-pe4wz6rl9y Год назад

Cool job. Thank you !

@gwolojulius4135 Год назад

This is great job. Its really educative, I wish you explain the coding process instead of background music

@wilkeansbellamy1143 3 дня назад

This is amazing work 👏🏾👍🏾

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

Thank you! You are my online teacher!!!^^

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

Glad to hear that! Best Of Luck ♥

@ayeshasadiqa7829 Год назад

.box { position: relative; padding: 10px; display: flex; flex-direction: column; justify-content: center; border-radius: 0.5rem; box-shadow: 0 1px 4px hsl(0, 2%, 45%); } instead of .products-container .box { position: relative; padding: 10px; display: flex; flex-direction: column; justify-content: center; border-radius: 0.5rem; box-shadow: 0 1px 4px hsl(0, 2%, 45%); }

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

THANK YOU SO MUCH YOU SAVED ME

@RAJUBHAI-ww7em Год назад

Cool

@farukweb 23 дня назад

Really Nice for coffee shop

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

Thanks soooooo much

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

Beautiful, perfect

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

Thank you! Cheers!

@로보락 2 года назад

Another good website tuber

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

Thank You For Awesome Comment ♥

@hayot1262 Год назад

Nice broo

@smsmsmow4109 Год назад

i wish you show us the result every changes .. i click to see some parts and know how i can do it ..

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

多谢老师

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

Your Welcome 💖💖💖💖

@user-hw1yh7oe3e 6 месяцев назад

you can hindi english any thing language use speen nice job bro

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

Hi Bro can you help me I have inserted the products but with me is 1 product per row they know what could have done wrong would be happy if they would help me

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

Why my animation search not work even though I have written the java script in a meaningful way like what is in the video

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

Thank bro

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

I want source code pls 😢send me

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

When I was coding JavaScript for a search location, why didn't it work even though I had followed the directions in the video

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

hello sir I have a problem in the menu icon section it doesn't display on the website how do I fix it ?

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

nice video! can you tell me what's the name of your screen recorder!

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

Thank you for your comment Anas. I am using camtasia screen recorder.

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

@@CarpoolVenom you are doing a great job, best of luck bro!!

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

@@CarpoolVenom hi i have a question so i added cart-icon and search-icon but and the commands too but on my website it WILL NOT be displayed what should i do

@user-xr8zt1go3w 7 месяцев назад

i've followed tutorial,why don't the colors on the navbar appear?

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

wow your content is so underrated please can you make a Patreon so I can donate to you

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

Thank You: You can support me on Buy me a coffee here www.buymeacoffee.com/carpoolvenom

@commandosron4585 Год назад

Hey ...it was great....though i had a problem , can u help to resolve it ??

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

hi i have a question so i added cart-icon and search-icon but and the commands too but on my website it WILL NOT be displayed what should i do

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

Add boxicons to your code.

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

@@CarpoolVenom What do you mean by that

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

@@CarpoolVenom so i did everything they did should i send a picture to instagram

@ayeshasadiqa7829 Год назад

agr ap .products-container .box ko select kr ky box show use kry gy to ya work nhi karta

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

Amazing website bro! could you tell me where are the images?! D:

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

Images: www.mediafire.com/file/37o5ko3ucxtlqoo/Coffee_Website_Images.zip/file

@MrBurns-fx2li Год назад

hi bro, can I use your project for a CTF (capture the flag) page ? to avoid copyright problems

@CarpoolVenom Год назад

You can use

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

Make Line Webtoon Clone Plz❤❤

@JustFire0v0 Год назад

I do not know what I do wrong that the footer does not fit well

@TomTom-ru4kr 6 месяцев назад

Salut à vous vous avez créé ce site Web à partir d'un design existant. Mais j'aimerais savoir comment vous avez fait pour vous procurer les mêmes image que sur ce même design qui a été fait par quelqu'un d'autre. Puisque de fois j'aimerais reproduire des site comme vous a partir d'un design mais je ne sait pas où trouver les images identiques. Merci à vous

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

I do not know why I download your file image but when I go live, this images in this file can't appear

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

You should have Checked your browser

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

@@sugarshow1872 thanks for your web

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

Is this good for final year project

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

Yes, If it fulfil your requirement.

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

Hiii, everything is okay, but when i right tha java script code the search bar is still heree and hes no hided. Can someone tell me whyy plssssss?? )

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

Me too

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

7:21 where did he push

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

kak tolong dong yang aku backgroundnya ga sesuai full

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

sir website ki document send karo na

@beatcustom Год назад

Bro can i pay your donation to get source codes patreon or buymeacpffee?

@CarpoolVenom Год назад

You can

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

I want source code for free sir can u pls help me😢

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

plz sir reply

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

Hi Bro can you help me I have inserted the products but with me is 1 product per row they know what could have done wrong would be happy if they would help me

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

The problem is with your div

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

@@CarpoolVenom do you know maybe annwelvjen div that can be so what is the command for the div called because i have to delete it so that everything becomes normal