clear-page-type-1.html

<style>
	html,
	body {
	height: 100%;
	}
	body {
	margin: 0;
	}
	.page {
	position: relative;
	}
	/* Правила для шапки */
	.headerANDcontentSize {
	min-height: 90vh;
	}
	.header {
	background: #AB1857;
	height: 70px;
	}
	/* Правила для контента */
	.content {
	padding-top: 30px;
	padding-bottom: 30px;
	}
	/* Правила для подвала сайта */
	.footer {
	min-height: 10vh;
	bottom: 0;
	width: 100%;
	height: 120px; /* Высота блока footer */
	background: rgba(14,14,14,0.95);
	}
</style>
<div class="page">
	<div class="headerANDcontentSize">
		<div class="header">
			<!-- Содержимое шапки -->
		</div>
		<div class="content">
			<!-- Содержимое области контента -->
		</div>
	</div>
	<div class="footer">
		<!-- Содержимое футера -->
	</div>
</div>