test.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@1,700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="teststyle.css" />

    <title>Pychometric Test</title>
  </head>

  <body>
    <div class="back-btn">
      <a href="index.html"><button>Go Back</button></a>
    </div>

    <div class="info">
      <div class="topic">
        <h2 class="alpha-slab">We Care</h2>
        <p class="subhead">Pyschometric Test</p>
        <div class="image">
          <img src="./images/logo.png" width="200" height="200" class="image" />
        </div>
      </div>
      <div class="quiz-container" id="quiz">
        <div class="quiz-header">
          <h2 id="question">Question Text</h2>
          <ul>
            <li>
              <input type="radio" name="answer" id="a" class="answer" />
              <label for="a" id="a_text">Answer</label>
            </li>

            <li>
              <input type="radio" name="answer" id="b" class="answer" />
              <label for="b" id="b_text">Answer</label>
            </li>

            <li>
              <input type="radio" name="answer" id="c" class="answer" />
              <label for="c" id="c_text">Answer</label>
            </li>

            <li>
              <input type="radio" name="answer" id="d" class="answer" />
              <label for="d" id="d_text">Answer</label>
            </li>
          </ul>
        </div>
        <button id="submit">Submit</button>
      </div>
    </div>

    <div id="toptag">
      <marquee
        ><b>DISCLAIMER:</b> This Pyschometric Test is curated to predict your
        current mental health based on the different sections related to the
        mental health well being. For effective feedback kindly answer the
        questions with honesty. CaringComet is your guiding star on the journey
        to a brighter, more resilient you! Our vision is to empower and uplift,
        helping you not only enhance your mental well-being but also blossom
        into the incredible person you're meant to be.</marquee
      >
    </div>

    <script src="testscript.js"></script>
  </body>
</html>