Responsive Personal Portfolio Website Using HTML CSS & JavaScript

Опубликовано: 14 Апрель 2023
на канале: 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

Смотрите видео Responsive Personal Portfolio Website Using HTML CSS & JavaScript онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Bedimcode 14 Апрель 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 102,476 раз и оно понравилось 1.8 тысяч людям.

141