jQuery/loading-image/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Loading Image</title>
    <link rel="stylesheet" href="main.css">
</head>

<body>

    <div id="loader"></div>

    <section>
        <h1>Some content here</h1>
        <p>Ludum mutavit. Verbum est ex. Et ... sunt occidat. Videtur quod est super omne oppidum.
            Quis transfretavit tu iratus es contudit cranium cum dolor apparatus. Qui curis! Modo
            nobis certamen est, qui non credunt at. </p>
        <p>Blowfish librantur in se quatuor, quinquies maior quam normalis, et quare? Quare id
            faciam? Ut terrorem facit, qui quid. Terrent! Ut alter, scarier pisces agminis off. Et
            quod tu es? Vos blowfish. Tu iustus in omnibus visio. Vides ... suus ' suus 'non aliud
            aerem. Nunc ... qui cum partibus blowfish Isai? Tu damnare ius. Vos blowfish. Dicere
            iterum. Dicere illam quasi velis eam. Es BLOWFISH! </p>
        <p>Ludum mutavit. Verbum est ex. Et ... sunt occidat. Videtur quod est super omne oppidum.
            Quis transfretavit tu iratus es Blowfish librantur in se quatuor, quinquies maior quam
            normalis, et quare? Quare id faciam? Ut terrorem facit, qui quid. Terrent! Ut alter,
            scarier pisces agminis off. Et quod tu es? Vos blowfish. Tu iustus in omnibus visio.
            Vides ... suus ' suus 'non aliud aerem. Nunc ... qui cum partibus blowfish Isai? Tu
            damnare ius. Vos blowfish. Dicere iterum. Dicere illam quasi velis eam. Es BLOWFISH!
            cranium cum dolor apparatus. Qui curis! Modo
            nobis certamen est, qui non credunt at. </p>
    </section>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="main.js"></script>
</body>

</html>