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
Sur cette page du site, vous pouvez voir la vidéo en ligne Responsive Lamp Website Design Using HTML CSS & JavaScript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Bedimcode 12 mai 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 26,647 fois et il a aimé 682 téléspectateurs. Bon visionnage!