🔥 Create a Responsive Personal Portfolio Website Design Using HTML CSS & JavaScript

Create a responsive personal portfolio website design using HTML, CSS, and JavaScript. Includes a dark/light mode. Developed first with the Mobile First methodology, then for desktop.

🔔 Subscribe for more!
https://www.youtube.com/c/Bedimcode

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

💙 Get template by PayPal
https://ko-fi.com/s/e493e10989

——————————
👨‍💻 Start project from scratch
https://github.com/bedimcode/responsive-portfolio-website-Ansel

☝ Download the project base files on GitHub
– Click on the GitHub link
– Click the green Code button
– Download ZIP
– Save and extract where you prefer

📁 Assets
Icons: https://boxicons.com/
Fonts: https://fonts.google.com/
GitHub: https://github.com/bedimcode/responsive-watches-website
Mixitup: https://www.kunkalabs.com/mixitup/
Swiper: https://swiperjs.com/
ScrollReveal: https://scrollrevealjs.org/
Dopely: https://colors.dopely.top/color-pedia

⏱ Timestamps
0:00 Intro Responsive Portfolio Website
4:20 Project Setup
6:26 Variables CSS
9:44 Reset HTML & Reusable CSS Classes
13:06 Header & Nav Menu
21:24 Home
33:19 Buttons
35:08 About
41:22 Change Background Header
43:10 Skills
52:43 Services
01:09:01 Work
01:21:05 Testimonials
01:30:21 Contact
01:47:12 Footer
01:53:42 Scroll Bar
01:55:26 Scroll Sections Active Link
01:57:08 Light/Dark Theme
02:10:41 Breakpoints
02:27:44 ScrollReveal Animation
02:30:22 Change Color To Project
02:33:50 Final Project

——————————
📧 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/

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

Profile pictures
https://www.pexels.com/es-es/@1166197

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

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

#responsiveportfolio #portfoliowebsite #bedimcode