Complete Responsive Personal Portfolio Website Design Using HTML – CSS – JavaScript – PHP – MySQL

how to make a complete responsive single page personal portfolio website design using html css vanilla javascript php mysql database from scratch.
create a complete responsive personal portfolio website design template with source code using html css vanilla javascript php mysqli database step by step tutorial for beginners.

the main feature of this website are:
✅ responsive header with toggle menu effect using vanilla javascript.
✅ responsive home section.
✅ responsive about section.
✅ responsive services section using css grid.
✅ responsive portfolio section using css grid.
✅ responsive contact form section.

Buy Me A Coffee :
https://www.buymeacoffee.com/mrwebdesigner

* SOURCE CODES *

frontend only:
https://www.buymeacoffee.com/mrwebdesigner/e/146051

backend with admin dashboard:
https://www.buymeacoffee.com/mrwebdesigner/e/146256

AOS github:
https://github.com/michalsnik/aos

AOS website:
https://michalsnik.github.io/aos/

font awesome cdn link:
https://cdnjs.com/libraries/font-awesome

google fonts:
https://fonts.google.com/specimen/Rubik

clip-path generator:
https://bennettfeely.com/clippy/

Editor : – visual studio code with Laetus: Dark Vibrant Theme
Browser : – google chrome
UI Tool : – Figma
localhost : xampp
Images / Video / SVG : –
01 – https://www.freepik.com/
02 – https://storyset.com/
03 – https://undraw.co/
04 – https://pixabay.com/
05 – https://unsplash.com/
06 – https://pixabay.com/
07 – https://www.flaticon.com/
08 – https://pngtree.com/
09 – https://www.pngegg.com/

New To My Channel Subscribe Now And See More Stuff Like This:
https://www.youtube.com/c/MrWebDesignerAnas

Timestamp:
0:00 demo
2:10 file structure
3:15 header
15:58 home
22:03 biography
30:07 skills
36:06 experience and education
41:16 services
47:15 portfolio
51:02 contact, footer and scroll spy
1:16:18 AOS
1:22:14 final demo

#CompleteWebsite
#PersonalPortfolio
#SinglePage