Responsive Personal Portfolio Website Using HTML CSS And JavaScript | Dark/Light Mode

1.8M views on YouTube

Design

🔔 Subscribe Now!
https://www.youtube.com/@Bedimcode

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

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

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
👨‍💻 Develop the project from scratch
https://github.com/bedimcode/responsive-portfolio-website-Alexa

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

🔗 Resources
Icons: https://iconscout.com/unicons
Fonts: https://fonts.google.com/
JS Functions: https://github.com/bedimcode/responsive-website-restaurant/blob/main/assets/js/main.js
Swiper: https://swiperjs.com/ (Check recent update)
Remove the background: https://www.remove.bg/
HSL color: https://www.w3schools.com/colors/colors_hsl.asp
Blob Generator: https://www.blobmaker.app/

📧 Send emails (Not sponsored)
Follow the documentation to send emails through the form, you can choose any of these services.
https://www.emailjs.com/
https://getform.io/

⌚ Timestamps
0:00 Intro
5:52 Project Setup
7:46 Variables Css
12:16 Reset HTML & Reusable CSS
14:09 Layout
14:33 Header & Nav Menu
26:12 Home
35:47 Buttons
38:16 About
43:15 Skills
59:04 Qualification
1:12:29 Services
1:26:42 Portfolio
1:38:07 Project In Mind
1:41:42 Testimonial
1:49:40 Contactme
1:56:40 Footer
2:02:21 Scroll Sections Active Link
2:03:47 Change Background Header
2:04:38 Scroll Up
2:07:42 Dark/Light Theme
2:11:56 Scroll Bar
2:14:07 Media Queries

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
📸 Images
https://www.pexels.com/es-es/@marcelo-chagas-861665

📬 Any questions about the project send a DM to Facebook (Bedimcode)
⌚ I answer at 6:00 PM (Perú time)

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

👍 Thanks for watching!
Support me with a like + A Subscription! ❤

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
🎵 Music
This video has no music, (due to copyright).
Choose your favorite music and enjoy the video, greetings.

#responsiveportfolio #portfoliowebsite #bedimcode