<!DOCTYPE html>
<head>
<!-- Favicon -->
<link rel="icon" href="https://sparkedhost.com/assets/img/favicon/favicon-96x96.png">
<!-- Title -->
<title>Powered by Sparked Host</title>
<!-- Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
</head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Rubik');
html {
min-height: 100%;
background-image: url("https://sparkedhost.com/assets/img/bg.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: 'Rubik', sans-serif;
color: white;
}
img {
margin-left: auto;
margin-right: auto;
width: 40%;
margin-bottom: 2rem;
}
.box {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
background-color: rgba(0, 0, 0, 0.2);
animation-fill-mode: forwards;
}
.box-secondary {
width: 100%;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
padding: 30px;
}
.btn-main {
position: relative;
background: 0 0;
color: #ffba00;
text-transform: uppercase;
text-decoration: none;
border: 0.2em solid #ffba00;
padding: 0.5em 1em;
-webkit-appearance: button;
font-weight: 700;
}
.btn-main:hover {
background: #b18611;
color: #fff;
}
</style>
<body>
<div class="box">
<div class="box-secondary">
<h1>This server is hosted by</h1>
<div>
<img src="https://sparkedhost.com/assets/img/websitelogo.png">
</div>
<div>
<a class="btn-main" href="https://billing.sparkedhost.com/link.php?id=8">Click here to spark your ideas to life today!</a>
</div>
</div>
</div>
</body>