Build & deploy a responsive personal portfolio website design using HTML CSS & JavaScript. With light and dark theme and includes CSS animations. Developed first with the Mobile First methodology, then for desktop. Enjoy the video, greetings and success 😎
🔔 Subscribe for more!
/ bedimcode
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
❤ Get template
https://www.buymeacoffee.com/bedimcod...
💙 Get template by PayPal
https://ko-fi.com/s/eba2dce90a
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
👨💻 Start project from scratch
https://github.com/bedimcode/responsi...
☝ Start developing the project (base files + images)
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/
Svg for skills: https://worldvectorlogo.com/
JS Functions: https://github.com/bedimcode/responsi...
Swiper: https://swiperjs.com/
EmailJs: https://www.emailjs.com/
ScrollReveal: https://scrollrevealjs.org/
Netlify: https://www.netlify.com/
⏱ Timestamps
0:00 Intro Responsive Portfolio Website
5:18 Project Setup
7:34 Variables CSS
7:52 Reset HTML & Reusable CSS
11:38 Header & Nav
25:08 Home
39:56 Skills
52:10 Qualification
1:01:16 Services
1:08:20 Projects
1:24:48 Testimonial
1:35:02 Contact
1:50:57 Send emails
2:03:41 Footer
2:09:41 Scroll Bar
2:10:56 Scroll Sections Active Link
2:12:46 Scroll Up
2:16:02 Dark/Light Theme
2:25:36 Breakpoints 02:42:10
2:39:55 Change Background Header
2:57:08 ScrollReveal Animation
3:02:15 Change Color To Project
3:03:22 Final Project
3:05:44 Website Deployment (Uploading to the internet)
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
📸 Images
https://www.freepik.com/author/cookie...
📬 Doubts about the project send a DM to Facebook
⌚ I answer at 6:00 PM (Perú time)
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
🔥 Follow me!
Facebook
/ bedimcode
Instagram
/ bedimcode
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
☕️ Support me
https://www.buymeacoffee.com/bedimcode
💙 Support me by PayPal
https://ko-fi.com/bedimcode
👍 Thanks for watching, I appreciate it
Made with ❤ by Bedimcode
#responsiveportfolio #portfoliohtmlcssjs #bedimcode