index.html

<!DOCTYPE html>
<html>
<head>
  <title>Tuning Playsite</title>
  <link rel="stylesheet" href="home.css"></link>
  <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Lora&display=swap" rel="stylesheet">
</head>
<body>
    <h1 class="title">Tuning PlaySite</h1>
    <div class="iframe-container">
      <iframe id="myFrame" src="src/page-1/index.html" width="100%" height="100%"></iframe>
      <!-- <button class="overlay-button next-button" id="nextButton"></button>
      <button class="overlay-button back-button" id="backButton"></button> -->
    </div>
    
    <div class="page-indicator">
      <div class="prev-page hidden" id="prevPage"><button>Previous Page</button></div>
      <div class="pagination" id="pagination"></div>
      <div class="next-page" id="nextPage"><button>Next Page</button></div>
    </div>
</body>
<script src="home.js"></script>
</html>