View Source code:

Tidy UP & Clean HTML Code - View Source of http://maximage.ru

<!DOCTYPE html> 
<html lang="en-us" class="no-js">
   <head>
      <meta charset="utf-8">
      <title>Проект на реконструкции</title>
      <meta name="description" content="T">
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <meta name="author" content="TWEET">
      <style>
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

html {
    height: 100%
}
body {
    height: 100%;
    height: 100%;
    z-index: 0;
	font-family: 'PT Sans Narrow', sans-serif;
	position: relative;
	background-color:#f3f4f8;  /*комментируется при брендировании*/
}


.footer {
	z-index: 5;
    text-transform: uppercase;
    position:fixed;
    left:0px;
    bottom:10px;
    height:20px;
	text-align: center;
    width:100%;
    color:#FFF;
	text-decoration: none;
    font-family: Helvetica,Arial;
 	font-size: 10px;
	padding: 12px;
}

.footer a{
	font: 10px/18px Arial, Tahoma, Verdana, sans-serif;
	color: #FFF;
	text-decoration: none; 
}
.footer a:hover{
	color: #EDC759;
	text-decoration: none;
	border-bottom: 1px dotted #EDC759;	
}

.footer span{
	font: 10px/18px Arial, Tahoma, Verdana, sans-serif;
	color: #ACE04A;
	text-decoration: none; 
}
.footer span a{
	font: 10px/18px Arial, Tahoma, Verdana, sans-serif;
	color: #ACE04A;
	text-decoration: none; 
}

/* IE 6 */
* html #footer {
    position:absolute;
    top:expression((0-(bottom.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
/* IE 6 */
* html #footer {
    position:absolute;
    top:expression((0-(bottom.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
.content {
   margin: 0 auto;
   /* background-color: #dbe084; */
   height: 100%;
   width:90%;
   min-width:852px;
   max-width:900px;
   position:relative;
   margin:0 auto;
   z-index: 4;
}
.logo {
   display: block;
   text-decoration: none;
   width: 652px;
   text-align: center;
   margin: 0 auto;
   padding-top: 25%;
   padding-bottom: 2%;
   -webkit-animation: kenburns 7s infinite;
    -moz-animation: kenburns 7s infinite;
    animation: kenburns 7s infinite
}
.url-link {
    position: absolute;
    z-index: 20;
    display: block;
    top: 4rem;
    right: 3rem;
    font-size: 14px!important;
    color: #FFF!important;
	text-decoration: none; 
	font-family: Helvetica,Arial;
}
.url-link a{
    font-size: 14px!important;
	color: #FFF!important;
	text-decoration: none; 
	font-family: Helvetica,Arial;
}
.logo-link {
    position: absolute;
    z-index: 20;
    display: block;
    top: 3rem;
    left: 3rem;
    width: 5rem
}

.image {
    background: url("http://4oh.ru/image.jpg") center;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-animation: kenburns 30s infinite;
    -moz-animation: kenburns 30s infinite;
    animation: kenburns 30s infinite
}
.image::after {
    content: '';
    position: absolute;
    z-index: -5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(45, 49, 56, 0.4)
}
@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes kenburns {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.2)
    }
    100% {
        -moz-transform: scale(1)
    }
}
@keyframes kenburns {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
           
</style>
   </head>
   <body>

       
      <div class="image"></div>
      <div class="content">
      <div class="logo"><img src="http://maximage.ru/logomm.png"></div>
      <div class="footer">
	   Если у Вас есть вопросы или пожелания, то вы можете отправить их <span>Роману Белоснежному</span> через instagram: <span><a href="https://www.instagram.com/xsnowxl/">@xsnowxl</a></span> 
	  </div>  

	   </div>
   </body>
</html>