🌐 CrashNetwork Website Template

This is the template website for CrashNetwork, made for a client of mine!
It provides players with information about the server, live player counts, gamemodes, store links, and contact details.

---

📑 Table of Contents

• 🚀 Features
• 📂 Project Structure
• 📜 License
• ⚠️ Note

---

🚀 Features

• 🎨 Modern UI with a glassy navigation bar and smooth animations
• 🎮 Live player count using the mcsrvstat.us API
• 📋 Click-to-copy IP functionality for easy server joining
• 📜 Welcome section with styled server description
• 🕹️ Game Modes showcase with hover effects
• 🛒 Store section with product previews
• 📞 Contact section with email support

---

🛠️ Tech Stack

• HTML5 – Page structure
• CSS3 – Styling, animations, responsiveness
• JavaScript (Vanilla) – Player count API, smooth scrolling, copy-to-clipboard

---

📊 Status

• Not fully developed!
  • Store not developed.
  • Might break for smaller screens!

---

⚡ Setup

1. Clone this repository:

   git clone https://github.com/CodeWithCODFY/CrashNetwork.git

2. Extact the file.
3. Open the project folder:

   cd crashnetwork-main

4. Change [your_erver_ip], [your_server_name] etc. to your name, server ip etc.
5. Open index.html in your browser (or use a live server extension in VS Code).

🎨 Theming

This project uses CSS variables so you can quickly change the entire color theme.
Default is Red. See in style.css:

:root {
  --color-bg: #020301;
  --color-text: #ffffff;
  --color-primary: #ff1616;
  --color-primary-dark: #ae2727;
  --color-accent: #5865F2;
  ...
}

Change these variables to instantly update the site’s look.

🌍 Live Player Count

The server IP is fetched via:

const serverIP = "[your_ip]"; // Replace with your IP

• Displays current online players

• Shows Server Offline or Error Loading when unreachable

• Updates on page load

📂 Project Structure

├── img/               # Images and assets
│   ├── Hardcore_Heart_Full.png
│   ├── Diamond_Sword.png
│   ├── Red_Bed.png
│   ├── crate.jpg
│   ├── keys.jpg
│   └── logo.png
├── index.html         # Main website file
├── style.css          # Styles 
├── README.md          # Project documentation

---

📸 Preview

---

📬 Contact

Discord: Join My Discord Server!

Email: therealcodfy@gmail.com

---

📜 License

The server does not belong to me and don't own. It belongs to its respective owners. I am just creating a template for the website to get feedback and to contribute.

---

⚠️ Note

This project is still in development. Expect new features, bug fixes, and refinements. Contributions, suggestions, and ideas are always welcome!