<!DOCTYPE html>
<html lang="fr">
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <title>Julien Rimbault</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Julien Rimbault" />
        <meta name="keywords" content="julien rimbault, awwwesome,site ,internetweb design, web developement, freelance, css, html, css3, html5, javascript, jquery" />
        <meta name="author" content="Julien Rimbault" />
        <link rel="shortcut icon" href="favicon.ico">
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"> 
		html, body, .container{ height: 100%; margin: 0; padding: 0; }
			min-width: 320px;
			overflow: hidden;
			font-family: 'Montserrat', Helvetica, Arial, sans-serif;
			font-size: 11px;
			font-weight: 200;
			letter-spacing: 2px;
			line-height: 14px;
			text-transform: uppercase;
			color: #ccc;
			color: #888;
			text-decoration: none;
			color: #000;
			width: 100%;
			box-shadow: 0px -5px 0 0px #004e79 inset, 0px 5px 0 0px #004e79 inset;
			width: 320px;
			height: 78px;
			padding: 0px 30px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -39px 0 0 -190px;
			background: #fff url(soon.jpg) no-repeat center center;
			text-indent: -9999px;
			content: '';
			position: fixed;
			left: 30px;
			right: 30px;
			height: 1px;
			background: rgba(207,207,207,0.3);
			top: 50%;
			z-index: -1;
			position: absolute;
			width: 100%;
			bottom: 5px;
			text-align: center;
		@media screen and (max-width: 400px){
				-webkit-transform: scale(0.6);
				-moz-transform: scale(0.6);
				-o-transform: scale(0.6);
				-ms-transform: scale(0.6);
				-webkit-transform: scale(0.6);
        <div class="container">
			<div class="logo">
				Julienrimbault.fr is getting a makeover.
			<p class="copyright">
				<span>&copy; Julien Rimbault 2017 | julienrimbault@awwwesome.fr | <a href="http://www.awwwesome.fr">Go to Awwwesome</a></span>