<html>
<head>
<meta charset="UTF-8">
<style>
body {
background: rgb(0, 73, 150);
font-family: "Montserrat", sans-serif !important;
margin-top: 100px;
text-align: center;
}
.rounded {
width: 300px;
height: 300px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: rgb(255, 255, 255);
color: #be9b61;
margin: 0 auto;
box-shadow: 0px 2px 6.58px 0.42px rgba(0, 0, 0, 0.2);
}
.status {
text-align: center;
color: rgb(0, 73, 150);
font-size: 100px;
margin-bottom: 0;
padding-top: 90px;
font-weight: bold;
line-height: 1;
}
.error {
color: rgb(0, 73, 150);
margin-top: 0;
font-weight: bold;
}
p {
color: rgb(255, 255, 255);
font-size: 20px;
text-align: center;
}
.title {
font-size: 35px;
margin-bottom: 15px;
}
.btn {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
border: 1px solid #FFF;
}
.btn:hover {
color: rgb(0, 73, 150);
background: #FFF;
}
</style>
</head>
<body>
<div class="rounded">
<p class="status">404</p>
<p class="error">ERROR</p>
</div>
<p class="title">Podana strona nie istnieje</p>
<p class="subtitle">Wygląda na to, że strona nie jest już dostępna.</p>
<a href="{{ path('efShowDynamicTemplate') }}"><p class="btn">Wróć do strony głównej</p></a>
</body>
</html>