Responsive Lamp Website Design Using HTML CSS & JavaScript
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
Auf dieser Seite können Sie das Online-Video Responsive Lamp Website Design Using HTML CSS & JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Bedimcode 12 Mai 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 26,647 Mal angesehen und es wurde von 682 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
