<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>aleBot</title>
</head>
        
<style>
    body {
        background-color: #7289da;
        translate: translateY(-50px);
    }
    h1 {
        color: white;
        transform: translateY(-75px);
        transition: all 0.2s cubic-bezier(0.5, 0.23, 0, 1.02);
    }
    h1:hover {
        transform: translateY(20px);
        color: black;
    }
    p1 {
        color: black;
        transform: translateY(-100px);
        transition: all 0.2s cubic-bezier(0.5, 0.23, 0, 1.02);
    }
    p1:hover{
        color: white;
        transform: translateY(100px);
    }
    a {
        /*padding: 1px 1px;*/
        transition: all 0.2s cubic-bezier(0.5, 0.23, 0, 1.02);
    }
    a:hover {
        background-color: white;
    }
    #hhhhh {
        background-color: black;
        transform: translateX(50px);
        transition: all 0.2s cubic-bezier(0.5, 0.23, 0, 1.02);
    }
    #hhhhh:hover {
        transform: translateX(-50px);
    }
    a {
        color: black;
    }
    a:visited {
        color: black;
        text-decoration-style: none;
    }
    #thisText {
        transition: all 0.2s cubic-bezier(0.5, 0.23, 0, 1.02);
  }
    #thisText:hover {
        color: white;
        transform: translateY(50px);
    }

</style>

<script>
    var hovered = document.getElementById('hovered')
    var thisText = document.getElementById('thisText')
    var body = document.getElementsByTagName('body')
    hovered.addEventListener('mouseover', () => {
        thisText.classList.toggle('hovered')
    })

</script>

<head>    
    <img style="margin-right: 1200px; margin-right: 1200px;box-shadow: 0 0 20px 0px black;" src="https://alebot.is-inside.me/rJF3hGrS.png">
</head>
<br>
<br>
<br>
<br>
<br>
<body style="text-align: center;">
    <h1 id="hovered" style="font-size: 125px;font-family: monospace;text-shadow: 0 0 20px black;margin-top: 0px;margin-bottom: 0px;">
    aleBot
    </h1>
    <p1 style="font-size: 50px;font-family: monospace;text-shadow: 0 0 20px black;">
        Invite aleBot today <br>
        <p3 id="hhhhh">
        <a href="https://discordapp.com/oauth2/authorize?client_id=718932190112776203&scope=bot&permissions=2146958847">invite button</a>
        </p3>
    </p1>
    <br>
    <br>
    <p2 id="thisText"  style="font-size: 30px;font-family: monospace;text-shadow: 0 0 20px black;">
        aleBot - The new, revolutionary discord bot! With image manipulation, an advanced XP system, generated rank cards, weather, a qr generator, a translator, polls, ascii, moderation and much more coming soon! <br><br>
        Changelog 1.0.0_v2: <br>
        <marquee style="text-shadow: 0 0 0px black;">
            Added mod stuff and moved to a cloud host
        </marquee>
    </p2>
</body>
</html>

aleBot

aleBot - the 'revolutionary' new discord bot!

التصويت لـaleBot

هل ترغب في دعمنا؟