404.html 1.29 KB
<!DOCTYPE html>
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="fr-FR"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="fr-FR">
<!--<![endif]-->
	<head>
		<meta charset="utf-8">
	    <meta name="lang" content="FR"/>
	    <style>
	    	*{
			    transition: all 0.6s;
			}

			html {
			    height: 100%;
			}

			body{
			    font-family: 'Lato', sans-serif;
			    color: #888;
			    margin: 0;
			}

			#main{
			    display: table;
			    width: 100%;
			    height: 100vh;
			    text-align: center;
			}

			.fof{
				  display: table-cell;
				  vertical-align: middle;
			}

			.fof h1{
				  font-size: 30px;
				  display: inline-block;
				  padding-right: 12px;
				  animation: type .5s alternate infinite;
			}
			a {
				text-decoration: none;
			}

			@keyframes type{
				  from{box-shadow: inset -3px 0px 0px #888;}
				  to{box-shadow: inset -3px 0px 0px transparent;}
			}
	    </style>
	</head>
	<body>
	    <div id="main">
	    	<div class="fof">
	    		<a href='/'><img src="/images/logo.png" width="200" class="d-inline-block align-top" alt="{{ KOH_MLC_NAME|default('') }}"></a><br/><br/><br/>
	        	<h1>Oups, page introuvable !</h1><br/><br/><br/><br/>
	        	<a href='/'>Retour à la page d'accueil</a>
	    	</div>
		</div>
	</body>
</html>
 No newline at end of file