Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

A custom-built NFT landing page featuring a responsive design and interactive elements, developed using HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

Denilson15/nft-webpage

Repository files navigation

NFT Webpage

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.

✨ Overview

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

⚙️ How It Works

  • 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.

🛠️ Personalization

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

🚧 Planned Updates

  • Expand layout for better desktop responsiveness
  • Add animations or hover effects
  • Explore performance optimizations

🗂️ File Structure (basic)

  • index.html – structure of the page
  • style.css – styling and layout
  • script.js – interactivity and behavior

⚙️ Getting Started

git clone https://github.com/Denilson15/nft-webpage.git
cd nft-webpage
# Open index.html in your browser

About

A custom-built NFT landing page featuring a responsive design and interactive elements, developed using HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published