myaccount.html

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="css/style.css">
        <link rel="icon" type="image/png" href="assets/images/branding/Av_Logo_Rounded_Corners_32x32.png" sizes="32x32">
        <title>Apex Visual - My Account</title>
    </head>
    <body>

        <!--Background image-->
        <img src="https://www.formula1.com/content/dam/fom-website/sutton/2019/Germany/Friday/1017626409-LAT-20190726-_J6I4378.jpg" id="bg">

        <!--Black vail-->
        <div id="black-vail"></div>

        <div id="scrcont">

            <!--User picture, username, and email-->
            <div id="userdata">
                <!--The user's profile image-->
                <img id="profilepic" class="circleimg" src="https://img.icons8.com/cotton/2x/motorbike-helmet.png">

                <!--The username-->
                <h1 id="username"></h1>

                <!--Email-->
                <p id="email"></p>
            </div>
            
            <!--Table with all of the sessions-->
            <div class="displaypane">
                <p id="mysessiondisplayloadingmsg" class="displayloadingmsg">loading...</p>
                <div class="displayheaderbox">
                    <p class="displayheader">My Sessions</p>
                </div>
                <div class="displaycontent">
                    <table id="mysessions">
                        <tr>
                            <th>ID</th>
                            <th>Date</th>
                            <th>Track</th>
                            <th>Type</th>
                        </tr>
                    </table>
                </div>
            </div>

            
            <!--SCRIPTS-->
            <script src="js/myaccount.js"></script>

        </div>
    </body>
</html>