index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FLAMES GAME</title>
    <link rel="stylesheet" href="./styles.css" />
</head>
<body>
    <h1> Hello Welcome To the FLAMES Game.</h1>
    <p>FLAME is a game named after the acronym: Friends, Lovers, Affectionate, Marriage, Enemies.[1] It is a popular game among young girls at sleepovers, especially with pre-teens and teens who are beginning to explore the world of crushes. This game does not accurately predict whether or not an individual is right for you, but it can be fun to play with your friends.</p>
      <div>
        <h2>Let's start the game</h2>
        <form>
        <label for="fname">First Name: <input id="fname" required type="text" placeholder= "rohit"></label >
        <label for="sname">Second Name: <input id="sname" required type="text" placeholder= "renu"></label >
            <button type="submit">Calculate love</button>

            </form>

      </div> 


      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

      <script src="./index.js"></script>
</body>
</html>