<div class="holder">
  <p class="heading">This is the best workspace ever</p>
  <p class="tagline">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
</div>
body{
  width:100%;
  padding:0;
  margin:0;
  background-color :#f5f5f7;
  font-family: 'Poppins', sans-serif;
  background-image: 
        url("https://i.stack.imgur.com/YTKN4.jpg");
  background-repeat:no-repeat;
}
p{
  margin:10px;
}
.holder{
  margin-top:8%;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.heading{
  font-size:40px;
  font-weight:500;
  color:#f5f6fa;
}
.tagline{
  font-size: 15px;
  font-weight: 200;
  color:#f5f6fa;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.