delete

HTML

<script src="http://fonts.googleapis.com/css?family=PT+Sans&amp;subset=latin,cyrillic"></script>
<body>
<div class="wrapper">
	<div class="text">
		<h1>Анастасия Дружининская</h1>
 		<h2>Добро пожаловать на мою страничку. здесь вы можете найти ссылки на сайты,<br/>
 		где расположены мои работы, и если вам понравится — не стесняйтесь,<br/>
 		свяжитесь со мной, и я нарисую для вас в своём стиле.</h2>
	</div>
        <div class="button">
          <div class="vk">
            <img src="/nastya/assets/sait/image/vk.png" onclick="location.href='http://vk.com/ya_pti4ka'" alt="VK">
          </div>
          <div class="illustrators">
            <img src="/nastya/assets/sait/image/illustrators.png" onclick="location.href='http://illustrators.ru/users/ya_pti4ka/portfolio'" alt="illustrator">
          </div>
          <div class="skype" >
            <img src="/nastya/assets/sait/image/skype.png" onclick="location.href='mailto:nastyadruzhinninskaya@gmail.com'" alt="skype">
          </div>
          <div class="letter" >
            <img src="/nastya/assets/sait/image/letter.png" onclick="location.href='mailto:nastyadruzhinninskaya@gmail.com'" alt="skype">
          </div>
          <div class="behance" >
            <img src="/nastya/assets/sait/image/behance.png" onclick="location.href='http://www.behance.net/Freid'" alt="skype">
          </div>
          <div class="phone"  onclick="location.href='skype:+79524241166?call'">+7 952 424 11 66</div>
          <div class="mail" onclick="location.href='mailto:nastyadruzhininskaya@gmail.com'">nastyadruzhininskaya@gmail.com </div>
        <div class="footer">© Anastasiya Druzhininskaya</div>
    </div>
</div>
</body>

CSS

body {
 margin: 0;
}
.wrapper {
        width: 100%;
}
.text {
	font-family: London;
	text-align: center;
 width: inherit;
}
.image {
 position: fixed;
 width: inherit;
 overflow: hidden;
 background: local url(/nastya/assets/sait/image/footer.png) center;
 height: 460px;
 left: 0;
 bottom: 0;
}
.button {
 position: fixed;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 460px;
 overflow: hidden;
 background: local url(/nastya/assets/sait/image/footer.png) center;
}
.vk {
 left: -273px;
 bottom: 295px;
 position: fixed;
 width: 100%;
 text-align: center;
}
.illustrators {
 left: 77px;
 bottom: 346px;
 position: fixed;
 text-align: center;
 width: 100%;
}
.skype {
 left: -97px;
 bottom: 381px;
 position: fixed;
 text-align: center;
 width: 100%;
}
.letter {
 position: fixed;
 width: 100%;
 text-align: center;
 bottom: 171px;
 left: -418px;
}
.behance {
 position: fixed;
 width: 100%;
 text-align: center;
 bottom: 154px;
 left: -71px;
}
.vk img:hover,.illustrators img:hover {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

.skype img:hover,.letter img:hover,.behance img:hover {
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
}

.phone {
 bottom: 96px;
 left: -173px;
 font-family: London;
 font-size: 200%;
 width: 100%;
 position: fixed;
 text-align: center;
}
.mail {
 font-family: London;
 font-size: 200%;
 width: 100%;
 position: fixed;
 text-align: center;
 bottom: 52px;
 left: -28px;
}
.footer {
	position: fixed;
	font-size: 60%;
	bottom: 35px;
	left: 434px;
	font-family: sans-serif;
        width: 100%;
        text-align: center;
}
@font-face {
	font-family: London;
	src: url(/nastya/assets/sait/font/London.otf) format('truetype');
}
h1 {
 font-size: 300%;
}