web-templates/default-page.html

201 lines
No EOL
6 KiB
HTML

<!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">
&copy; 2020 - <span id="year">2023</span> Pixelhosting.nl. Alle rechten voorbehouden
</div>
<script>
document.getElementById("year").innerHTML = new Date().getFullYear();
</script>
</div>
</body>
</html>