<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
Autointernationaal.nl </title>
<link rel="stylesheet"
href="https://fonts.bunny.net/css?family=Roboto+Condensed:400,700|Roboto:400,500,300,300italic">
<link rel="stylesheet" href="https://www.autointernationaal.nl/wp-content/plugins/wp-defender/assets/css/styles.css">
<style>
html,
body {
margin: 0;
padding: 0;
}
.wp-defender {
display: grid;
place-content: center;
font-family: Roboto, sans-serif;
color: #000;
font-size: 13px;
line-height: 18px;
min-height: 100vh; /* Ensure content fills at least the viewport height */
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
width: auto;
max-width: 100%; /* Ensure container doesn't overflow on smaller screens */
padding: 0 20px; /* Add padding for better readability and spacing */
}
.image,
.plugin-icon {
border-radius: 50%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
max-width: 100%; /* Ensure image doesn't overflow its container */
}
.image {
width: 128px;
height: 128px;
background-image: url("https://www.autointernationaal.nl/wp-content/plugins/wp-defender/assets/img/def-stand.svg");
}
.plugin-icon {
width: 30px;
height: 30px;
background-image: url("https://www.autointernationaal.nl/wp-content/plugins/wp-defender/assets/img/defender-30.svg");
}
.powered {
display: grid;
justify-content: center;
gap: 10px;
font-size: 10px;
color: #C0C0C0;
justify-items: center;
padding: 0 20px;
max-width: 100%;
}
.powered strong {
color: #8A8A8A;
}
.locked_page_header {
color: #333333;
}
.message {
text-align: center;
font-size: 15px;
line-height: 30px;
color: #666666;
}
#countdown-time {
font-weight: bold;
font-size: 28px;
line-height: 40px;
color: #666666;
display: inline-flex;
gap: 6px;
}
#remaining-time {
margin-left: 10px;
}
.sui-icon-stopwatch::before {
color: inherit !important;
font-size: 24px !important;
}
.day-notation {
font-weight: normal;
}
#wd_step_show_success .success_icon,
#wd_agf_unlock_me_success .success_icon {
width: 60px;
height: 60px;
margin: 0 auto;
background-image: url("https://www.autointernationaal.nl/wp-content/plugins/wp-defender/assets/img/green-icon.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
</style>
<link rel="stylesheet" href="https://www.autointernationaal.nl/wp-content/plugins/wp-defender/assets/css/unlock.css">
<script src="https://www.autointernationaal.nl/wp-includes/js/jquery/jquery.min.js"></script>
</head>
<body class="sui-2-12-24">
<div class="wp-defender">
<div class="container">
<div class="image"></div> <h1 class="locked_page_header">Access Denied</h1>
<p class="message" >
You have been blocked from accessing this website.<br/>If you are a site admin, click on the <strong>Unlock Me</strong> button below to unlock yourself. </p>
<div class="unlock_wrap sui-wrap">
<!--Step#1-->
<button type="button" id="wd_step_show_toggle"
class="sui-button sui-button-lg sui-button-blue"
>
<i class="sui-icon-lock" aria-hidden="true"></i>
Unlock Me </button>
<!--Step#2-->
<form method="post" class="sui-box unlock_section" id="wd_step_show_form" action="">
<div class="sui-form-field">
<label for="unlock_user_field" id="label-unlock_user_field" class="sui-label">
Enter your registered username or email </label>
<div class="sui-row">
<div class="sui-col-md-9">
<input type="text"
placeholder="Enter your username or email."
id="unlock_user_field"
class="sui-form-control"
aria-labelledby="label-unlock_user_field"
/>
</div>
<div class="sui-col-md-3">
<button type="button" class="sui-button sui-button-lg sui-button-blue"
id="wd_verify_user">
Unlock Me </button>
</div>
</div>
</div>
</form>
<!--Step#3-->
<div class="sui-box unlock_section" id="wd_step_show_success">
<div class="success_icon"></div>
<p id="unlock_sent_email">
If the username/email exists, an email will be sent to your registered email address. </p>
<p>
Didn't get the email? <a href="" id="unlock_sent_again_link">Try again</a>. </p>
</div>
</div>
</div>
<div class="powered">
<div class="plugin-icon"></div>
<div>
Powered by <strong>Defender</strong>
</div>
</div>
</div>
<script>
jQuery(function ($) {
//Verify user.
function verifyUser(that) {
let userField = $.trim($('#unlock_user_field').val());
//No action if the field is empty.
if ('' == userField) {
return;
}
let data = {
data: JSON.stringify({
'user_data': userField
})
};
$.ajax({
type: 'POST',
url: 'https://www.autointernationaal.nl/wp-admin/admin-ajax.php?action=wp_defender/v1/hub/&_def_nonce=01398fd267&route=3eec7731a1d0e278b68ad84bf7ccebfa',
data: data,
beforeSend: function () {
that.prop('disabled', true);
},
success: function (response) {
// Enable button.
that.prop('disabled', false);
// Hide the current step and show the next one.
$('#wd_step_show_form').hide();
$('#wd_step_show_success').show();
},
error: function (e) {
console.log('Unexpected error occurred: ', e);
}
})
}
//Show a form for communication with the user.
$('body').on('click', '#wd_step_show_toggle', function () {
$(this).hide();
$('#wd_step_show_form').show();
});
// Verify a blocked user.
$('body').on('click', '#wd_verify_user', function (e) {
e.preventDefault();
verifyUser($(this));
});
$(window).on('keydown', function (event) {
if (event.keyCode == 13 && jQuery(event.target).attr('id') === 'unlock_user_field') {
verifyUser(jQuery(event.target))
}
});
//Show the form again.
$('body').on('click', '#unlock_sent_again_link', function (e) {
let that = $(this);
e.preventDefault();
//Check the attempt limit.
$.ajax({
type: 'POST',
url: 'https://www.autointernationaal.nl/wp-admin/admin-ajax.php?action=wp_defender/v1/hub/&_def_nonce=16b663773a&route=f7ea79a4ce3e6dc147d56ca8c514f27d',
data: {},
success: function (response) {
if (response.success === false) {
location.reload();
}
$('#wd_step_show_success').hide();
$('#wd_step_show_form').show();
}
});
});
})
</script>
</body>
</html>