Build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript

Published: 02 February 2025
on channel: Coding Play

13,463

423

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 & Ja...

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

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

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

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

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
-----------------------

On this page of the site you can watch the video online Build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript with a duration of hours minute second in good quality, which was uploaded by the user Coding Play 02 February 2025, share the link with friends and acquaintances, this video has already been watched 13,463 times on youtube and it was liked by 423 viewers. Enjoy your viewing!

3,335,502

96K