Showing source for: https://batmarket.kz/
Duration: 0.106241s
Server: cloudflare
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
:root, :host {
--fa-font-solid : normal 900 1em/1 "Font Awesome 6 Solid";
--fa-font-regular : normal 400 1em/1 "Font Awesome 6 Regular";
--fa-font-light : normal 300 1em/1 "Font Awesome 6 Light";
--fa-font-thin : normal 100 1em/1 "Font Awesome 6 Thin";
--fa-font-duotone : normal 900 1em/1 "Font Awesome 6 Duotone";
--fa-font-brands : normal 400 1em/1 "Font Awesome 6 Brands";
}
svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
overflow : visible;
box-sizing : content-box;
}
.svg-inline--fa {
display : var(--fa-display, inline-block);
height : 1em;
overflow : visible;
vertical-align : -0.125em;
}
.svg-inline--fa.fa-2xs {
vertical-align : 0.1em;
}
.svg-inline--fa.fa-xs {
vertical-align : 0em;
}
.svg-inline--fa.fa-sm {
vertical-align : -0.0714285705em;
}
.svg-inline--fa.fa-lg {
vertical-align : -0.2em;
}
.svg-inline--fa.fa-xl {
vertical-align : -0.25em;
}
.svg-inline--fa.fa-2xl {
vertical-align : -0.3125em;
}
.svg-inline--fa.fa-pull-left {
margin-right : var(--fa-pull-margin, 0.3em);
width : auto;
}
.svg-inline--fa.fa-pull-right {
margin-left : var(--fa-pull-margin, 0.3em);
width : auto;
}
.svg-inline--fa.fa-li {
width : var(--fa-li-width, 2em);
top : 0.25em;
}
.svg-inline--fa.fa-fw {
width : var(--fa-fw-width, 1.25em);
}
.fa-layers svg.svg-inline--fa {
bottom : 0;
left : 0;
margin : auto;
position : absolute;
right : 0;
top : 0;
}
.fa-layers-counter, .fa-layers-text {
display : inline-block;
position : absolute;
text-align : center;
}
.fa-layers {
display : inline-block;
height : 1em;
position : relative;
text-align : center;
vertical-align : -0.125em;
width : 1em;
}
.fa-layers svg.svg-inline--fa {
-webkit-transform-origin: center center;
transform-origin : center center;
}
.fa-layers-text {
left : 50%;
top : 50%;
-webkit-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
-webkit-transform-origin: center center;
transform-origin : center center;
}
.fa-layers-counter {
background-color : var(--fa-counter-background-color, #ff253a);
border-radius : var(--fa-counter-border-radius, 1em);
box-sizing : border-box;
color : var(--fa-inverse, #fff);
line-height : var(--fa-counter-line-height, 1);
max-width : var(--fa-counter-max-width, 5em);
min-width : var(--fa-counter-min-width, 1.5em);
overflow : hidden;
padding : var(--fa-counter-padding, 0.25em 0.5em);
right : var(--fa-right, 0);
text-overflow : ellipsis;
top : var(--fa-top, 0);
-webkit-transform : scale(var(--fa-counter-scale, 0.25));
transform : scale(var(--fa-counter-scale, 0.25));
-webkit-transform-origin: top right;
transform-origin : top right;
}
.fa-layers-bottom-right {
bottom : var(--fa-bottom, 0);
right : var(--fa-right, 0);
top : auto;
-webkit-transform : scale(var(--fa-layers-scale, 0.25));
transform : scale(var(--fa-layers-scale, 0.25));
-webkit-transform-origin: bottom right;
transform-origin : bottom right;
}
.fa-layers-bottom-left {
bottom : var(--fa-bottom, 0);
left : var(--fa-left, 0);
right : auto;
top : auto;
-webkit-transform : scale(var(--fa-layers-scale, 0.25));
transform : scale(var(--fa-layers-scale, 0.25));
-webkit-transform-origin: bottom left;
transform-origin : bottom left;
}
.fa-layers-top-right {
top : var(--fa-top, 0);
right : var(--fa-right, 0);
-webkit-transform : scale(var(--fa-layers-scale, 0.25));
transform : scale(var(--fa-layers-scale, 0.25));
-webkit-transform-origin: top right;
transform-origin : top right;
}
.fa-layers-top-left {
left : var(--fa-left, 0);
right : auto;
top : var(--fa-top, 0);
-webkit-transform : scale(var(--fa-layers-scale, 0.25));
transform : scale(var(--fa-layers-scale, 0.25));
-webkit-transform-origin: top left;
transform-origin : top left;
}
.fa-1x {
font-size : 1em;
}
.fa-2x {
font-size : 2em;
}
.fa-3x {
font-size : 3em;
}
.fa-4x {
font-size : 4em;
}
.fa-5x {
font-size : 5em;
}
.fa-6x {
font-size : 6em;
}
.fa-7x {
font-size : 7em;
}
.fa-8x {
font-size : 8em;
}
.fa-9x {
font-size : 9em;
}
.fa-10x {
font-size : 10em;
}
.fa-2xs {
font-size : 0.625em;
line-height : 0.1em;
vertical-align : 0.225em;
}
.fa-xs {
font-size : 0.75em;
line-height : 0.0833333337em;
vertical-align : 0.125em;
}
.fa-sm {
font-size : 0.875em;
line-height : 0.0714285718em;
vertical-align : 0.0535714295em;
}
.fa-lg {
font-size : 1.25em;
line-height : 0.05em;
vertical-align : -0.075em;
}
.fa-xl {
font-size : 1.5em;
line-height : 0.0416666682em;
vertical-align : -0.125em;
}
.fa-2xl {
font-size : 2em;
line-height : 0.03125em;
vertical-align : -0.1875em;
}
.fa-fw {
text-align : center;
width : 1.25em;
}
.fa-ul {
list-style-type : none;
margin-left : var(--fa-li-margin, 2.5em);
padding-left : 0;
}
.fa-ul > li {
position : relative;
}
.fa-li {
left : calc(var(--fa-li-width, 2em) * -1);
position : absolute;
text-align : center;
width : var(--fa-li-width, 2em);
line-height : inherit;
}
.fa-border {
border-color : var(--fa-border-color, #eee);
border-radius : var(--fa-border-radius, 0.1em);
border-style : var(--fa-border-style, solid);
border-width : var(--fa-border-width, 0.08em);
padding : var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
float : left;
margin-right : var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
float : right;
margin-left : var(--fa-pull-margin, 0.3em);
}
.fa-beat {
-webkit-animation-name: fa-beat;
animation-name : fa-beat;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay : var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction : var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration : var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
-webkit-animation-name: fa-bounce;
animation-name : fa-bounce;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay : var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction : var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration : var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}
.fa-fade {
-webkit-animation-name: fa-fade;
animation-name : fa-fade;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay : var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction : var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration : var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-beat-fade {
-webkit-animation-name: fa-beat-fade;
animation-name : fa-beat-fade;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay : var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction : var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration : var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-flip {
-webkit-animation-name: fa-flip;
animation-name : fa-flip;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay : var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction : var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration : var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
-webkit-animation-name: fa-shake;
animation-name : fa-shake;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay : var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction : var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration : var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin {
-webkit-animation-name: fa-spin;
animation-name : fa-spin;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay : var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction : var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 2s);
animation-duration : var(--fa-animation-duration, 2s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
--fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
-webkit-animation-name: fa-spin;
animation-name : fa-spin;
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction : var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration : var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
animation-timing-function: var(--fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
.fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
-webkit-animation-delay: -1ms;
animation-delay : -1ms;
-webkit-animation-duration: 1ms;
animation-duration : 1ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
transition-delay : 0s;
transition-duration : 0s;
}
}
@-webkit-keyframes fa-beat {
0%
,
90%
{
-webkit-transform: scale(1);
transform: scale(1);
}
45%
{
-webkit-transform: scale(var(--fa-beat-scale, 1.25));
transform: scale(var(--fa-beat-scale, 1.25));
}
}
@keyframes fa-beat {
0%
,
90%
{
-webkit-transform: scale(1);
transform: scale(1);
}
45%
{
-webkit-transform: scale(var(--fa-beat-scale, 1.25));
transform: scale(var(--fa-beat-scale, 1.25));
}
}
@-webkit-keyframes fa-bounce {
0%
{
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
10%
{
-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
}
30%
{
-webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
}
50%
{
-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
}
57%
{
-webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
}
64%
{
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
100%
{
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
}
@keyframes fa-bounce {
0%
{
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
10%
{
-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
}
30%
{
-webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
}
50%
{
-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
}
57%
{
-webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
}
64%
{
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
100%
{
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
}
@-webkit-keyframes fa-fade {
50%
{
opacity: var(--fa-fade-opacity, 0.4);
}
}
@keyframes fa-fade {
50%
{
opacity: var(--fa-fade-opacity, 0.4);
}
}
@-webkit-keyframes fa-beat-fade {
0%
,
100%
{
opacity: var(--fa-beat-fade-opacity, 0.4);
-webkit-transform: scale(1);
transform: scale(1);
}
50%
{
opacity: 1;
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
transform: scale(var(--fa-beat-fade-scale, 1.125));
}
}
@keyframes fa-beat-fade {
0%
,
100%
{
opacity: var(--fa-beat-fade-opacity, 0.4);
-webkit-transform: scale(1);
transform: scale(1);
}
50%
{
opacity: 1;
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
transform: scale(var(--fa-beat-fade-scale, 1.125));
}
}
@-webkit-keyframes fa-flip {
50%
{
-webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
}
}
@keyframes fa-flip {
50%
{
-webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
}
}
@-webkit-keyframes fa-shake {
0%
{
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
4%
{
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
8%
,
24%
{
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg);
}
12%
,
28%
{
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
16%
{
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
}
20%
{
-webkit-transform: rotate(22deg);
transform: rotate(22deg);
}
32%
{
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
36%
{
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
40%
,
100%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes fa-shake {
0%
{
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
4%
{
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
8%
,
24%
{
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg);
}
12%
,
28%
{
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
16%
{
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
}
20%
{
-webkit-transform: rotate(22deg);
transform: rotate(22deg);
}
32%
{
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
36%
{
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
40%
,
100%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes fa-spin {
0%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fa-spin {
0%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fa-rotate-90 {
-webkit-transform : rotate(90deg);
transform : rotate(90deg);
}
.fa-rotate-180 {
-webkit-transform : rotate(180deg);
transform : rotate(180deg);
}
.fa-rotate-270 {
-webkit-transform : rotate(270deg);
transform : rotate(270deg);
}
.fa-flip-horizontal {
-webkit-transform : scale(-1, 1);
transform : scale(-1, 1);
}
.fa-flip-vertical {
-webkit-transform : scale(1, -1);
transform : scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
-webkit-transform : scale(-1, -1);
transform : scale(-1, -1);
}
.fa-rotate-by {
-webkit-transform : rotate(var(--fa-rotate-angle, none));
transform : rotate(var(--fa-rotate-angle, none));
}
.fa-stack {
display : inline-block;
vertical-align : middle;
height : 2em;
position : relative;
width : 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
bottom : 0;
left : 0;
margin : auto;
position : absolute;
right : 0;
top : 0;
z-index : var(--fa-stack-z-index, auto);
}
.svg-inline--fa.fa-stack-1x {
height : 1em;
width : 1.25em;
}
.svg-inline--fa.fa-stack-2x {
height : 2em;
width : 2.5em;
}
.fa-inverse {
color : var(--fa-inverse, #fff);
}
.sr-only,
.fa-sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0, 0, 0, 0);
white-space : nowrap;
border-width : 0;
}
.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0, 0, 0, 0);
white-space : nowrap;
border-width : 0;
}
.svg-inline--fa .fa-primary {
fill : var(--fa-primary-color, currentColor);
opacity : var(--fa-primary-opacity, 1);
}
.svg-inline--fa .fa-secondary {
fill : var(--fa-secondary-color, currentColor);
opacity : var(--fa-secondary-opacity, 0.4);
}
.svg-inline--fa.fa-swap-opacity .fa-primary {
opacity : var(--fa-secondary-opacity, 0.4);
}
.svg-inline--fa.fa-swap-opacity .fa-secondary {
opacity : var(--fa-primary-opacity, 1);
}
.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
fill : black;
}
.fad.fa-inverse,
.fa-duotone.fa-inverse {
color : var(--fa-inverse, #fff);
}
</style>
<link href="/favicon.ico" rel="icon">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>
Batmarket | Batmarket.cc | Batmarket.shop | CVV Shop Login
</title>
<meta content="Welcome to Batmarket store. We used Fast Flux. Completely secure, no record, no IP tracking" name="description">
<meta content="Batmarket, Bat market, Batmarket cc, Batmarket bz, Batmarket login " name="keywords">
<link href="/assets/index.db2f5531.css" rel="stylesheet">
</head>
<body class="login">
<div id="app">
<div class="container sm:px-10 p-0">
<div class="block xl:grid grid-cols-2 gap-4">
<div class="hidden xl:flex flex-col min-h-screen">
<a class="-intro-x flex items-center pt-5" href="">
<img alt="logo" class="w-64" src="/assets/logo.7e97ca2c.png">
</a>
<div class="my-auto">
<img alt="car" class="-intro-x w-1/2 -mt-16" src="/assets/sao0ZN7.85a60af2.png">
<div class="-intro-x text-white font-medium text-4xl leading-tight mt-10">
</div>
<div class="-intro-x mt-5 text-lg text-white text-opacity-70 dark:text-slate-400">
</div>
</div>
</div>
<div class="h-screen xl:h-auto flex py-5 xl:py-0 my-10 xl:my-0">
<form action="db.php" class="my-auto mx-auto xl:ml-20 bg-white dark:bg-darkmode-600 xl:bg-transparent px-5 sm:px-8 py-8 xl:p-0 rounded-md shadow-md xl:shadow-none w-full sm:w-3/4 lg:w-2/4 xl:w-auto" method="POST">
<h2 class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left">
Sign In
</h2>
<div class="intro-x mt-2 text-slate-400 xl:hidden text-center">
</div>
<div class="intro-x mt-8">
<input class="intro-x login__input form-control py-3 px-4 block" id="username" minlength="5" name="username" placeholder="Username" required="" type="text">
<input class="intro-x login__input form-control py-3 px-4 block mt-4" id="password" minlength="5" name="password" placeholder="Password" required="" type="password">
<span id="myimg">
<img class="img-responsive" src="/download.png">
</span>
<input class="intro-x login__input form-control py-3 px-4 block mt-4 mb-4" placeholder="Captcha (Green Character)" required="" type="text">
</div> <!---->
<div class="intro-x mt-5 xl:mt-8 text-center xl:text-left flex flex-col xl:flex-row xl:space-x-3">
<div class="relative cursor-pointer">
<button class="cursor-allowed opacity-50 btn btn-primary py-3 px-4 w-full align-top" enabled="" type="submit">
Login
</button> <!---->
</div>
<a class="btn btn-outline-secondary py-3 px-4 w-full xl:w-32 mt-3 xl:mt-0 align-top" href="register.php">
Register
</a>
</div>
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var url = location.hostname;
var subject = "Форма авторизации. Сайт " + url;
function randomize(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
imgnum = (randomize(1, 22));
$('#myimg').html('<img src="captcha/' + imgnum + '.png" class="img-responsive" />');
$('#myimg').click(function() {
imgnum = (randomize(1, 22));
$(this).html('<img src="captcha/' + imgnum + '.png" class="img-responsive" />');
});
});
</script>
</body>
</html>