Responsive Personal Portfolio Website Using HTML CSS & JavaScript

Описание

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!
https://www.youtube.com/@Bedimcode

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
? Get source code
https://www.buymeacoffee.com/bedimcode/e/130091

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

? Membership
https://www.buymeacoffee.com/bedimcode/membership

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
?? Start project from scratch
https://github.com/bedimcode/responsive-portfolio-website-patrick

? 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/responsive-watches-website
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
https://www.instagram.com/p/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!
https://www.facebook.com/bedimcode
https://www.instagram.com/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