Add default-page.html
This commit is contained in:
commit
e428d1d02b
1 changed files with 201 additions and 0 deletions
201
default-page.html
Normal file
201
default-page.html
Normal file
|
|
@ -0,0 +1,201 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="nl">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Pixelhosting - Reserved domain</title>
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
background-color: rgb(186,232,255);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-container {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
padding: 10px;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** login button on right side, without messing up the overlay */
|
||||||
|
#login-button {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
right: 10px;
|
||||||
|
background-color: rgb(76, 167, 242);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-image: url(https://pixelhosting.nl/files_default_page/background.webp);
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
padding: 0px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
margin-top: -80px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-overlay {
|
||||||
|
height: 750px;
|
||||||
|
background-color: rgba(51, 51, 79, 0.80);
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
/** vertical align contents **/
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
.cards {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
gap: 20px;
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: -150px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cards .card {
|
||||||
|
background-color: white;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 20px;
|
||||||
|
text-align: justify;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header {
|
||||||
|
background-color: rgb(7, 170, 249);
|
||||||
|
margin: -20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-top-left-radius: 20px;
|
||||||
|
border-top-right-radius: 20px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header h2 {
|
||||||
|
font-size: 20px;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background-color:rgb(45,46,67);
|
||||||
|
color: lightgray;
|
||||||
|
text-align: center;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.footer-content img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** on mobile, only show one collumn for the cards **/
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
.cards {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
#login-button {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="logo-container">
|
||||||
|
<img class="logo"
|
||||||
|
src="https://pixelhosting.nl/files_default_page/Pixelhosting-logo-kleur-new.png">
|
||||||
|
</div>
|
||||||
|
<a href="https://pixelhosting.nl" id="login-button">
|
||||||
|
Naar Pixelhosting.nl
|
||||||
|
</a>
|
||||||
|
<div class="header">
|
||||||
|
<div class="header-overlay">
|
||||||
|
<h1 style="font-size:36px">Gereserveerd!</h1>
|
||||||
|
<p style="font-size:20px">Deze domeinnaam is gereserveerd door een klant van pixelhosting.nl</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cards">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<img src="https://pixelhosting.nl/files_default_page/ip.png">
|
||||||
|
<h2 style="font-size:18px">Het IP Adres van deze website is veranderd</h2>
|
||||||
|
</div>
|
||||||
|
<p style="font-size:14px">Het IP-adres voor dit domein is mogelijk onlangs gewijzigd. Controleer je DNS-instellingen om te
|
||||||
|
controleren of het domein correct is ingesteld. Het kan 8-24 uur duren voordat DNS-wijzigingen zijn
|
||||||
|
doorgevoerd. Het is misschien mogelijk om de toegang tot deze site te herstellen door deze instructies
|
||||||
|
voor het wissen van uw dns-cache te volgen.</p>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<img src="https://pixelhosting.nl/files_default_page/server.png">
|
||||||
|
<h2 style="font-size:18px">Er is een server misconfiguratie</h2>
|
||||||
|
</div>
|
||||||
|
<p style="font-size:14px">U moet controleren of uw hostingprovider het juiste IP-adres heeft geconfigureerd voor uw Web server
|
||||||
|
instellingen en DNS-records. Het kan nodig zijn de web server opnieuw op te starten om de nieuwe
|
||||||
|
instellingen te laten gelden.</p>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<img src="https://pixelhosting.nl/files_default_page/server-migrate.png">
|
||||||
|
<h2 style="font-size:18px">De website is verhuisd naar een andere server</h2>
|
||||||
|
</div>
|
||||||
|
<p style="font-size:14px">De URL voor dit domein kan zijn gewijzigd of de hostingprovider kan de account naar een andere server
|
||||||
|
hebben verplaatst.</p>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<img src="https://pixelhosting.nl/files_default_page/control.png">
|
||||||
|
<h2 style="font-size:18px">Log in op cPanel om je website te starten</h2>
|
||||||
|
</div>
|
||||||
|
<p style="font-size:14px">Log nu in op cPanel om je website te uploaden, bewerken of er zelf een te maken in Wordpress</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<div class="footer-content">
|
||||||
|
<img class="logo"
|
||||||
|
src="https://pixelhosting.nl/files_default_page/Pixelhosting-logo-kleur-new.png">
|
||||||
|
© 2020 - <span id="year">2023</span> Pixelhosting.nl. Alle rechten voorbehouden
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
document.getElementById("year").innerHTML = new Date().getFullYear();
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue