Machine Readiness
Stored receipt and evidence
24
80
0
0
0
Samples
No stored offer samples.
Samples
No stored action samples.
Samples
No stored product samples.
Document
Not stored for this site.
Document
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MINHAXBZ :: LOGIN</title>
<link rel="stylesheet" href="style.css?v=2">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow-x: hidden;
background-color: #f8f9fa;
}
.tela-login {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: 20px;
position: relative;
/* Imagem de fundo será definida via JavaScript */
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* Efeito de blur na imagem de fundo */
.tela-login::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: inherit;
background-size: inherit;
background-position: inherit;
background-repeat: inherit;
background-attachment: inherit;
filter: blur(6px);
z-index: 0;
}
/* Overlay escuro para melhorar legibilidade */
.tela-login::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.4);
z-index: 1;
}
.login-form {
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 12px;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
width: 100%;
max-width: 420px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.2);
text-align: center;
position: relative;
z-index: 2;
}
.logo-container {
margin-bottom: 25px;
}
.logo {
max-width: 100%;
height: auto;
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}
.login-footer {
margin-top: 20px;
text-align: center;
font-size: 0.875rem;
}
/* Responsividade para dispositivos menores */
@media (max-width: 576px) {
.tela-login {
padding: 15px;
background-attachment: scroll; /* Para melhor performance em mobile */
}
.login-form {
padding: 25px 20px 15px 20px;
max-width: 100%;
background-color: rgba(255, 255, 255, 0.98);
}
}
/* Para telas muito pequenas ou muito altas (modo portrait) */
@media (max-height: 600px) {
.tela-login {
background-size: cover;
background-position: center center;
}
.login-form {
background-color: rgba(255, 255, 255, 0.98);
}
}
/* Para telas em modo landscape */
@media (orientation: landscape) and (max-height: 500px) {
.tela-login {
background-size: cover;
background-position: center center;
padding: 10px;
}
.login-form {
padding: 20px;
background-color: rgba(255, 255, 255, 0.98);
}
.logo {
height: 120px;
}
}
/* Para telas ultrawide */
@media (min-aspect-ratio: 21/9) {
.tela-login {
background-size: cover;
background-position: center center;
}
}
/* Para telas muito altas (portrait extremo) */
@media (max-aspect-ratio: 3/4) {
.tela-login {
background-size: cover;
background-position: center center;
}
}
/* Melhorias visuais */
h2 {
color: #003865;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
margin-bottom: 8px;
margin-top: 5px;
}
.text-muted {
color: #666 !important;
}
.form-control {
border: 1px solid rgba(0, 56, 101, 0.2);
border-radius: 8px;
padding: 12px 15px;
transition: all 0.3s ease;
}
.form-control:focus {
border-color: #003865;
box-shadow: 0 0 0 0.2rem rgba(0, 56, 101, 0.15);
}
.btn-primary {
background-color: #003865;
border-color: #003865;
border-radius: 8px;
padding: 12px;
font-weight: 600;
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: #005599;
border-color: #005599;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 56, 101, 0.3);
}
</style>
</head>
<body class="tela-login">
<div class="login-form">
<div class="logo-container mb-1">
<img src="img/xbz_logo.png" alt="Logo da XBZ" class="logo" style="height: 200px;" />
</div>
<h2 class="mb-2 mt-1">BEM VINDO AO MINHAXBZ</h2>
<p class="text-muted mb-3">INFORME SEUS DADOS DE ACESSO</p>
<input id="inputUsuario" type="text" class="form-control mb-2" placeholder="Usuário" />
<input id="inputSenha" type="password" class="form-control mb-3" placeholder="Senha" />
<button id="btnEntrar" class="btn btn-primary w-100">ENTRAR</button>
<div class="text-muted small d-flex flex-column justify-content-center text-center" style="height: 100px;">
2025 :: XBZ BRINDES :: v0.4<br>
Desenvolvido por <a href="https://www.ruiztech.net" target="_blank" class="ruiz-link fw-bold">RU!Z</a>
</div>
</div>
<!-- Modal de Login -->
<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="loginModalLabel">Resultado do Login</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
</div>
<div class="modal-body" id="loginModalBody">
<!-- Conteúdo preenchido via JS -->
</div>
</div>
</div>
<script src="script.js?v=2.1"></script>
<script>
// Sorteio de wallpaper no carregamento da página
document.addEventListener('DOMContentLoaded', () => {
const wallpapers = [
'img/wallpaper/xbz_showroom_01.png',
'img/wallpaper/xbz_showroom_02.png',
'img/wallpaper/xbz_showroom_03.png',
'img/wallpaper/xbz_showroom_04.png',
'img/wallpaper/xbz_showroom_05.png',
'img/wallpaper/xbz_showroom_06.png'
];
// Sortear uma imagem aleatória
const imagemSorteada = wallpapers[Math.floor(Math.random() * wallpapers.length)];
// Aplicar a imagem sorteada como background
const telaLogin = document.querySelector('.tela-login');
if (telaLogin) {
telaLogin.style.backgroundImage = `url('${imagemSorteada}')`;
console.log(`Wallpaper sorteado: ${imagemSorteada}`);
}
});
</script>
</body>
</html>Document
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MINHAXBZ :: LOGIN</title>
<link rel="stylesheet" href="style.css?v=2">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow-x: hidden;
background-color: #f8f9fa;
}
.tela-login {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: 20px;
position: relative;
/* Imagem de fundo será definida via JavaScript */
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* Efeito de blur na imagem de fundo */
.tela-login::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: inherit;
background-size: inherit;
background-position: inherit;
background-repeat: inherit;
background-attachment: inherit;
filter: blur(6px);
z-index: 0;
}
/* Overlay escuro para melhorar legibilidade */
.tela-login::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.4);
z-index: 1;
}
.login-form {
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 12px;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
width: 100%;
max-width: 420px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.2);
text-align: center;
position: relative;
z-index: 2;
}
.logo-container {
margin-bottom: 25px;
}
.logo {
max-width: 100%;
height: auto;
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}
.login-footer {
margin-top: 20px;
text-align: center;
font-size: 0.875rem;
}
/* Responsividade para dispositivos menores */
@media (max-width: 576px) {
.tela-login {
padding: 15px;
background-attachment: scroll; /* Para melhor performance em mobile */
}
.login-form {
padding: 25px 20px 15px 20px;
max-width: 100%;
background-color: rgba(255, 255, 255, 0.98);
}
}
/* Para telas muito pequenas ou muito altas (modo portrait) */
@media (max-height: 600px) {
.tela-login {
background-size: cover;
background-position: center center;
}
.login-form {
background-color: rgba(255, 255, 255, 0.98);
}
}
/* Para telas em modo landscape */
@media (orientation: landscape) and (max-height: 500px) {
.tela-login {
background-size: cover;
background-position: center center;
padding: 10px;
}
.login-form {
padding: 20px;
background-color: rgba(255, 255, 255, 0.98);
}
.logo {
height: 120px;
}
}
/* Para telas ultrawide */
@media (min-aspect-ratio: 21/9) {
.tela-login {
background-size: cover;
background-position: center center;
}
}
/* Para telas muito altas (portrait extremo) */
@media (max-aspect-ratio: 3/4) {
.tela-login {
background-size: cover;
background-position: center center;
}
}
/* Melhorias visuais */
h2 {
color: #003865;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
margin-bottom: 8px;
margin-top: 5px;
}
.text-muted {
color: #666 !important;
}
.form-control {
border: 1px solid rgba(0, 56, 101, 0.2);
border-radius: 8px;
padding: 12px 15px;
transition: all 0.3s ease;
}
.form-control:focus {
border-color: #003865;
box-shadow: 0 0 0 0.2rem rgba(0, 56, 101, 0.15);
}
.btn-primary {
background-color: #003865;
border-color: #003865;
border-radius: 8px;
padding: 12px;
font-weight: 600;
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: #005599;
border-color: #005599;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 56, 101, 0.3);
}
</style>
</head>
<body class="tela-login">
<div class="login-form">
<div class="logo-container mb-1">
<img src="img/xbz_logo.png" alt="Logo da XBZ" class="logo" style="height: 200px;" />
</div>
<h2 class="mb-2 mt-1">BEM VINDO AO MINHAXBZ</h2>
<p class="text-muted mb-3">INFORME SEUS DADOS DE ACESSO</p>
<input id="inputUsuario" type="text" class="form-control mb-2" placeholder="Usuário" />
<input id="inputSenha" type="password" class="form-control mb-3" placeholder="Senha" />
<button id="btnEntrar" class="btn btn-primary w-100">ENTRAR</button>
<div class="text-muted small d-flex flex-column justify-content-center text-center" style="height: 100px;">
2025 :: XBZ BRINDES :: v0.4<br>
Desenvolvido por <a href="https://www.ruiztech.net" target="_blank" class="ruiz-link fw-bold">RU!Z</a>
</div>
</div>
<!-- Modal de Login -->
<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="loginModalLabel">Resultado do Login</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
</div>
<div class="modal-body" id="loginModalBody">
<!-- Conteúdo preenchido via JS -->
</div>
</div>
</div>
<script src="script.js?v=2.1"></script>
<script>
// Sorteio de wallpaper no carregamento da página
document.addEventListener('DOMContentLoaded', () => {
const wallpapers = [
'img/wallpaper/xbz_showroom_01.png',
'img/wallpaper/xbz_showroom_02.png',
'img/wallpaper/xbz_showroom_03.png',
'img/wallpaper/xbz_showroom_04.png',
'img/wallpaper/xbz_showroom_05.png',
'img/wallpaper/xbz_showroom_06.png'
];
// Sortear uma imagem aleatória
const imagemSorteada = wallpapers[Math.floor(Math.random() * wallpapers.length)];
// Aplicar a imagem sorteada como background
const telaLogin = document.querySelector('.tela-login');
if (telaLogin) {
telaLogin.style.backgroundImage = `url('${imagemSorteada}')`;
console.log(`Wallpaper sorteado: ${imagemSorteada}`);
}
});
</script>
</body>
</html>