https://corsialtaformazioneitalia.it/login

1<!DOCTYPE html>
2<html data-navigation-type="default" data-navbar-horizontal-shape="default" lang="en-US" dir="ltr">
3<head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>Corsi Alta Formazione Italia - Login</title>
8    <link rel="shortcut icon" href="https://corsialtaformazioneitalia.it/img/favicon/favicon.png">
9<link href="https://corsialtaformazioneitalia.it/admin/theme/assets/css/theme-rtl.min.css" type="text/css" rel="stylesheet" id="style-rtl">
10<link href="https://corsialtaformazioneitalia.it/admin/theme/assets/css/theme.min.css" type="text/css" rel="stylesheet" id="style-default">
11<link href="https://corsialtaformazioneitalia.it/admin/theme/assets/css/user-rtl.min.css" type="text/css" rel="stylesheet" id="user-style-rtl">
12<link href="https://corsialtaformazioneitalia.it/admin/theme/assets/css/user.min.css" type="text/css" rel="stylesheet" id="user-style-default">
13<link href="https://corsialtaformazioneitalia.it/admin/theme/vendors/simplebar/simplebar.min.css" rel="stylesheet">
14<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
15<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
16
17<link href="https://corsialtaformazioneitalia.it/admin/theme/vendors/leaflet/leaflet.css" rel="stylesheet">
18<link href="https://corsialtaformazioneitalia.it/admin/theme/vendors/leaflet.markercluster/MarkerCluster.css" rel="stylesheet">
19<link href="https://corsialtaformazioneitalia.it/admin/theme/vendors/leaflet.markercluster/MarkerCluster.Default.css" rel="stylesheet">
20<link rel="stylesheet" href="https://corsialtaformazioneitalia.it/admin/theme/css/login.css">
21<link rel="stylesheet" href="https://corsialtaformazioneitalia.it/admin/theme/css/custom.css">
22    <meta name="csrf-token" content="Yp9SEN722kDIIQVM17jLYeAdyFfoEN9dabEfuGcK">
23</head>
24<body>
25        <section class="container">
26        <div class="row justify-content-center">
27            <div class="col-lg-4 col-md-8 m-auto p-10 rounded-3 logn-box-shadow">
28                <div class="text-center pb-3">
29                    <a href="/">
30                        <img src="https://corsialtaformazioneitalia.it/img/logo-alt.png" alt="logo" class="img-fluid" style="width: 120px;">
31                    </a>
32                </div>
33                <div class="text-center pb-3">
34                    <span class="fw-semibold fs-5 d-block">Accedi</span>
35                    <span class="fw-normal fs-8 d-block ">Entra nell' area riservata</span>
36                </div>
37                
38                
39
40                <form action="https://corsialtaformazioneitalia.it/login" method="POST">
41                    <input type="hidden" name="_token" value="Yp9SEN722kDIIQVM17jLYeAdyFfoEN9dabEfuGcK" autocomplete="off">                    <div class="row">
42                        <div class="col-md-12 pb-3">
43                            <label>Email:</label>
44                            <input type="email" name="email" required class="form-control">
45                        </div>
46                        <div class="col-md-12">
47                            <label>Password:</label>
48                            <div class="position-relative">
49                                <input type="password" name="password" required class="form-control" id="password">
50                                <div class="position-absolute" style="top: 50%; right: 10px; transform: translateY(-50%);">
51                                    <span class="far fa-eye text-dark d-block" onclick="togglePassword(this)" style="cursor: pointer;" id="eye"></span>
52                                </div>
53                            </div>
54                        </div>
55                        <div class="col-md-12 ">
56                            <span class="text-end fs-9">
57                                <a href="https://corsialtaformazioneitalia.it/password-dimenticata">Password dimenticata?</a>
58                            </span>
59                        </div>
60                    </div>
61                    <br>
62                    <button type="submit" class="btn btn-primary">Login</button>
63                </form>
64            </div>
65    </section>
66    

66<script>
67        function togglePassword(icon) {
68            const passwordInput = document.getElementById('password');
69            if (passwordInput.type === 'password') {
70                passwordInput.type = 'text';
71                icon.classList.remove('bi-eye-fill');
72                icon.classList.add('bi-eye-slash-fill');
73            } else {
74                passwordInput.type = 'password';
75                icon.classList.remove('bi-eye-slash-fill');
76                icon.classList.add('bi-eye-fill');
77            }
78        }
79    </script>

79
80    

80<script>
81function togglePassword(element) {
82    const passwordInput = element.closest('.position-relative').querySelector('input[type="password"], input[type="text"]');
83
84    if (passwordInput.type === 'password') {
85        passwordInput.type = 'text';
86        element.classList.remove('fa-eye');
87        element.classList.add('fa-eye-slash');
88    } else {
89        passwordInput.type = 'password';
90        element.classList.remove('fa-eye-slash');
91        element.classList.add('fa-eye');
92    }
93}
94</script>

94
95
96
97</body>
98</html>