Responsive Personal Portfolio Website Using HTML CSS & JavaScript

Published: 14 April 2023
on channel: Bedimcode
102,476
1.8k

Responsive personal portfolio website using HTML CSS and JavaScript. Includes CSS animations with beautiful dark interface. You can customize the color of the project. It includes sending emails and deploying the website to the Internet. Developed first with the Mobile First methodology, then for desktop.

🔔 Subscribe for more!
   / @bedimcode  

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💛 Get source code
https://www.buymeacoffee.com/bedimcod...

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

💎 Membership
https://www.buymeacoffee.com/bedimcod...

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

👆 Download (files + images + svg)
Click on the GitHub link
Click the green button (code)
Click Download ZIP
Extract the project to the desired location

📂Assets
Icons: https://remixicon.com/
Fonts: https://fonts.google.com/
JS Functions: https://github.com/bedimcode/responsi...
Dopely colors: https://colors.dopely.top/color-pedia
EmailJs: https://www.emailjs.com/
ScrollReveal: https://scrollrevealjs.org/
Netlify: https://www.netlify.com/

⏱ Timestamps
0:00 Intro Responsive Portfolio Website
4:24 Project Setup
5:50 Variables CSS
6:05 Reset HTML & Reusable CSS
10:06 Header & Nav
20:38 Section Home
31:25 Buttons
33:08 Change Blob Color
36:15 Section About
40:23 Add Blur Header
43:21 Section Skills
49:26 Section Services
55:00 Section Projects
1:03:53 Section Contact
1:10:23 Send emails
1:18:43 Footer
1:24:40 Scroll Bar 1:26:10 Scroll Up
1:29:37 Scroll Sections Active Link
1:31:30 Breakpoints
1:54:27 ScrollReveal Animation
1:58:42 Change Color To Project
2:00:01 Final Project
2:01:27 Website Deployment (Uploading to the internet)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
✒️ Inspirate
  / cevaawdduwg  

📸 Original Images
https://www.freepik.com/
https://www.pexels.com/

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

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🔥 Follow me!
  / bedimcode  
  / bedimcode  

☕️ 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


Watch video Responsive Personal Portfolio Website Using HTML CSS & JavaScript online without registration, duration hours minute second in high quality. This video was added by user Bedimcode 14 April 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 102,476 once and liked it 1.8 thousand people.