JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main" style="">

</div>
<div class="hidden-footer">
<a href="http://google.com">THIS IS A LINK</a>
</div>

CSS

body {
  margin: 0px;
}

.main {
  height: 200%;
  position: absolute;
  width: 100%;
  background-image: url("http://lorempixel.com/600/300/sports/1/");
    margin-bottom: 400px;
}

a {
  color: red;
  margin-top: 200px;
  left: 50%;
  display: block;
  text-align: center;
  font-size: 50px;
  margin-left: -25px;
}

.hidden-footer {
  width: 100%;
  background-image: url("http://lorempixel.com/400/200/");
  height: 400px;
  position: fixed;
  bottom: 0px;
  z-index: -2;
  display: block;
}