diff --git a/Advance HTML/gym_frontend.html b/Advance HTML/gym_frontend.html
new file mode 100644
index 00000000..2bb671ea
--- /dev/null
+++ b/Advance HTML/gym_frontend.html
@@ -0,0 +1,172 @@
+<!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">
+ <title>My Fitness</title>
+ <link rel="stylesheet" href="project(gym).css">
+ <link href="https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@500&display=swap" rel="stylesheet">
+</head>
+<style>
+ body {
+ margin: auto;
+ padding: 0;
+ display: block;
+ background: url('man-1282232_1920.jpg');
+ color: white;
+ height: auto;
+ width: auto;
+ font-family: 'Baloo Paaji 2', cursive;
+ background-repeat: no-repeat;
+ background-size: cover;
+
+ }
+
+ .left {
+ position: absolute;
+ left: 20px;
+ top: 15px;
+ display: inline-block;
+ /* border: 2px red solid; */
+ }
+
+ .left img {
+ width: 70px;
+ filter: invert(100%);
+ padding: 6px 20px;
+ }
+
+ .left div {
+ text-align: center;
+ font-size: 20px;
+ line-height: 10px;
+ }
+
+ .right {
+ position: absolute;
+ top: 20px;
+ right: 10px;
+ display: inline-block;
+ /* border: 2px green solid; */
+
+ }
+
+ .center {
+ display: block;
+ width: 580px;
+ margin: 12px auto;
+ /* border: 2px yellow solid; */
+ }
+
+ .navbar li {
+ display: inline-block;
+ padding: 5px 10px;
+ font-size: 20px;
+
+ }
+
+ .navbar li a {
+ color: whitesmoke;
+ text-decoration: none;
+
+ }
+
+ .navbar li a:hover,
+ .navbar li a.active {
+ color: black;
+ background-color: white;
+ padding: 1px 10px;
+ border-radius: 15px;
+ }
+
+ .btn {
+ margin: 9px 10px;
+ color: white;
+ background-color: black;
+ font-size: 15px;
+ border-radius: 13px;
+ border: 3px solid whitesmoke;
+ padding: 3px 8px;
+ font-family: 'Baloo Paaji 2', cursive;
+ cursor: pointer;
+ }
+
+ .btn:hover {
+ background-color: whitesmoke;
+ color: black;
+ border: 1px black thin;
+
+ }
+
+ .container {
+ border: 8px double white;
+ display: block;
+ width: 23%;
+ padding: 17px 12px;
+ margin: 120px 25px;
+ border-radius: 35px;
+
+ }
+ .container input{
+ font-family: 'Baloo Paaji 2', cursive;
+ font-size: 15px;
+ padding: 1px 5px;
+ margin: 5px 12px;
+ border: none;
+ border-radius: 7px;
+ }
+</style>
+
+<body>
+ <header>
+
+ <div class="left">
+ <img src="logo_gym1.png" alt="">
+ <div>
+ Big Muscle
+ </div>
+
+ </div>
+ <div class="center">
+ <ul class="navbar">
+ <li><a href="#" class="active">Home</a></li>
+ <li><a href="#">BMI Calculator</a></li>
+ <li><a href="#">Location</a></li>
+ <li><a href="#">About Us</a></li>
+ </ul>
+
+ </div>
+ <div class="right">
+ <button class="btn">Contact Us </button>
+ <button class="btn">E-Mail Us</button>
+ </div>
+ </header>
+ <div class="container">
+ <form action="noaction.php">
+ <h1>
+ Register For Free Demo
+ </h1>
+ <div>
+ <input type="text" class="from_group" placeholder="Enter Your Name">
+ </div>
+ <div>
+ <input type="number" class="from_group" placeholder="Enter Your Age">
+ </div>
+ <div>
+ <input type="test" class="from_group" placeholder="Enter Your Email">
+ </div>
+ <div>
+ Male : <input type="radio" class="from_group">
+ Female : <input type="radio" class="from_group">
+ Other : <input type="radio" class="from_group">
+ </div>
+ <div>
+ <button class="btn">Submit</button>
+ </div>
+ </div>
+ </form>
+</body>
+
+</html>
\ No newline at end of file