# SmithTechMC – Free Ocean Minecraft Web Template

**This template is completely free, and it always will be.**  
It is being developed by **Jallox** at the **SmartsHub Team**. SmartsHub reserves the right to take any necessary action regarding its use.

You are **not allowed to resell or redistribute** this resource — including any modified version — without the **explicit consent** of the SmartsHub Team.

> ✅ This web template is released under the **BuiltByBit.com** domain.

---

### 🙏 Thank You for Using SmithTechMC

If you encounter any issues, please contact our support team **before leaving a review on BuiltByBit**, so we can help you directly.

- 💬 **Support**: [https://discord.smartshub.dev/](https://discord.smartshub.dev/)
- 📦 **More resources**: [https://store.smartshub.dev/](https://store.smartshub.dev/)

---

### 📁 How to Host

This template can be hosted using:

- **Apache Web Server**
- **Nginx Server**

No additional installation or configuration is required.

For hosting help, reach out on our [Discord Support Server](https://discord.smartshub.dev/).

---

### 🛠️ Setup Instructions

To make this template work with your own server and branding, edit the following:

#### 1. Replace Minecraft IP address:
In `index.html`, change:
```html
<span id="minecraftIpText">MC.SERVERNAME.COM</span>
````

to your real IP or domain, for example: `play.example.com`.

#### 2. Replace store URL:

Update this link:

```html
<a href="https://store.servername.com">Store</a>
```

with your own store link, like `https://store.example.com`.

#### 3. Update social media links:

Replace all `yourusername`, `yourdiscordlink`, etc. with your actual social media URLs in:

* Instagram
* Discord
* Telegram
* YouTube
* TikTok

#### 4. Set your logo:

Upload your server logo to `/img/logo.png`, or change the `src` path in:

```html
<img src="/img/logo.png" ... >
```

#### 5. Customize background image:

Replace `/img/background.png` with your own image, or update the CSS in `body { background-image: ... }`.

#### 6. Enable live player and Discord counters:

Edit the `DOMContentLoaded` script and replace with your own server/domain and Discord Guild ID:

```js
fetch('https://api.mcstatus.io/v2/status/java/play.example.com')
  .then(res => res.json())
  .then(data => {
    document.getElementById('playerCount').textContent = `${data.players.online}/${data.players.max}`;
  });

fetch('https://discord.com/api/guilds/YOUR_GUILD_ID/widget.json')
  .then(res => res.json())
  .then(data => {
    document.getElementById('discordUsersCount').textContent = data.presence_count;
  });
```

Make sure Discord’s *server widget* is enabled in your server settings.

---

### ⭐ Support Us

If you enjoy using this template, please consider leaving a **5-star rating** and a **review on our Discord**.
Your support helps us continue creating high-quality free content for the community!

---

© Smith & Tech 2025 — All rights reserved.