Build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript

Veröffentlicht am: 02 Februar 2025
auf dem Kanal: 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
-----------------------

Auf dieser Seite können Sie das Online-Video Build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Coding Play 02 Februar 2025 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 13,463 Mal angesehen und es wurde von 423 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

537