Interfaz de usuario para bot de seguidores

3,409 yashartabrizi

Abrir en el editor Publica tu código

Interfaz de usuario para bot de seguidores

Recomendado

22 September 2025

Fragmento de animación HTML de Neuron

20 February 2026

Juegos desbloqueados: juega juegos en línea gratis en la escuela

15 October 2024

Tarjeta de Planes de Anes

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;
        }