<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<title>The landing page is not found</title>
<style>
@font-face {
font-family: 'ProximaNova';
font-display: swap;
font-style: normal;
font-weight: normal;
src: url('webfonts/24F4DB_8_0.eot');
src: url('webfonts/24F4DB_8_0.eot?#iefix') format('embedded-opentype'), url('webfonts/24F4DB_8_0.woff') format('woff'), url('webfonts/24F4DB_8_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNova';
font-display: swap;
font-style: italic;
font-weight: normal;
src: url('webfonts/24F4DB_B_0.eot');
src: url('webfonts/24F4DB_B_0.eot?#iefix') format('embedded-opentype'), url('webfonts/24F4DB_B_0.woff') format('woff'), url('webfonts/24F4DB_B_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNova';
font-display: swap;
font-style: normal;
font-weight: bold;
src: url('webfonts/24F4DB_A_0.eot');
src: url('webfonts/24F4DB_A_0.eot?#iefix') format('embedded-opentype'), url('webfonts/24F4DB_A_0.woff') format('woff'), url('webfonts/24F4DB_A_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNova';
font-display: swap;
font-style: italic;
font-weight: bold;
src: url('webfonts/24F4DB_9_0.eot');
src: url('webfonts/24F4DB_9_0.eot?#iefix') format('embedded-opentype'), url('webfonts/24F4DB_9_0.woff') format('woff'), url('webfonts/24F4DB_9_0.ttf') format('truetype');
}
html, body {
height: 100%;
}
body.nofound {
display: flex;
flex-direction: column;
color: #111;
font-family: 'ProximaNova';
}
.nofound a {
color: #2D8CFF;
}
.nofound a:hover {
text-decoration: underline;
}
.nofound .btn-primary {
padding: .813rem 2rem;
background-color: #2D8CFF;
border-color: #2D8CFF;
color: #fff;
border-radius: 2px;
text-decoration: none!important;
}
.nofound main {
display: flex;
align-items: center;
height: 100%;
}
.nofound h1 {
font-size: 30px;
margin-bottom: 2rem;
}
.nofound p {
margin-bottom: 2rem;
}
.nofound .holder {
position: relative;
}
.nofound .card {
position: absolute;
z-index: 1;
width: 220px;
height: 220px;
box-shadow: 0 10px 30px 0 rgba(26,49,76,.08);
border-radius: 5px;
border: 0;
text-align: center;
left: 17%;
top: 20%;
transition: all .15s ease-in-out;
}
.nofound .card:hover {
transform: scale(1.03);
box-shadow: 0 10px 30px 0 rgba(26,49,76,.08), 0 0 15px 0 rgba(26,49,76,.1);
}
@media (max-width: 460px) {
.nofound .card {
left: 12%;
}
}
.nofound .card-body {
display: flex;
flex-direction: column;
align-items: center;
font-size: 15px;
padding: 10px 22px 22px 22px;
}
.nofound .card-body .card-icon {
margin-top: auto;
margin-bottom: auto;
}
.nofound .card-body h4 {
font-size: 20px;
margin-bottom: 15px;
}
.nofound .card-body p {
font-size: 13px;
color: #686869;
height: 35px;
line-height: 18px;
margin-bottom: 0;
}
.nofound .image {
position: relative;
}
.nofound .image img {
width: 100%;
max-width: 366px;
}
</style>
</head>
<body class="nofound">
<header>
<div class="container py-4">
<img src="images/logo.png" align="MailerLite" width="140">
</div>
</header>
<main>
<div class="container">
<div class="row justify-content-center">
<div class="col-9">
<div class="row justify-content-center">
<div class="col-md-6 align-self-center py-5">
<h1>The landing page<br> is not found</h1>
<p>You may have misstyped the address<br>
or the page may have moved.</p>
<a href="/" class="btn btn-primary d-none">Go to Homepage</a>
</div>
<div class="col-md-6 py-3">
<div class="holder">
<div class="card">
<div class="card-body">
<div class="card-icon">
<img src="images/landing-page.svg">
</div>
<h4>Landing pages</h4>
<p>Keep growing your email list</p>
<a href="https://www.mailerlite.com/features/landing-pages">Read more</a>
</div>
</div>
<div class="image">
<img src="images/symbol.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>
robots.txt