index.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 rel="stylesheet" href="style.css" />
    <title>Student Grade Calculator</title>
  </head>

  <body>
    <div class="container">
      <h1>Student Grade Calculator (M.M : 100)</h1>
      <forn class="input">
        <input type="text" name="Maths" placeholder="Mathematics" id="maths" />
        <input type="text" name="Phy" placeholder="Physics" id="phy" />
        <input type="text" name="Che" placeholder="Chemistry" id="che" />
        <input type="text" name="Eng" placeholder="English" id="eng" />
        <input type="text" name="Hindi" placeholder="Hindi" id="hindi" />
        <button type="submit" class="btn">Result</button>
      </forn>

      <div class="result">
        <!-- <div class="output">
            <p> Total Score : 489/500 </p>
            <p> Percentage : 95% </p>
            <p> Grade : 'A' </p>
            <p> You are Pass </p>
        </div> -->
      </div>
    </div>

    <script src="./script.js"></script>
  </body>
</html>