Responsive Coffee Website Design Using HTML CSS & JavaScript

Responsive Coffee Website Design Using HTML CSS & JavaScript. It includes CSS animations with website deployment to the internet. Developed first with the Mobile First methodology, then for desktop.

🔔 Subscribe for more!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💛 Get source code

💙 Get source code by PayPal

💎 Membership

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👨‍💻 Start project from scratch

👆 Download (files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP
- Extract the project to the desired location

📂Assets

⏱ Timestamps
0:00 Intro Responsive Coffee Website
3:19 Project Setup
5:44 Variables CSS
5:56 Reset HTML & Reusable CSS
9:10 Header & Nav
21:40 Section Home
28:04 Buttons
30:45 Section Products
41:08 Section About
44:32 Change Background Header
46:39 Section Steps
59:57 Section Testimonial
1:03:14 Footer
1:18:52 Scroll Bar 1:20:13 Scroll Up
1:24:35 Scroll Sections Active Link
1:26:45 Breakpoints
1:53:56 ScrollReveal Animation
1:58:08 Final Project
1:59:14 Website Deployment (Uploading to the internet)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
📸 Original Images

💬 Doubts in the project send a DM to Facebook
⌚ I answer at 6:00 PM (Perú time)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🔥 Follow me!

☕️ Support me

👍 Thanks for watching!
Make sure to like + Subscribe for more! 💗

#responsivewebsite #websitehtmlcss #bedimcode

[sorooshkarimi]

I miss you my friend, don't leave us. I learn html & css with your videos, keep going on🙏 🙏

[deepjasoliya]

Bro your frontend designing skills are amazing
can you make e-commerce website, please?

[avivshvitzky]

Yay another video!
I'm developing an app with tailwind, and doing responsive design is my most hatred task. I salute you for doing it so casually

[emerson-alonzo]

Excelente trabajo, como siempre el diseño increíble, Mobile first. Saludos Marlon

[awesomeankit]

Your design amazes me for real, I wish I could get a tutorial on how to design a web page like these and code them. At least how to design them

[Caxemiratech]

cara, vc ta me ajudando muito no frontend suas ideias sao as melhores 🥰🥰🥰

[Sammy-rscd]

Another video!!!! very cool design 🤟🤟🤟

[neevbadu]

Great Design and Tutorial as always... (Thanks a lot...)😄😄

[the.codermj]

amazing design as always. thank you for providing this cool website. 😊

[mochellalle]

soli que bonito, te extrañabamos jaja

[carmencadenas]

Hola! Me encantan tus videos! Puedes indicarme de dónde consigues tus imágenes? Por ejemplo, la imagen del café y la taza de café del Hero de dónde la obtuviste?

[ankitsaha]

the code that you shared on GitHub repo is not functioning properly, its showing a blank page.

[en_kratia]

Bedimcode, you are using classes for css and id for javasccript, it`s a good practice. But i wonder, what you are doing when you need collection of elements? Every element has uniqe id, right? Will you use classes for this, or there is something more complicated/sofisticated?

[pitcoles_maximus]

Great videos. I learned a lot. I have a question regarding VS studio, what extensions do you use?

[adilbek.ermekov]

I've noticed that on every tutorial you have different spacing between sections. Based on what do you calculate the spacing between sections?

[Ovrts]

pregunta: ¿¿que es lo que hacen las propiedades "margin-inline", "margin-block", "padding-inline" y "padding-block"?? esas propiedades no las logro entender

[ojasvijoshi]

from where did you got these pictures for this website can you please answer that

[dangetiharibabu]

Bro can you make a video 🎨 Colour concept in website