<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="barra.css">
    <link rel="stylesheet" href="btn.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Nerko+One&amp;display=swap" rel="stylesheet">
    <script src="../js/AtiDz7MnAOmv.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/png" href="../HRdCvDc1zGSk.ico">
    <title>Lixym Web</title>
    
 
</head>

<body>

    
    <header>
        <ul>
            <img src="../images/BdnW5umTbKcU.png" width="60px" style="margin-right: 12px;">
            <a href="./" class="logo">Lixym</a>
        </ul>

        <nav>
            <ul>
                <li><a href="https://lixym.es">Inicio</a></li>
                <li><a href="./comandos">Comandos</a></li>
                <li><a href="./equipo">Equipo</a></li>
            </ul>
        </nav>
<div class="toggle_btn">
    <i style="color: aliceblue; justify-content: center; align-items: center; display: flex;" class="fas fa-bars" id="btn_menu"></i>
</div>

        <div class="dropmenu">
                <li><a href="https://lixym.es">Inicio</a></li>
                <li><a href="./comandos">Comandos</a></li>
                <li><a href="./equipo">Equipo</a></li>
        </div>

          
    </header>
    

<header>
    <div class="more" id="more">
        <li><a href="https://discord.com/api/oauth2/authorize?client_id=926901766723887125&permissions=8&scope=bot%20applications.commands"><i class="fa-solid fa-plus"></i></a></li>
        <li><a href="https://discord.gg/yuxgwUc9NF"><i class="fa-brands fa-discord"></i></a></li>
</div>
</header>
    <a class="lixym-btn" id="lixym-btn"><img src="../images/BdnW5umTbKcU.png"></a>

    <section class="inicio">

        <div class="info">


            <img class="img" src="../images/BdnW5umTbKcU.png">

            <div class="letter">
                <h1>Li<span class="xym">xym</span></h1>
                <p>El bot de música para tu servidor!</p>

                <br>

                <a class="btn" href="https://discord.com/api/oauth2/authorize?client_id=926901766723887125&permissions=8&scope=bot%20applications.commands">
                    Invitame
                </a>


                <a class="btn" href="https://discord.gg/yuxgwUc9NF">
                    Discord
                </a>



            </div>


        </div>
        

    </section>
    <div class="custom-shape-divider-top-1677617643">
        <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
            <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" class="shape-fill"/>
        </svg>
    </div>

    <section style="display: block; justify-content: center; align-items: center; text-align: center;">

       <!--<h2 style="color: aliceblue; font-family: Arial, Helvetica, sans-serif; font-size: 30px;">Nuestros bots</h2>--> 
        <div class="bots">
            <div class="bot">
                <img src="../images/BdnW5umTbKcU.png">
                <div class="bots-info">
                    <h2>Lixym</h2>
                    <a href="javascript:void(0);" class="btn" style="text-decoration: none; color: beige;" onclick="window.open('https://discord.com/api/oauth2/authorize?client_id=926901766723887125&permissions=8&scope=bot%20applications.commands', 'popup', 'top=100, left=100, width=500, height=600, toolbar=NO, resizable=NO, Location=NO, Menubar=NO, Titlebar=No, Status=NO')" rel="nofollow">Añadir al servidor</a><p></p>
                </div>
            </div>
            <div class="bot">
                <img src="../images/YXcQHh9qMNN8.png">
                <div class="bots-info">
                    <h2>Lixym✨</h2>
                    <a href="javascript:void(0);" class="btn" style="text-decoration: none; color: beige;" onclick="window.open('https://discord.com/api/oauth2/authorize?client_id=1034157955144228894&permissions=8&scope=bot%20applications.commands', 'popup', 'top=100, left=800, width=500, height=600, toolbar=NO, resizable=NO, Location=NO, Menubar=NO, Titlebar=No, Status=NO')" rel="nofollow">Añadir al servidor</a><p></p>

                </div>
            </div>
        </div>
        <div style="padding-bottom: 30px;">
            <h2 style="color: rgb(29, 29, 29); font-family: Arial, Helvetica, sans-serif; font-size: 30px;">_____________________</h2>
        
        </div>
        <section style="display: block; justify-content: center; align-items: center; text-align: center;">

            <h2 style="color: aliceblue; font-family: Arial, Helvetica, sans-serif; font-size: 30px;">Nuestros servidores de confianza</h2>
            <div class="servers">
    
    
                <div class="server">
                    <img src="../images/1ci8swjZ3twv.png">
                    <div class="s">
                        <p>Discord Tutoriales</p>
                        <a>+20.000 usuarios</a>
                    </div>
                </div>
                <div class="server">
                    <img src="../images/xoXXNZLsnpxX.webp">
                    <div class="s">
                        <p>TypeProgrammers</p>
                        <a>+100 usuarios</a>
                    </div>
                </div>
                <div class="server">
                    <img src="../images/O3wHxpEY3jWL.webp">
                    <div class="s">
                        <p>Froxy Support</p>
                        <a>+200 usuarios</a>
                    </div>
                </div>
    
    
            </div>
    
            <div class="servers">
                <div class="server">
                    <img src="../images/WRpTRXLJ5TY5.gif">
                    <div class="s">
                        <p>Valorant Esp</p>
                        <a>+100.000 usuarios</a>
                    </div>
                </div>
                <div class="server">
                    <img src="../images/rAgryRYW2KHa.gif">
                    <div class="s">
                        <p>Lords Mobile ES</p>
                        <a>+100.000 usuarios</a>
                    </div>
                </div>
    
            </div>
    
            
        </section>
       
        
    <div id="features">

       <h2 style="color: aliceblue; font-family: Arial, Helvetica, sans-serif; font-size: 30px; margin: 50px;">Caracteristicas</h2>

        <div class="row">
            <img class="features__img" src="../images/1t6enId09hWP.png" width="155" height="155">
            <h3 class="features__title">Fácil y sencillo<br><span class="features__alt__title">Lixym es muy fácil de
                    utilizar, es interactivo y sencillo</span></h3>
        </div>

        <br>

        <div class="row_reverse">
            <h3 class="features__title">MultiPlataformas<br><span class="features__alt__title">Lixym es un bot
                    multiplataformas, puedes reproducir canciónes de Spotify, Deezer...</span></h3>
            <img class="features__img__reverse" src="../images/v6Hcb6IoLDv6.png" width="155" height="155">
        </div>

        <br>

        <div class="row">
            <img class="features__img" src="../images/hXURfnHXMmoQ.png" width="155" height="155">
            <h3 class="features__title">Comandos<br><span class="features__alt__title">Lixym contiene dos tipos de
                    comandos, los comandos de barra y los commandos de prefix [ - ]</span></h3>
        </div>

    </div>


 
    <div class="end">
        <a>Todos los derechos reservados © Lixyn Studios</a>
    </div>



</section></body>
<script src="../js/czb3TnfQwnCX.js"></script>
</html>


