Responsive Lamp Website Design Using HTML CSS & JavaScript

Published: 12 May 2023
on channel: Bedimcode
26,647
682

Responsive lamp website design using HTML CSS & JavaScript. With CSS animations when scrolling. Includes a light and dark theme. And deployment of website to the internet. Developed first with the mobile first methodology, then for desktop.

🔔 Subscribe for more!
   / @bedimcode  

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
❤️ Get source code
https://buymeacoffee.com/bedimcode/e/...

💙 Get source code by PayPal
https://ko-fi.com/s/fd8719e586

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👨‍💻 Build the project from scratch
https://github.com/bedimcode/responsi...

👆 Download (files + images)
Click on the GitHub link
Click the green button (code)
Click Download ZIP

📂Assets
Icons: https://remixicon.com/
Fonts: https://fonts.google.com/
JS Functions: https://github.com/bedimcode/responsi...
Swiper: https://swiperjs.com/
ScrollReveal: https://scrollrevealjs.org/
Netlify: https://www.netlify.com/

⏱ Timestamps
0:00 Intro Responsive Lamp Website
5:32 Project Setup
7:25 Variables CSS
7:34 Reset HTML & Reusable CSS
10:46 Header & Nav
21:45 Section Home
34:39 Buttons
36:50 Change Background Header
38:52 Section Popular
55:12 Section Choose
1:13:35 Section Features
1:22:06 Section Products
1:29:16 Section Join
1:36:06 Footer
1:46:20 Scroll Bar 1:47:27 Scroll Up
1:50:16 Scroll Sections Active Link
1:52:00 Dark/Light Theme
2:05:40 Breakpoints
2:45:18 ScrollReveal Animation
2:49:12 Final Project
2:50:35 Website Deployment (Uploading to the internet)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
✒️ Inspirate
https://dribbble.com/shots/16555124-S...

📸 Original Images
https://unsplash.com/

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

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
☕️ Support me
https://www.buymeacoffee.com/bedimcode
https://ko-fi.com/bedimcode

👍 Thanks for watching!

Make sure to like + Subscribe for more! 💗

#responsivewebsite #websitehtmlcss #bedimcode


On this page of the site you can watch the video online Responsive Lamp Website Design Using HTML CSS & JavaScript with a duration of hours minute second in good quality, which was uploaded by the user Bedimcode 12 May 2023, share the link with friends and acquaintances, this video has already been watched 26,647 times on youtube and it was liked by 682 viewers. Enjoy your viewing!