Responsive Personal Portfolio Website Using HTML CSS & JavaScript

Veröffentlicht am: 14 April 2023
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Responsive Personal Portfolio Website Using HTML CSS & JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Bedimcode 14 April 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 102,476 Mal angesehen und es wurde von 1.8 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!