How am I supposed to make a button link to another html file in chrome-devtools?

I am a student who is making an app for my group's STEAM Tank project. I can't figure out how to make a button link go to another HTML file in chrome-dev tools. I am working in an index.html file to make the title page. This is the code I have:

<style>
#tardy-time-heading{
      color:red;
      text-align:center;
      font-size:50px;
      font-family:serif;
}

      body {
            background-color: white;
      }
      .tardy-time-slogan {
            color:black;
            text-align:center;
            font-family:"Fauna One", serif;
            font-size:25px;
      }
      #tardy-time-logo {
      display:block;
      margin-right:auto;
      margin-left:auto;
      }
      a.title-btn{
  background-color: rgb(400,400,400);
  color: rgb(229,229,59);
  padding: 15px 25px;
  text-align: center;
  font-size: 50px;
  cursor: pointer;
  display:block;
  border-weight:6px;
  border-color:black;
  margin-right:auto;
  margin-left:auto;

      }

</style>
<img src="2icon_128.png" alt="Tardy Time logo" width="400" id="tardy-time-logo">
<h1 id="tardy-time-heading">Tardy Time</h1>
<h2 class="tardy-time-slogan"><strong><em>If you can't beat Tardy Time, Join Tardy Time</em></strong></h2>

<div class="header">
    <span class="title-btn"><a target="_blank" href="file:///home/chronos/u-e6b8f2a6cde1e9636abef34ef65d593e08bdd9e8/MyFiles/Downloads/Tardy-Time-App/beginning.html" class="title-btn">Let's Start</a></span>

</div>

I need to get to a file called beginning.html, which is located inside the same folder, "Tardy-Time-App". The error I am getting is the not allowed to load local resource error. I am working in chrome devtools.