<!DOCTYPE html>
<html lang="fr">
<head>
<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">
<style>
html, body, .container{ height: 100%; margin: 0; padding: 0; }
body{
min-width: 320px;
overflow: hidden;
}
body{
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 200;
letter-spacing: 2px;
line-height: 14px;
text-transform: uppercase;
color: #ccc;
}
a{
color: #888;
text-decoration: none;
}
a:hover{
color: #000;
}
.container{
width: 100%;
box-shadow: 0px -5px 0 0px #004e79 inset, 0px 5px 0 0px #004e79 inset;
}
.logo{
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;
}
.logo:before{
content: '';
position: fixed;
left: 30px;
right: 30px;
height: 1px;
background: rgba(207,207,207,0.3);
top: 50%;
z-index: -1;
}
.copyright{
position: absolute;
width: 100%;
bottom: 5px;
text-align: center;
}
@media screen and (max-width: 400px){
.logo{
-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);
}
}
</style>
</head>
<body>
<div class="container">
<div class="logo">
Julienrimbault.fr is getting a makeover.
</div>
<p class="copyright">
<span>© Julien Rimbault 2017 | julienrimbault@awwwesome.fr | <a href="http://www.awwwesome.fr">Go to Awwwesome</a></span>
</p>
</div>
</body>
</html>
