STICKY FOOTER

Run
<!DOCTYPE html>
<html lang="en">
<head>
 <title>HTML </title>
 <style>
  .footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #CCCCCC;
   color: black;
   text-align: center;
}
  h2, p {
    text-align: center;
  }
</style>
</head>
<body>
   <h2> Sticky Footer</h2>
    <p> Here we have created a sticky footer </p>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
   <div class="footer">
	  <p>Footer</p>
	</div>
</body>
</html>