index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"content="width=device-width,initial-scale">
        <meta http-equiv="X-UA-Compatible"content="ie-edge">
        <title>GYMIT</title>
    </head>
    <link rel="stylesheet" href="gymstyle.css">
    <link rel="icon" href="favicon (2).ico">
    <link rel="stylesheet" href="https://fonts.google.com/specimen/Alkatra?vfonly=true">
    <style>
        body{
            margin:0px;
            padding:0px;
            color:white;
            font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        }

    </style>
    <body>
        <header class="header">
            <div class="left"> 
                <!-- /*for logo*/ -->
                 <img src="https://cdn.pixabay.com/photo/2020/04/06/16/44/silhouette-5010366_960_720.png" alt="">
                 <div>Make the right fit</div>
            </div>
            <div class="middle">  
                <!-- for navbar -->
                <ul class="navbar">
                    <li><a href='#'class='active'>Home</a></li>
                    <li><a href='#'>About us </a></li>
                    <li><a href='#'>Fitness calculator</a></li>
                    <li><a href='#'>Contact us</a></li>
                  </ul>
            </div>
            <div class="right">
                <!-- /* for buttons*/ -->
                <button class="btn">Call Us now</button>
                <button class="btn">Email Us</button>
            </div>
        </header>
        <div class="container">
            <h1>Join the best gym of Mathura now</h1>
            <form action="gym.php" method="post">
                <div class="form-group">
                    <input type="text"name="name"placeholder="Enter your name">
                </div>
                <div class="form-group">
                    <input type="text"name="Age"placeholder="Age">
                </div>
                <div class="form-group">
                    <input type="text"name="Address"placeholder="Address">
                </div>
                <div class="form-group">
                    <input type="text"name="Email"placeholder="Enter your E-mail">
                </div>
                <div class="form-group">
                    <input type="text"name="Phone"placeholder="Enter your Phone Number">
                </div>
                <div class="form-group">
                    Gender: Male<input type="radio" name="gender"> female <input type="radio" name="gender">
                    other <input type="radio"name="gender">
                    </div>
                <button class="btn">Submit</button>
            </form>
        </div>
        <!-- INSERT INTO `enrollment` (`name`, `Age`, `Address`, `Email`, `Phone`, `gender`) VALUES ('saumya', '20', 'agra', 'your email', '999999999', 'F'); -->
    </body>
</html>