class-objects.html

<!DOCTYPE html>
<html>
    <head>
        <title>Class Objects</title>
        <style>
            body {
                max-width: 600px;
                margin: auto;
            }
            nav {
                display: flex;
                justify-content: space-evenly;
                padding-top: 20px;
            }
            h1 {
                text-align: center;
            }
            .block {
                text-align: center;
            }
            img {
                width: 100%;
            }
        </style>
        <script src="class-objects.js" type="text/javascript"></script>
    </head>
    <body>
        <nav>
            <a href="class-objects.html">Class objects</a>
            <a href="function-objects.html">Function objects</a>
            <a href="multi-class-objects.html">Multiple class objects</a>
        </nav>
        <div class="block">
            <h1>Objects created with class</h1>
            <p>Total Objects: 10_000_00 (1 million)</p>
            <img src="./images/class-objects.png" alt="" />
        </div>
    </body>
</html>