Untitled

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script data-require="jquery" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript">
   $(document).ready(function() {
     // executes when HTML-Document is loaded and DOM is ready
     console.log("document loaded at "+new Date());

    });
    $(window).load(function() {
     // executes when complete page is fully loaded, including all frames, objects and images
     console.log("window loaded at "+new Date());
    });
</script>
  </head>

  <body>
    <h1 class="red">First element :-)</h1>
   <script src="https://httpbin.org/delay/60"></script>
    <h1 class="blue">Second element:-)</h1>
  </body>

</html>