Interfaz de usuario para bot de seguidores

3,673 yashartabrizi

Abrir en el editor Publica tu código

Interfaz de usuario para bot de seguidores

Recomendado

27 November 2024

Sitio web de portafolio completo

15 July 2025

Animación de alternancia de triángulos CSS

9 February 2024

Inicio de Sesión/Registro

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Instagram Follower Bot</title>
    
</head>
<body>
    <div class="container">
        <h2 class="title">Instagram Follower Bot</h2>
        <div class="input-group">
            <label for="username">Username:</label>
            <input type="text" id="username" placeholder="Enter your Instagram username">
        </div>
        <div class="input-group">
            <label for="password">Password:</label>
            <input type="password" id="password" placeholder="Enter your Instagram password">
        </div>
        <div class="input-group">
            <label for="targetUsername">Target Username:</label>
            <input type="text" id="targetUsername" placeholder="Enter the username of the account to follow">
        </div>
        <button class="btn" onclick="startBot()">Start Bot</button>
        <div id="result"></div>
    </div>

</body>
</html>

CSS

body {
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
        }

.container {
            max-width: 500px;
            margin: 0 auto;
            padding: 20px;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

.title {
            text-align: center;
            margin-bottom: 30px;
        }

.input-group {
            margin-bottom: 15px;
        }

.input-group label {
            display: block;
            margin-bottom: 5px;
        }

.input-group input {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
        }

.btn {
            display: block;
            width: 100%;
            padding: 10px;
            border: none;
            background-color: #4CAF50;
            color: white;
            text-align: center;
            font-size: 16px;
            border-radius: 5px;
            cursor: pointer;
        }

.btn:hover {
            background-color: #45a049;
        }

#result {
            margin-top: 30px;
            padding: 10px;
            border-radius: 5px;
            background-color: #f2f2f2;
        }