Build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript

Опубликовано: 02 Февраль 2025
на канале: 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
-----------------------


Смотрите видео Build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Coding Play 02 Февраль 2025, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,775 раз и оно понравилось 84 людям.