Naruto Themed Website

A responsive, Naruto-themed website template featuring character displays, animations, and a stylish dark mode design.

Purpose

The goal of this project is to provide a visually appealing, responsive web template for displaying information about Naruto characters. It currently serves as the Phase 1 implementation (Static Structure), demonstrating HTML5 structure and CSS3 animations.

Setup

To get a local copy up and running, follow these simple steps:

1. Clone the repository:

   git clone <repository-url>

2. Navigate to the project directory:

   cd <project-directory>

3. Open the website: Open index.html in your preferred web browser.

   Using a local server (Recommended for best experience with images/paths): If you have Python installed:

   python -m http.server 8000

   Then visit http://localhost:8000.

Usage

• Homepage: The landing page features an animated banner and a search bar (visual only in Phase 1).
• Characters: Scroll down to view the grid of character cards.
• Responsiveness: Resize your browser window to see the layout adapt for mobile and tablet views.

Technologies Used

• HTML5: Semantic markup.
• CSS3: Styling, Flexbox/Grid layouts, Media Queries, and Keyframe Animations.
• JavaScript: Placeholder for future interactivity (see Future Plan).

Project Structure

• index.html: Main HTML file.
• css/styles.css: Main stylesheet containing all visual styles and animations.
• js/script.js: JavaScript entry point (currently empty).
• images/: Directory containing project assets (not included in source control or assumed present).