<!DOCTYPE html>
<html lang="de">
<head>
    <style>
        .centered-and-wrapped {
            text-align: center;
            word-wrap: break-word;
        }
        .centered-flex {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    </style>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta20/dist/css/tabler-flags.min.css">
</head>
<body>

    <a href="https://top.gg/bot/1315703693789888612" style="display: flex; justify-content: center; align-items: center;">
        <img src="https://top.gg/api/widget/servers/1315703693789888612.svg" style="margin-right: 10px;">
        <img src="https://top.gg/api/widget/upvotes/1315703693789888612.svg?noavatar=true" style="margin-right: 10px;">
        <img src="https://top.gg/api/widget/owner/1315703693789888612.svg?noavatar=true">
    </a>

    <h4 class="centered-and-wrapped" style="color: #5664F1;">Get Clash of Clans information easily in Discord!</h4>
    <p class="centered-and-wrapped">Clasher is a Clash of Clans bot that provides you with detailed information about players and clans.</p>

    <h1 style="text-align:center;"></h1> 

    <h4 class="centered-and-wrapped" style="color: #5664F1;">The bot is available in the following languages:</h4>
    
    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://minigamesbot.xyz/assets/flags/de.png" style="margin-right: 5px;">
        <span style="margin: 0;">German</span>
    </p>

    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://minigamesbot.xyz/assets/flags/en.png" style="margin-right: 5px;">
        <span style="margin: 0;">English</span>
    </p>


    <h1 style="text-align:center;"></h1> 

    <h4 class="centered-and-wrapped" style="color: #5664F1;">Functions</h4>

    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://images-ext-1.discordapp.net/external/R1-5hxK-iKoY5RahG7LviR-Q-GSaAMRpep2bStOfjQo/%3Fsize%3D16/https/cdn.discordapp.com/emojis/1316100623740960940.webp" style="margin-right: 3px;">
        <span style="margin: 0;">playerinfo</span>
    </p>

    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://images-ext-1.discordapp.net/external/eR4dYu0ls7U6aP6M202Gv9_Y3O0hxI6Vmzh_TxaXp1o/%3Fsize%3D16/https/cdn.discordapp.com/emojis/1317148119984635995.webp" style="margin-right: 3px;">
        <span style="margin: 0;">achievements</span>
    </p>

    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://images-ext-1.discordapp.net/external/jid7cE9qhtO4dMK4uE05x_-mwPLrmJX8Hmf0DxXvcTQ/%3Fsize%3D16/https/cdn.discordapp.com/emojis/1316102807987814510.webp" style="margin-right: 3px;">
        <span style="margin: 0;">troops</span>
    </p>


    <h4 class="centered-and-wrapped" style="color: #5664F1;">Not convinced yet?</h4>
    <p class="centered-and-wrapped">Clasher is regularly supplied with new functions and updates. Alternatively, you can visit our <a href="https://discord.gg/XJM2NdJUAq">support server</a> and test the bot!</p>

    <style>
        @font-face {
            font-family: "Whitney";
            src: url("https://cdn.jsdelivr.net/gh/ryanoasis/nerd-fonts/src/unpatched-fonts/Whitney/complete/Whitney-Book.ttf");
        }

        .button-container {
            display: flex;
            justify-content: center;
            gap: 10px;
        }
    
        .custom-link {
            display: inline-flex; /* Flexbox für Text und Icon nebeneinander */
            align-items: center; /* Vertikale Ausrichtung */
            padding: 10px 20px;
            font-size: 14px; /* Schriftgröße wie in Discord */
            font-weight: 500; /* Halbfett wie in Discord */
            color: #ffffff !important; /* Weißer Text */
            background-color: #4e5058; /* Hintergrundfarbe im Normalzustand */
            border: none;
            border-radius: 3px; /* Abgerundete Ecken wie Discord */
            text-decoration: none; /* Kein Unterstrich */
            cursor: pointer;
            transition: background-color 0.2s ease, transform 0.1s ease;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* Leichter Schatten */
        }
    
        .custom-link:hover {
            background-color: #6d6f78;
        }

        .custom-link:active {
            background-color: #7a7c84; /* Leicht hellerer Hintergrund bei langem Klicken */
            transform: scale(0.98);
        }

        .custom-link svg {
            margin-left: 8px; /* Abstand zwischen Text und Icon */
            width: 16px; /* SVG-Größe */
            height: 16px; /* SVG-Größe */
            fill: #ffffff; /* Weißes Icon */
        }

        body {
            background-color: #36393f; /* Discord-Hintergrundfarbe */
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            font-family: "Whitney", Arial, Helvetica, sans-serif;
        }
    
        body::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, #0d1924, #1a242e);
            opacity: 0.7;
            z-index: -1;
            transform: translateZ(-1px);
        }
    
        body::before:hover {
            transform: translateZ(0);
        }
    </style>
    
    <div class="button-container">
        <a class="custom-link" href="https://top.gg/bot/1315703693789888612/invite" target="_blank">
            <strong>🤖 Invite</strong>
            <svg class="launchIcon_acadc1" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24">
                <path fill="currentColor" d="M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z"></path>
                <path fill="currentColor" d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a1 1 0 1 0-2 0v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6a1 1 0 1 0 0-2H5Z"></path>
            </svg>
        </a>
        <a class="custom-link" href="https://discord.gg/XJM2NdJUAq" target="_blank">
            <strong>🔥 Join Support Server</strong>
            <svg class="launchIcon_acadc1" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24">
                <path fill="currentColor" d="M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z"></path>
                <path fill="currentColor" d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a1 1 0 1 0-2 0v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6a1 1 0 1 0 0-2H5Z"></path>
            </svg>
        </a>
        <a class="custom-link" href="https://top.gg/bot/1315703693789888612#reviews">
            <strong>💬 Rate the bot</strong>
            <svg class="launchIcon_acadc1" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24">
                <path fill="currentColor" d="M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z"></path>
                <path fill="currentColor" d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a1 1 0 1 0-2 0v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6a1 1 0 1 0 0-2H5Z"></path>
            </svg>
        </a>
    </div>

    <div class="image-container">
        <img src="https://i.imgur.com/nvQ3xol.png" alt="banner">
    </div>

</body>
</html>

Clasher

A Clash of Clans bot that provides you with detailed information about players and clans.

Voting for Clasher