Responsive Personal Portfolio Website Using HTML CSS & JavaScript

Publié le: 14 avril 2023
sur la chaîne: 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

Sur cette page du site, vous pouvez voir la vidéo en ligne Responsive Personal Portfolio Website Using HTML CSS & JavaScript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Bedimcode 14 avril 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 102,476 fois et il a aimé 1.8 mille téléspectateurs. Bon visionnage!