WEB by ImaSmi

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;}
        }
    

JavaScript

Imasmi web loading