<!DOCTYPE html>

<head>
  <link rel="stylesheet" href="../static/css/douwco_styling.css">
</head>

<html>
<body>
  <div class="root_div">
    <div class="side_panel_div">
      <div class="title_div">
        <img src="../static/img/douwco_logo.png" alt="douwco_logo">
        <h1>douwco</h1>
      </div>
      <div>
        <a class="menu_option_a" href="/games">
          <img src="../static/img/device-gamepad.png" alt="gamepad icon">
          <p>Play <span>My Games</span></p>
        </a>
        <a class="menu_option_a" href="/about_me">
          <img src="../static/img/user.png" alt="user icon" style="
            width:60px; 
            margin-left: 20px;
            margin-right:70px;">
          <p>About <span>Douwe Ravers</span></p>
        </a>
        <a class="menu_option_a" href="/about_douwco">
          <img src="../static/img/info-hexagon.png" alt="info icon" style="
            width:75px; 
            margin-left: 12px;
            margin-right:62px;">
          <p>About <span>Douwco</span></p>
        </a>
      </div>
    </div>
  </div>
</body>
</html>