Build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript

Publicado el: 02 febrero 2025
en el canal de: 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
-----------------------

En esta página del sitio puede ver el video en línea Build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript de Duración hora minuto segunda en buena calidad , que subió el usuario Coding Play 02 febrero 2025, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 13,463 veces y le gustó 423 a los espectadores. Disfruta viendo!

930