Grom-S/index.html

## index.html
<!doctype html>
<html>
<head>
  <title>VidRoaster</title>
</head>
<body>

<div class="page-wrap">
    <!-- Content of the various size here -->
</div>

<footer class="main">
    <!-- Fixed size footer -->
</footer>

</body>
</html>

## sticky-footer.css
/* Sticky Footer */


/* watch out for margins that stick out from the body
   it should be 100% height */

html, body {
    height: 100%;
}

/* div that wraps the whole page except for footer */

.page-wrap {
    min-height: 100%;
    margin-bottom: -100px; /* equal to footer height */
}

.page-wrap:after {
    content: "";
    display: block;
}

/* footer height */
.footer.main, .page-wrap:after {
    height: 100px;
}
	<!doctype html>
	<html>
	<head>
	<title>VidRoaster</title>
	</head>
	<body>

	<div class="page-wrap">
	<!-- Content of the various size here -->
	</div>

	<footer class="main">
	<!-- Fixed size footer -->
	</footer>

	</body>
	</html>