JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="background">
    <div class="toparea"></div>
    <div class="left"></div>
    <div class="window"></div>
    <div class="right"></div>
    <div class="bottomarea"></div>
  </div>
</body>

CSS

body {
  margin: 0;
}
.background {
  background-image: url('https://i.pinimg.com/originals/99/bb/69/99bb69e4680b0bc9c4c806f5f0f87ad5.png');
  background-attachment: fixed;
  float: left;
  width: 100%;
  height: 800px;
}
.toparea, .left, .right, .bottomarea {
  background: #fff;
}
.toparea, .bottomarea {
  float: left;
  width: 100%;
  height: 350px;
}
.left, .window, .right {
  float: left;
  width: 33.333%;
  height: 350px;
}