<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Error</title>
<link href="../styles/reset.css" rel="stylesheet">
<link href="../styles/basic1.css" rel="stylesheet">
<link href="../styles/emailError.css" rel="stylesheet">
<link href="../styles/mainEmail.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="../js/burger1.js"></script>
</head>
<body>
<div id="burger-container">
<div id="burger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<header>
<a href="main.html">Главная</a>
<a href="products.html">Продукты</a>
<a href="contact.html">Контакты</a>
</header>
<div id="top">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 133">
<path d="M700,78.5c-46.1,43.5-83.1,51.9-109,51c-36.3-1.3-49.5-20.9-110.4-39.7c-46.7-14.5-85-17.2-102.6-18.3
c-92.3-5.9-104.5,23.4-165.9,7.4C163.8,66.3,159,44.8,115,44.5c-33.3-0.2-54.3,11.8-77-1C19.7,33.2,11.6,12.9,7.6-1.5
c230.8,1,461.6,2,692.4,3.1V78.5z"/>
</svg>
</div>
<div id="content">
<h1>Ошибка!!!</h1>
<p>Отправте запрос занова</p>
</div>
<div id="buttom">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 167">
<path d="M0,91C113.1,6.1,194.4-2,249,8c60.1,11,85.2,43.2,191,65c73,15,127.8,13.5,140,13c93.1-3.4,160.1-32.1,187-42
c80.2-29.4,206.9-47,408,11c-0.9,38.9-1.8,77.8-2.6,116.6L-5.9,166.9L0,91z"/>
</svg>
</div>
</body>
</html>
*{
margin: 0;
padding: 0;
}
html,body {
height:100%;
font-size: 100%;
width: 100%;
position: relative;
overflow-x:hidden;
}
#buttom,#top,#content{
position: absolute;
}
header{
margin-top: 20px;
margin-left: 20px;
}
#buttom {
width: 100%;
bottom: 0;
margin-top: auto;
}
#top {
width: 60%;
top: 0; right: 0;
}
Простой
Простой