https://edubestcloud.com/login

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4        <meta charset="utf-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1">
6        <meta name="csrf-token" content="x3DMmx7V7UxH2GFUH54dLJydjW5eF22AXnG4hbjH">
7
8        <title>EDUBest</title>
9
10        <!-- Fonts -->
11        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">
12        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/fontawesome.min.css" />
13        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
14        <!-- Styles -->
15        <link rel="stylesheet" href="/css/app.css">
16
17        <!-- Scripts -->
18        

18<script src="/js/app.js" defer></script>

18
19
20</head>	
21    <body>
22        <div class="font-sans text-gray-900 antialiased">
23            

23<script type="text/javascript">
24        (function (global) {
25
26    if(typeof (global) === "undefined") {
27        throw new Error("window is undefined");
28    }
29
30    var _hash = "!";
31    var noBackPlease = function () {
32        global.location.href += "#";
33
34        // Making sure we have the fruit available for juice (^__^)
35        global.setTimeout(function () {
36            global.location.href += "!";
37        }, 10);
38    };
39
40    global.onhashchange = function () {
41        if (global.location.hash !== _hash) {
42            global.location.hash = _hash;
43        }
44    };
45
46    global.onload = function () {
47        noBackPlease();
48
49        // Disables backspace on page except on input fields and textarea..
50        document.body.onkeydown = function (e) {
51            var elm = e.target.nodeName.toLowerCase();
52            if (e.which === 8 && (elm !== 'input' && elm  !== 'textarea')) {
53                e.preventDefault();
54            }
55            // Stopping the event bubbling up the DOM tree...
56            e.stopPropagation();
57        };
58    }
59})(window);
60    </script>

60
61    <style>
62    /* Desktop Gradient Background */
63    .login {
64        background: linear-gradient(135deg, #0D3096 0%, #FE6109 100%);
65        background-size: cover;
66        background-position: center;
67        background-repeat: no-repeat;
68    }
69
70    /* Mobile View */
71    @media (max-width: 640px) {
72        .login {
73            background: linear-gradient(135deg, #0D3096 0%, #FE6109 100%);
74            background-size: cover;
75            background-position: center;
76            background-repeat: no-repeat;
77        }
78
79        .inst {
80            margin-top: 90px !important;
81        }
82    }
83</style>
84
85<div class="min-h-screen flex flex-col sm:justify-center items-center sm:pt-0 login">
86
87    <div>
88        
89    </div>
90
91    <div class="w-full sm:max-w-md px-6 py-4 sm:bg-gray-100 sm:shadow-md overflow-hidden sm:rounded-lg inst">
92        <center class="mb-2"><img src="https://files.edubestcloud.com/images/lqwPTj60dICxMVJ4qaMoBlZXHsQlNPURJ24l82dM.png" height="75" width="75" alt="" /></center>
93    <center class="sm:text-gray-600 text-gray-200" style=" ">EDUBest Technologies</center><br>
94        
95
96
97
98        
99              
100        <form method="POST" action="https://edubestcloud.com/login" onsubmit="disableLoginButton()">
101            <input type="hidden" name="_token" value="x3DMmx7V7UxH2GFUH54dLJydjW5eF22AXnG4hbjH">            <div>
102                <label class="block font-medium text-sm text-gray-700 sm:text-gray-600 text-gray-200 sm:mt-4" style=";" for="login">
103    Username / Email / Phone No.
104</label>
105                
106                <input  class="border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm block mt-1 w-full h-16 text-xl" style="font-weight:bold;" id="login" type="text" name="login" required="required">
107            </div>
108
109            <div class="mt-8 relative">
110                <label class="block font-medium text-sm text-gray-700 sm:text-gray-600 text-gray-200" style=";" for="password">
111    Password
112</label>
113                
114                <div class="flex items-center">
115                    <input  class="border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm block mt-1 w-full h-16 text-xl pr-10" style="font-weight:bold;" id="password" type="password" name="password" required="required" autocomplete="current-password">
116                    <div class="absolute inset-y-0 right-0 pr-3 flex items-center" style="margin-top:1.35rem;">
117                        <button id="togglePassword" type="button" class="text-gray-400 focus:outline-none">
118                            <svg class="h-6 w-6 mx-1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
119                                <path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z"/>
120                            </svg>
121                        </button>
122                    </div>
123                </div>
124            </div>
125
126            <div class="block mt-4">
127                
128            </div>
129
130            <div class="flex items-center justify-end mt-8">
131                
132            
133                <button type="submit" class="inline-flex items-center px-4 py-2 bg-blue-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring focus:ring-gray-300 disabled:opacity-25 transition ml-4 mt-4" style=";" id="loginButton">
134    Log in
135</button>
136            </div>
137        </form>
138    </div>
139
140</div>
141        </div>
142    </body>
143</html>

144<script>
145    document.addEventListener('DOMContentLoaded', function () {
146        const passwordInput = document.getElementById('password');
147        const togglePasswordButton = document.getElementById('togglePassword');
148
149        togglePasswordButton.addEventListener('click', function () {
150            const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
151            passwordInput.setAttribute('type', type);
152
153            // Toggle eye icon based on password visibility
154            togglePasswordButton.innerHTML = (type === 'password') ?
155                ` <svg class="h-6 w-6 mx-1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
156                 <path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z"/>
157                </svg>` :
158                `<svg class="h-6 w-6 mx-1" fill="currentColor" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 576 512">
159                <path d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/>
160                 </svg>`;
161        });
162    });
163</script>

163

164<script>
165    function disableLoginButton() {
166        let loginButton = document.getElementById('loginButton');
167        setTimeout(() => {
168            loginButton.disabled = true;
169            loginButton.innerText = "Processing...";
170        }, 5);
171    }
172</script>

172
173