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/
• 📦 More resources: 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.

---

🛠️ 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:

<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:

<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:

<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:

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.