Summary
Keywords
Full Transcript
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
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
