https://vinostore.it/dashboard/login

1<!DOCTYPE html>
2<html lang="it">
3<head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="robots" content="none" />
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
8    <meta name="description" content="admin login">
9    <title>Admin - </title>
10    <link rel="stylesheet" href="https://vinostore.it/vendor/tcg/voyager/assets/css/app.css">
11    <style>
12        body {
13            background-image:url('http://vinostore.it/storage/settings/October2017/1543912844.jpg');
14            background-color: #FFFFFF;
15        }
16        .login-sidebar{
17            border-top:5px solid #22A7F0;
18        }
19        @media (max-width: 767px) {
20            .login-sidebar {
21                border-top:0px !important;
22                border-left:5px solid #22A7F0;
23            }
24        }
25        body.login .form-group-default.focused{
26            border-color:#22A7F0;
27        }
28        .login-button, .bar:before, .bar:after{
29            background:#22A7F0;
30        }
31    </style>
32
33    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
34</head>
35<body class="login">
36
37<div class="container-fluid">
38    <div class="row">
39        <div class="faded-bg animated"></div>
40        <div class="hidden-xs col-sm-7 col-md-8">
41            <div class="clearfix">
42                <div class="col-sm-12 col-md-10 col-md-offset-2">
43                    <div class="logo-title-container">
44                                                                        <img class="img-responsive pull-left logo hidden-xs animated fadeIn" src="http://vinostore.it/storage/settings/October2017/1543912843.png" alt="Logo Icon">
45                                                <div class="copy animated fadeIn">
46                            <h1>Voyager</h1>
47                            <p>Benvenuti in Vinostore</p>
48                        </div>
49                    </div> <!-- .logo-title-container -->
50                </div>
51            </div>
52        </div>
53
54        <div class="col-xs-12 col-sm-5 col-md-4 login-sidebar">
55                                <div class="login-container">
56
57                <p>Accedi Qui Sotto:</p>
58
59                <form action="https://vinostore.it/dashboard/login" method="POST">
60                    <input type="hidden" name="_token" value="roJ3iQ0enEgWunMswKca75wEqD4XcpoT4x8oLvFC">
61                    <div class="form-group form-group-default" id="emailGroup">
62                        <label>Email</label>
63                        <div class="controls">
64                            <input type="text" name="email" id="email" value="" placeholder="E-mail" class="form-control" required>
65                         </div>
66                    </div>
67
68                    <div class="form-group form-group-default" id="passwordGroup">
69                        <label>Password</label>
70                        <div class="controls">
71                            <input type="password" name="password" placeholder="Password" class="form-control" required>
72                        </div>
73                    </div>
74
75                    <div class="form-group">
76                        <a href="https://vinostore.it/dashboard/recupera-password">Password dimenticata?</a>
77                    </div>
78
79                    <button type="submit" class="btn btn-block login-button">
80                        <span class="signingin hidden"><span class="voyager-refresh"></span> Collegati...</span>
81                        <span class="signin">Login</span>
82                    </button>
83
84              </form>
85
86              <div style="clear:both"></div>
87
88              
89              
90            </div> <!-- .login-container -->
91
92        </div> <!-- .login-sidebar -->
93    </div> <!-- .row -->
94</div> <!-- .container-fluid -->

95<script>
96    var btn = document.querySelector('button[type="submit"]');
97    var form = document.forms[0];
98    var email = document.querySelector('[name="email"]');
99    var password = document.querySelector('[name="password"]');
100    btn.addEventListener('click', function(ev){
101        if (form.checkValidity()) {
102            btn.querySelector('.signingin').className = 'signingin';
103            btn.querySelector('.signin').className = 'signin hidden';
104        } else {
105            ev.preventDefault();
106        }
107    });
108    email.focus();
109    document.getElementById('emailGroup').classList.add("focused");
110
111    // Focus events for email and password fields
112    email.addEventListener('focusin', function(e){
113        document.getElementById('emailGroup').classList.add("focused");
114    });
115    email.addEventListener('focusout', function(e){
116       document.getElementById('emailGroup').classList.remove("focused");
117    });
118
119    password.addEventListener('focusin', function(e){
120        document.getElementById('passwordGroup').classList.add("focused");
121    });
122    password.addEventListener('focusout', function(e){
123       document.getElementById('passwordGroup').classList.remove("focused");
124    });
125
126</script>

126
127</body>
128</html>