File: /home/dtptviut/domains/apollobooks.dk/public_html/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Temporary placeholder">
<meta name="author" content="DuelHost">
<title>apollobooks.dk</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
<style>
body,
html {
width: 100%;
height: 100%;
}
body,
p {
background-color: #fbfbfd;
color: #6b747b;
font: 400 1rem/1.625rem "Open Sans", sans-serif;
}
h1 {
color: #252c38;
font-weight: 700;
font-size: 2.5rem;
line-height: 3.125rem;
letter-spacing: -.5px;
}
h2 {
color: #252c38;
font-weight: 700;
font-size: 2.125rem;
line-height: 2.625rem;
letter-spacing: -.4px;
}
h3 {
color: #252c38;
font-weight: 700;
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: -.3px;
}
h4 {
color: #252c38;
font-weight: 700;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: -.2px;
}
h5 {
color: #252c38;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.625rem;
}
h6 {
color: #252c38;
font-weight: 700;
font-size: 1rem;
line-height: 1.375rem;
}
.h1-large {
font-size: 2.875rem;
line-height: 3.5rem;
color: #6b747b;
}
.p-large {
font-size: 1.125rem;
line-height: 1.75rem;
color: #6b747b;
line-height: 2.5rem;
}
.header {
padding-top: 7rem;
padding-bottom: 7rem;
text-align: center;
}
.header .text-container {
margin-top: 4rem;
margin-bottom: 4rem;
}
.header .h1-large {
margin-bottom: 1.25rem;
color: #6b747b;
}
.header .p-large {
margin-bottom: 2rem;
color: #6b747b;
line-height: 2.5rem;
}
.duelhost-logo {
border-radius: 48px;
width: 520px;
height: 279px;
box-shadow: rgba(50, 50, 93, 0.3) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.copyright {
padding-top: 1.5rem;
background-color: #fff;
text-align: center;
}
a {
color: #426ab3;
text-decoration: none;
}
.sub {
color: #a5aeb4 !important;
font-style: italic;
}
.break {
width: 80%;
margin-left: 0px;
}
@media (min-width:768px) {
.header {
padding-top: 8rem;
}
}
@media (min-width:992px) {
.header {
text-align: left;
}
}
</style>
</head>
<body>
<div id="header" class="header">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="text-container">
<h1 class="h1-large">apollobooks.dk</h1>
<p class="p-large">Something amazing will be constructed here..</p>
<hr class="break" />
<p class="p-large sub">This domain is hosted by <a href="https://duelhost.dk/">DuelHost</a>.</p>
</div>
</div>
<div class="col-lg-6">
<div class="image-container">
<a href="https://duelhost.dk/"><img class="img-fluid duelhost-logo" src="https://duelhost.dk/duelhost-landing.png" alt="Logo"></a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>