This is a custom-designed NFT landing page built from scratch using HTML, CSS, and JavaScript. Inspired by a Scrimba project prompt, I developed the entire layout and styling independently, with a focus on clean structure and responsive design.
💡 AI was not used to build this project. It was used solely for documentation purposes such as writing this README. I value building strong programming skills while also knowing how to use AI as a powerful and responsible tool in a modern dev toolkit.
Live Demo: https://strong-axolotl-97d576.netlify.app
The webpage showcases a modern, mobile-first layout suitable for promoting NFT collections. It includes:
- A hero section highlighting featured NFTs
- A responsive grid layout for displaying items
- Basic interactivity for an engaging user experience
- The webpage includes a static hero section and a featured NFT grid.
- JavaScript dynamically loads NFT data into card components on the page.
- The layout uses CSS Grid for the collection display and Flexbox for the rest of the layout.
- The site is responsive and adjusts cleanly on mobile screens.
While the original idea came from Scrimba, I customized the entire design:
- Created original HTML structure and CSS layout
- Tweaked color scheme and styling
- Adjusted layout for smaller screen sizes
- Expand layout for better desktop responsiveness
- Add animations or hover effects
- Explore performance optimizations
index.html– structure of the pagestyle.css– styling and layoutscript.js– interactivity and behavior
git clone https://github.com/Denilson15/nft-webpage.git
cd nft-webpage
# Open index.html in your browser