Summary
Keywords
Full Transcript
how to make a complete responsive animated personal portfolio website design using html css and vanilla javascript step by step. create a complete responsive personal portfolio website design template using html css and javascript from scratch. the main feature of this website are: ✔ custom animated cursor with hover effects using vanilla javascript ✔ responsive vertical side bar header / navbar with toggle menu bar effect. ✔ responsive home section using flexbox. ✔ responsive about section using flexbox. ✔ responsive services section using flexbox. ✔ responsive experience vertical timeline section using flexbox. ✔ responsive portfolio image gallery with hover effects section using flexbox. ✔ responsive contact section section using flexbox. * SOURCE CODES * https://www.buymeacoffee.com/mrwebdesigner/e/125412 font awesome cdn link: https://cdnjs.com/libraries/font-awesome google fonts: https://fonts.google.com/specimen/Roboto New To My Channel Subscribe Now And See More Stuff Like This: https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw timestamps: 0:00 demo 4:25 file structure 5:13 header section 12:58 custom cursor 16:45 home section 20:26 about section 29:38 services section 32:53 experience section 37:08 portfolio section 41:33 contact section 48:13 footer section 48:57 final demo #FrontEnd #PersonalPortfolio #PortfolioWebsite
