Cancer Hunter - Official Website

A dark-themed static website for Cancer Hunter, an FPS game designed to empower cancer patients by visualizing their battle against cancer cells. Built with pure HTML and CSS only - no frameworks, no JavaScript.

About the Game

Cancer Hunter is an innovative first-person shooter game where players take on the role of a microscopic guardian fighting cancer cells inside the human body. The game provides:

• Immersive FPS gameplay with precision mechanics
• Scientifically-inspired enemy types based on cancer cells
• Therapeutic design created with medical professionals
• Educational mode to learn about cellular biology

Website Features

This website showcases the game and provides comprehensive information through multiple sections:

Pages/Sections:

• Home - Hero section with game introduction
• About Game - Detailed game description and mechanics
• Features - 6 key game features with visual cards
• About Us - Team information and statistics
• Contact - Contact form for inquiries

Navigation:

• Fixed navbar with smooth anchor navigation
• Integrated search functionality
• "Play Now" call-to-action button
• Mobile responsive design

Tech Stack

• HTML5 - Semantic markup
• CSS3 - Custom styling with no frameworks
• Google Fonts - Orbitron (headings) and Roboto (body text)

Color Scheme

The website uses a dark theme optimized for gaming aesthetics:

• Primary Background: #0a0e27 (Dark blue)
• Secondary Background: #151b3b (Card backgrounds)
• Primary Accent: #00d9ff (Cyan - for highlights and CTAs)
• Danger Accent: #ff4444 (Red - for intensity)
• Text Primary: #ffffff (White)
• Text Muted: #b3b3b3 (Gray)

File Structure

``` cancer-hunter-website/ ├── index.html # Main HTML file with all sections ├── style.css # Complete CSS styling └── README.md # Documentation ```

Features Breakdown

Navbar

• Fixed position that stays visible while scrolling
• Logo with game branding
• Navigation links to all sections
• Search bar with input field
• "Play Now" CTA button

Hero Section

• Full viewport height welcome screen
• Background image with overlay
• Main headline and description
• Two CTA buttons (Start Mission, Learn More)

About Game Section

• Two-column grid layout
• Detailed game description
• Feature list with icons
• Visual game cards

Features Section

• 3-column responsive grid
• 6 feature cards with icons
• Hover effects on cards
• Dark background for contrast

About Us Section

• Centered introduction text
• Statistics grid showing game metrics
• Professional presentation

Contact Section

• Centered contact form
• Input fields for name, email, and message
• Submit button with primary styling

Footer

• Logo and tagline
• Quick links (Privacy, Terms, Support)
• Social media links
• Copyright information

Responsive Design

The website is mobile-responsive with breakpoints:

• Desktop: Full navigation and multi-column layouts
• Tablet: Adjusted grid columns
• Mobile (< 768px):
  • Single column layouts
  • Simplified navigation
  • Stacked content