Build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript

Published: 02 February 2025
on channel: Coding Play
3,775
84

How to Design a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript, which is super easy for beginners.

Subscribe Now! 🔔
   / @codingplay  
-----------------------

Please Like and Follow for daily updates:
Facebook:   / codingplayfb  
Instagram:   / codingplay.insta  
Telegram: https://t.me/CodingPlay
Portfolio: https://jamshidelmi.me
-----------------------

Download the Source Code & Support me ❤
https://buymeacoffee.com/codingplay/e...
-----------------------

Buy me a cup of Coffee
https://buymeacoffee.com/codingplay
-----------------------

Ionicons 7.1.0 Library
https://ionic.io/ionicons

Mattboldt/Typed.js
https://github.com/mattboldt/typed.js

GitHub Contribution Activity Graph:
https://github.com/mariohamann/activi...

Color Palette 01:
https://coolors.co/4fc6ce-dbdbdb-98b1...

Color Palette 02:
https://coolors.co/0e4545-006c69-25a0...
-----------------------

Inspired by:
https://themeforest.net/item/ryancv-v...
-----------------------

You may like these videos:
1: How To Create Login Form In HTML, CSS & JavaScript | Sliding Sign In/Sign Up Form
   • How To Create Login Form In HTML, CSS...  

2: CSS Neon Button - Create a neon button with a reflection using CSS
   • CSS Neon Button - Create a neon butto...  

3: Expanding Flex Cards - How to Design Expanding Flex Cards using HTML CSS and jQuery
   • Expanding Flex Cards - How to Design ...  

4: CSS Glowing Button - How to Design Glowing Button with Hover Effects [Pure CSS]
   • CSS Glowing Button - How to Design Gl...  

5: How to Design Setting Menu Using HTML, CSS, and JavaScript + [Dark mode]
   • How to Design Setting Menu Using HTML...  
-----------------------

Chapters:
Preview: 00:00
HTML Skeleton: 0:01:12
Grid Layout: 0:02:44
Responsiveness: 0:03:40
Navbar: 0:05:10
Profile: 0:08:40
Body Content: 0:19:21
Achievements Section: 0:22:00
Skills Section: 0:26:12
Experiences Section: 0:37:53
Typing Animation: 0:45:58
Dark/Light Theme: 0:47:44
Contributions Section: 0:50:28
Projects Section: 0:57:37
Blogs Section: 1:04:39
Testimonials Section: 1:12:21
Contact Section: 1:18:28
Navigation Menu Adjustments: 1:27:05
-----------------------

Software and tools I'm using:
VSCode: https://code.visualstudio.com/
VSCode Theme and Extensions:
Material Theme: https://marketplace.visualstudio.com/...
Auto Rename Tag: https://marketplace.visualstudio.com/...
Material Icon Theme: https://marketplace.visualstudio.com/...
CodeSwing: https://marketplace.visualstudio.com/...
CSS Peek: https://marketplace.visualstudio.com/...
OBS Studio: https://obsproject.com/
Adobe Creative Cloud (After Effects, Photoshop, Media Encoder): https://www.adobe.com/
-----------------------

Keywords:
#CodingPlay #vCardPortfolio #WebsiteDesign
-----------------------


Watch video Build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript online without registration, duration hours minute second in high quality. This video was added by user Coding Play 02 February 2025, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,775 once and liked it 84 people.