HTML
<section id="home" class="relative">
<div class="background"><img id="home-background" class="image" src="https://web.imasmi.com/plugin/WebCss/file/fernando-jorge-EoQzRoLFkrw-unsplash.jpg"/></div>
<div class="clear">
<div id="coming-soon" class="column-6 padding-80 middle center">
<h1 class="title">COOMING SOON...</h1>
<div></div>
</div>
<div id="coming-company" class="column-6 padding-100 text-center">
<img id="logo" class="image center" src="https://web.imasmi.com/plugin/WebCss/file/pngaaa.com-1757415.png">
<h1 id="name-title" class="title inline-block">Water World</h1>
<div class="safety-text sub-title color-1">The ultimate water experience</div>
</div>
</div>
<div id="credit" class="text-center relative white">
<div>Created with <a href="https://web.imasmi.com/webcss" target="blank">WebCss</a></div>
<div>Photo by <a href="https://unsplash.com/@fx24?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" target="blank">Fernando Jorge</a> on <a href="https://unsplash.com/s/photos/waterpark?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" target="blank">Unsplash</a></div>
<div>Laguna Water Park Dubai <a href="https://www.pngaaa.com/detail/1757415" target="blank">Logo</a></div>
</div>
</section>
CSS
body{margin: 0; padding: 0; background-color: #000000; color: #ffffff; font-family: cursive, monospace;}
.title{font-size: 2em; letter-spacing: 2px; line-height: 1em; margin-top: 20px; margin-bottom: 20px;}
.sub-title{font-size: 1.4em; letter-spacing: 1px;}
#name-title{border-bottom: 1px solid #ffffff; margin: 0; line-height: 1.2em;}
.color-1{color: #01abe6;}
.color-1-bg{background-color: #01abe6; color: #ffffff;}
#home{min-height: 100vh;}
#logo{max-width: 500px;}
#home-background{filter: brightness(0.5) blur(1px);}
#coming-soon{padding-top: 150px;}
#coming-soon h1{font-size: 6em; letter-spacing: 3px;}
#credit a{color: #01abe6; text-decoration: none;}
@media(max-width: 1080px){
#coming-soon, #coming-company{padding: 30px;}
}