फॉलोवर बॉट यूआई

3114 yashartabrizi

संपादक में खोलें अपना कोड प्रकाशित करें

अनुशंसित

18 June 2025

डार्कस्पेस यूआई

20 June 2025

सीएसएस ग्लासमोर्फिज्म प्लेयर और ऐप आइकन यूआई

17 December 2025

टेलविंड सीएसएस के साथ बॉटम आइकन नेविगेशन बार

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

अनुशंसित

डार्कस्पेस यूआई

सीएसएस ग्लासमोर्फिज्म प्लेयर और ऐप आइकन यूआई

टेलविंड सीएसएस के साथ बॉटम आइकन नेविगेशन बार

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS