How to Build a Personal Portfolio Website Using HTML CSS JavaScript

Are you looking for a way to showcase your work and build a portfolio website? In this video, we'll show you how to build a personal portfolio website using HTML, CSS, and JavaScript.

This website is designed to be lightweight and mobile-friendly, so you can showcase your work in any format or device. We also include a light and dark theme so you can change the look and feel of your website to fit your own style. This is a great way to show your work to potential employers or clients, and build a portfolio website that you can be proud of!

🔗 Essential links ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ Starter file: https://drive.google.com/file/d/1LwxCWK21tKcYxBH1IZi32pt7nMYHyV5g/view?usp=drive_link Source code link 1: https://www.patreon.com/posts/devfolio-website-86486102?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link Source code link 2: https://www.buymeacoffee.com/codewithsadee/e/152759 Figma UI: https://www.patreon.com/posts/devfolio-website-86486460?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link Join our Discord community: https://discord.com/invite/r3R6HmZXQv

⏱️ Timestamps ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ 0:00 - Demo 2:35 - Starter file 3:28 - Html init & Css variables, reset 12:42 - Typography setup 18:53 - Header structure & style 26:30 - Hero structure & style 34:37 - About card structure & style 38:09 - Light & dark mode 45:37 - Tab structure & style 50:11 - Project section structure & style 57:31 - Resume section structure & style 1:07:08 - Contact section structure & style 1:22:48 - Tab functionality 1:26:48 - Footer structure & style 1:28:12 - Media queries

👍 Like - Follow & Support ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ Twitter: https://twitter.com/codewithsadee Github: https://github.com/codewithsadee Facebook: https://www.facebook.com/codewithsadeefan Instagram: https://www.instagram.com/codewithsadee

⚠️ Disclaimer ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use

#codewithsadee #personalportfolio #portfolio ... https://www.youtube.com/watch?v=jOHlyy2cUzs