Summary
Keywords
Full Transcript
How to make a responsive nft website design using HTML CSS and JavaScript. With CSS animations. Developed first with the Mobile First methodology, then for desktop. π Subscribe for more! https://www.youtube.com/c/Bedimcode β€οΈ Get source code https://buymeacoffee.com/bedimcode/e/87547 π Get template by PayPal https://ko-fi.com/s/a0262c43a6 ------------------------------ π¨βπ» Start project from scratch https://github.com/bedimcode/responsive-nft-website β Start developing the project (base files + images) - Click on the GitHub link - Click the green button (code) - Click Download ZIP - Extract the project to the desired location πAssets Icons: https://remixicon.com/ Fonts: https://fonts.google.com/ JS Functions: https://github.com/bedimcode/responsive-watches-website ScrollReveal: https://scrollrevealjs.org/ β± Timestamps 0:00 Intro NFT Website 1:10 Project Setup 3:01 Variables CSS 3:14 Reset HTML & Reusable CSS Classes 4:44 Header & Nav 15:46 Home 29:02 Shape Elements 32:56 Image Animation 34:04 Change Background Header 35:43 Breakpoints 44:20 ScrollReveal Animation 47:24 Final Project ------------------------------ πΈ Images https://www.freepik.es/autor/flashmovie π¬ Doubts about the project send a DM to Facebook (Bedimcode) β I answer at 6:00 PM (PerΓΊ time) ------------------------------ βοΈ Support me https://www.buymeacoffee.com/bedimcode π Support me by PayPal https://ko-fi.com/bedimcode π Thanks for watching! Make sure to like + Subscribe For More! β€ #responsivewebsite #nftwebsite #bedimcode
