Summary
Keywords
Full Transcript
how to make a complete responsive neumorphic personal portfolio website design using html css and vanilla javascript from scratch. create complete responsive neumorphism styled personal portfolio website design template with dark and light mode theme toggler effects using html css and vanilla javascript step by step. the main feature of this website are: ✔ responsive sidebar / header section. ✔ responsive home section using css grid. ✔ responsive about section using css flexbox. ✔ responsive services box section using css grid. ✔ responsive portfolio image gallery section using css grid. ✔ responsive contact form section using css flexbox. * SOURCE CODES * https://www.buymeacoffee.com/mrwebdesigner/e/153991 font awesome cdn link: https://cdnjs.com/libraries/font-awesome google fonts: https://fonts.google.com/specimen/Poppins Editor : - visual studio code with Laetus: Dark Vibrant Theme Browser : - google chrome Images / Video / SVG : - 01 - https://www.freepik.com/ 02 - https://storyset.com/ 03 - https://pixabay.com/ 04 - https://unsplash.com/ 05 - https://pixabay.com/ UI Tool : - Figma New To My Channel Subscribe Now And See More Stuff Like This: https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw Timestamps: 0:00 demo 3:24 file structure 4:16 header / sidebar 14:19 theme toggler 16:58 home section 22:00 about section 31:39 services section 36:57 portfolio section 40:47 contact section 43:23 credits 44:33 final demo #FrontEnd #Neumorphism #PersonalPortfolio
