Interfaz de usuario para bot de seguidores

2576 yashartabrizi

Abrir en el editor Publica tu código

Interfaz de usuario para bot de seguidores

Recomendado

29 May 2025

Panel de administración de AdminHub v2.1

24 March 2025

Un código de smartarray391

17 July 2024

Plantilla de sitio web de cartera HTML 2024

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

Recomendado

Panel de administración de AdminHub v2.1

Un código de smartarray391

Plantilla de sitio web de cartera HTML 2024

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS