choc - Plunker

<!doctype html>

<html>
  <head>
    <link rel="stylesheet" href="lib/style.css">
    <script src="lib/script.js"></script>
  </head>

  <body>
 
    <div class="intro">
      <div class="container">
        <h1>Chocolatka</h1>
      <div class="button">
      </div>
      </div>
  </body>
</html>

.intro{
  height: 800px;
  width: 100%;
  background-image: url(https://res.cloudinary.com/aenetworks/image/upload/c_fill,ar_2,w_3840,h_1920,g_auto/dpr_auto/f_auto/q_auto:eco/v1/gettyimages-875182498?_a=BAVAZGID0);
  background-size: cover;
}
.container{
  max-width: 1200px;
  margin: 0 auto;
}
.button{
  width: 250px;
  height: 100px;
  background-color: greenyellow;
  justify-content: center;
}
h1{
  text-align: center;
 
  
}