diff --git a/Full Stack Projects/Record-Manager/add background.png b/Full Stack Projects/Record-Manager/add background.png
new file mode 100644
index 0000000..1c6e4db
Binary files /dev/null and b/Full Stack Projects/Record-Manager/add background.png differ
diff --git a/Full Stack Projects/Record-Manager/add.html b/Full Stack Projects/Record-Manager/add.html
new file mode 100644
index 0000000..e5a37e7
--- /dev/null
+++ b/Full Stack Projects/Record-Manager/add.html	
@@ -0,0 +1,120 @@
+<!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>Add Record</title>
+</head>
+<style>
+    body {
+        margin: 0;
+        padding: 0;
+        font-family: serif;
+        background: url(vector.jpg) no-repeat;
+        background-size: cover;
+    }
+
+    .heading {
+        color: white;
+        width: 480px;
+        position: absolute;
+        top: 35%;
+        left: 40%;
+        transform: translate(-30%, -30%);
+    }
+
+    .heading h1 {
+        float: left;
+        font-size: 35px;
+        border-bottom: 6px solid #4caf4c;
+        margin-bottom: 50px;
+        padding: 13px 0;
+    }
+
+    .heading h3 {
+        float: left;
+        font-size: 24px;
+        font-weight: bolder;
+        color: #ff9156;
+        width: 100%;
+        margin-bottom: 40px;
+        padding: 10px 0;
+        border-bottom: 4px solid #4caf4c;
+    }
+
+    .textbox {
+        width: 100%;
+        overflow: hidden;
+        font-size: 20px;
+        padding: 8px 0;
+        margin: 8px 0;
+        border-bottom: 3px solid #4caf4c;
+    }
+
+    .textbox input {
+        border: none;
+        outline: none;
+        background: none;
+        color: white;
+        font-size: 18px;
+        width: 40%;
+        float: right;
+        margin: 0 10px;
+    }
+
+    .btn {
+        width: 100%;
+        background: none;
+        border: 2px solid #4caf4c;
+        color: white;
+        font-size: 18px;
+        padding: 5px;
+        cursor: pointer;
+        margin: 12px 0;
+    }
+</style>
+
+<body>
+    <form action="addser" method="get">
+
+        <div class="heading">
+            <h1>Add Records In The Database</h1>
+
+            <section>
+                <h3>** Enter the Fill The Information Correctly **</h3>
+            </section>
+
+            <div class="textbox">
+                <label>Enter the Roll Number : </label>
+                <input type="text" name="rno" placeholder="Roll Number">
+            </div>
+
+            <div class="textbox">
+                <label>Enter the Name : </label>
+                <input type="text" name="name" placeholder="Roll Number">
+            </div>
+
+            <div class="textbox">
+                <label>Enter the Marks of Subject 1 : </label>
+                <input type="text" name="m1" placeholder="Roll Number">
+            </div>
+
+            <div class="textbox">
+                <label>Enter the Marks of Subject 2 : </label>
+                <input type="text" name="m2" placeholder="Roll Number">
+            </div>
+
+            <div class="textbox">
+                <label>Enter the Marks of Subject 3 : </label>
+                <input type="text" name="m3" placeholder="Roll Number">
+            </div>
+            <input type="submit" value="Add The Record" class="btn">
+
+        </div>
+
+    </form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Full Stack Projects/Record-Manager/add.html.bak b/Full Stack Projects/Record-Manager/add.html.bak
new file mode 100644
index 0000000..4be0285
--- /dev/null
+++ b/Full Stack Projects/Record-Manager/add.html.bak	
@@ -0,0 +1,120 @@
+<!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>Add Record</title>
+</head>
+<style>
+    body {
+        margin: 0;
+        padding: 0;
+        font-family: serif;
+        background: url(vector.jpg) no-repeat;
+        background-size: cover;
+    }
+
+    .heading {
+        color: white;
+        width: 480px;
+        position: absolute;
+        top: 35%;
+        left: 40%;
+        transform: translate(-30%, -30%);
+    }
+
+    .heading h1 {
+        float: left;
+        font-size: 35px;
+        border-bottom: 6px solid #4caf4c;
+        margin-bottom: 50px;
+        padding: 13px 0;
+    }
+
+    .heading h3 {
+        float: left;
+        font-size: 24px;
+        font-weight: bolder;
+        color: #ff9156;
+        width: 100%;
+        margin-bottom: 40px;
+        padding: 10px 0;
+        border-bottom: 4px solid #4caf4c;
+    }
+
+    .textbox {
+        width: 100%;
+        overflow: hidden;
+        font-size: 20px;
+        padding: 8px 0;
+        margin: 8px 0;
+        border-bottom: 3px solid #4caf4c;
+    }
+
+    .textbox input {
+        border: none;
+        outline: none;
+        background: none;
+        color: white;
+        font-size: 18px;
+        width: 40%;
+        float: right;
+        margin: 0 10px;
+    }
+
+    .btn {
+        width: 100%;
+        background: none;
+        border: 2px solid #4caf4c;
+        color: white;
+        font-size: 18px;
+        padding: 5px;
+        cursor: pointer;
+        margin: 12px 0;
+    }
+</style>
+
+<body>
+    <form action="addser" method="post">
+
+        <div class="heading">
+            <h1>Add Records In The Database</h1>
+
+            <section>
+                <h3>** Enter the Fill The Information Correctly **</h3>
+            </section>
+
+            <div class="textbox">
+                <label>Enter the Roll Number : </label>
+                <input type="text" name="rno" placeholder="Roll Number">
+            </div>
+
+            <div class="textbox">
+                <label>Enter the Name : </label>
+                <input type="text" name="name" placeholder="Roll Number">
+            </div>
+
+            <div class="textbox">
+                <label>Enter the Marks of Subject 1 : </label>
+                <input type="text" name="m1" placeholder="Roll Number">
+            </div>
+
+            <div class="textbox">
+                <label>Enter the Marks of Subject 2 : </label>
+                <input type="text" name="m2" placeholder="Roll Number">
+            </div>
+
+            <div class="textbox">
+                <label>Enter the Marks of Subject 3 : </label>
+                <input type="text" name="m3" placeholder="Roll Number">
+            </div>
+            <input type="submit" value="Add The Record" class="btn">
+
+        </div>
+
+    </form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Full Stack Projects/Record-Manager/delete.html b/Full Stack Projects/Record-Manager/delete.html
new file mode 100644
index 0000000..7a3cb50
--- /dev/null
+++ b/Full Stack Projects/Record-Manager/delete.html	
@@ -0,0 +1,83 @@
+<!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>Delete Page</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            font-family: sans-serif;
+            background: url(vector4.jpg) no-repeat;
+            background-size: cover;
+            color: white;
+        }
+
+        .head_box {
+            width: 700px;
+            position: absolute;
+            top: 20%;
+            left: 40%;
+            transform: translate(-30%, -30%);
+        }
+
+        .head_box h1 {
+            float: left;
+            font-size: 40px;
+            border-bottom: 6px solid #4caf4c;
+            margin-bottom: 150px;
+            padding: 10px 0;
+        }
+
+        .textbox {
+            width: 100%;
+            overflow: hidden;
+            font-size: 20px;
+            padding: 10px 0;
+            margin: 10px 0;
+        }
+
+        .textbox input {
+            border: 1px dashed white;
+            outline: none;
+            background: none;
+            color: #49FF00;
+            font-size: 20px;
+            width: 50%;
+            float: right;
+            margin: 0 20px;
+        }
+
+        .btn {
+            width: 100%;
+            background: none;
+            border: 2px double #4caf4c;
+            color: white;
+            font-size: 18px;
+            padding: 5px;
+            cursor: pointer;
+            margin: 12px 0;
+        }
+    </style>
+</head>
+
+<body>
+    <form action="deleteser" method="get" class="box">
+        <div class="head_box">
+            <h1>Delete Record From The Database</h1>
+
+            <div class="textbox">
+                <label>Roll Number You Want To Delete : </label>
+                <input type="text" name="sno" placeholder="Roll Number">
+            </div>
+
+            <input type="submit" value="Delete Record" class="btn">
+
+        </div>
+    </form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Full Stack Projects/Record-Manager/delete.html.bak b/Full Stack Projects/Record-Manager/delete.html.bak
new file mode 100644
index 0000000..5023891
--- /dev/null
+++ b/Full Stack Projects/Record-Manager/delete.html.bak	
@@ -0,0 +1,83 @@
+<!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>Delete Page</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            font-family: sans-serif;
+            background: url(vector4.jpg) no-repeat;
+            background-size: cover;
+            color: white;
+        }
+
+        .head_box {
+            width: 700px;
+            position: absolute;
+            top: 20%;
+            left: 40%;
+            transform: translate(-30%, -30%);
+        }
+
+        .head_box h1 {
+            float: left;
+            font-size: 40px;
+            border-bottom: 6px solid #4caf4c;
+            margin-bottom: 150px;
+            padding: 10px 0;
+        }
+
+        .textbox {
+            width: 100%;
+            overflow: hidden;
+            font-size: 20px;
+            padding: 10px 0;
+            margin: 10px 0;
+        }
+
+        .textbox input {
+            border: 1px dashed white;
+            outline: none;
+            background: none;
+            color: #49FF00;
+            font-size: 20px;
+            width: 50%;
+            float: right;
+            margin: 0 20px;
+        }
+
+        .btn {
+            width: 100%;
+            background: none;
+            border: 2px double #4caf4c;
+            color: white;
+            font-size: 18px;
+            padding: 5px;
+            cursor: pointer;
+            margin: 12px 0;
+        }
+    </style>
+</head>
+
+<body>
+    <form action="deleteser" method="post" class="box">
+        <div class="head_box">
+            <h1>Delete Record From The Database</h1>
+
+            <div class="textbox">
+                <label>Roll Number You Want To Delete : </label>
+                <input type="text" name="sno" placeholder="Roll Number">
+            </div>
+
+            <input type="submit" value="Delete Record" class="btn">
+
+        </div>
+    </form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Full Stack Projects/Record-Manager/index.html b/Full Stack Projects/Record-Manager/index.html
new file mode 100644
index 0000000..40ce6c9
--- /dev/null
+++ b/Full Stack Projects/Record-Manager/index.html	
@@ -0,0 +1,84 @@
+<!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>Login Page</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            font-family: sans-serif;
+            background: url(vector.jpg) no-repeat;
+            background-size: cover;
+        }
+
+        .login-box {
+            width: 280px;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            color: white;
+        }
+
+        .login-box h1 {
+            float: left;
+            font-size: 40px;
+            border-bottom: 6px solid #4caf50;
+            margin-bottom: 50px;
+            padding: 13px 0;
+        }
+
+        .textbox {
+            width: 100%;
+            overflow: hidden;
+            font-size: 20px;
+            padding: 8px 0;
+            margin: 8px 0;
+            border-bottom: 1px solid #4caf50;
+        }
+
+        .textbox input {
+            border: none;
+            outline: none;
+            background: none;
+            color: #49FF00;
+            font-size: 20px;
+            width: 80%;
+            float: left;
+            margin: 0 10px;
+        }
+
+        .btn {
+            width: 100%;
+            background: none;
+            border: 2px solid #4caf50;
+            color: white;
+            padding: 5px;
+            font-size: 18px;
+            cursor: pointer;
+            margin: 12px 0;
+        }
+    </style>
+</head>
+
+<body>
+    <form action="authenticationser" method="post" class="box">
+        <div class="login-box">
+            <h1>Login</h1>
+            <div class="textbox">
+                <input type="text" name="uname" placeholder="Username" size="20">
+            </div>
+
+            <div class="textbox">
+                <input type="password" name="pword" placeholder="Password" size="20">
+            </div>
+            <input type="submit" value="Login" class="btn">
+        </div>
+    </form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Full Stack Projects/Record-Manager/index.html.bak b/Full Stack Projects/Record-Manager/index.html.bak
new file mode 100644
index 0000000..9544714
--- /dev/null
+++ b/Full Stack Projects/Record-Manager/index.html.bak	
@@ -0,0 +1,84 @@
+<!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>Login Page</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            font-family: sans-serif;
+            background: url(vector.jpg) no-repeat;
+            background-size: cover;
+        }
+
+        .login-box {
+            width: 280px;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            color: white;
+        }
+
+        .login-box h1 {
+            float: left;
+            font-size: 40px;
+            border-bottom: 6px solid #4caf50;
+            margin-bottom: 50px;
+            padding: 13px 0;
+        }
+
+        .textbox {
+            width: 100%;
+            overflow: hidden;
+            font-size: 20px;
+            padding: 8px 0;
+            margin: 8px 0;
+            border-bottom: 1px solid #4caf50;
+        }
+
+        .textbox input {
+            border: none;
+            outline: none;
+            background: none;
+            color: #49FF00;
+            font-size: 20px;
+            width: 80%;
+            float: left;
+            margin: 0 10px;
+        }
+
+        .btn {
+            width: 100%;
+            background: none;
+            border: 2px solid #4caf50;
+            color: white;
+            padding: 5px;
+            font-size: 18px;
+            cursor: pointer;
+            margin: 12px 0;
+        }
+    </style>
+</head>
+
+<body>
+    <form action="authenticationser" method="post" class="box">
+        <div class="login-box">
+            <h1>Login</h1>
+            <div class="textbox">
+                <input type="text" name="uname" placeholder="Username" size="20">
+            </div>
+
+            <div class="textbox">
+                <input type="text" name="pword" placeholder="Password" size="20">
+            </div>
+            <input type="submit" value="Login" class="btn">
+        </div>
+    </form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Full Stack Projects/Record-Manager/modify.html b/Full Stack Projects/Record-Manager/modify.html
new file mode 100644
index 0000000..195f133
--- /dev/null
+++ b/Full Stack Projects/Record-Manager/modify.html	
@@ -0,0 +1,91 @@
+<!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>Modifying Page</title>
+    <style>
+        body {
+            font-family: Verdana;
+            /* background-image: linear-gradient(to right, #71C5EE, #025091); */
+            background: url(vector4.jpg) no-repeat;
+            background-size: cover;
+            color: white;
+            margin: 0;
+            padding: 0;
+        }
+
+        .heading {
+            width: 620px;
+            position: absolute;
+            top: 25%;
+            left: 30%;
+            transform: translate(-15%, -15%);
+        }
+
+        .heading h1 {
+            float: left;
+            font-size: 32px;
+            border-bottom: 6px solid #4caf50;
+            margin-bottom: 50px;
+            padding: 13px 0;
+        }
+
+        .textbox{
+            width: 100%;
+            overflow: hidden;
+            font-size: 26px;
+            margin: 46px 0;
+            padding: 8px 0;
+        }
+
+        .textbox input{
+            background: none;
+            border:1px dotted white;
+            text-align: center;
+            outline: none;
+            color:#4caf50;
+            font-size: 24px;
+            width:40%;
+            float: right;
+            margin: 6px 0; 
+        }
+
+        .btn{
+            width:100%;
+            background: none;
+            color:white;
+            border:2px solid whitesmoke;
+            padding:10px 0;
+            margin:0 8px;
+            font-size: 20px;
+            font-weight: bolder;
+            cursor:pointer;
+        }
+
+        .btn:hover{
+            background:#4caf50;
+            border:2px solid black;
+        }
+    </style>
+</head>
+
+<body>
+
+    <form action="modifyser" method="get">
+        <div class="heading">
+            <h1>Modify The Record From Database</h1>
+            <div class="textbox">
+                <label>Enter the Student Roll no : </label>
+                <input type=text name="sno" placeholder="Roll Number">
+            </div>
+                <!-- <a href=modifyser> -->
+                    <input type="submit" value="Submit" class="btn">
+                <!-- </a> -->
+            
+    </form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Full Stack Projects/Record-Manager/modify.html.bak b/Full Stack Projects/Record-Manager/modify.html.bak
new file mode 100644
index 0000000..2afde7b
--- /dev/null
+++ b/Full Stack Projects/Record-Manager/modify.html.bak	
@@ -0,0 +1,30 @@
+<!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>Modifying Page</title>
+    <style>
+        body{
+            font-family: Verdana;
+            font-size: 24px;
+            background-image: linear-gradient(to right, #71C5EE, #025091);
+        }
+    </style>
+</head>
+<body>
+    
+    <form action="modifyser" method="post">
+    <div class="heading">
+        <h1>Modify The Record From Database</h1>
+
+        <div class="textbox">
+            <a href="modifyser">
+                <input type="submit" value="Submit">
+            </a>
+        </div>
+    </div>
+    </form>
+</body>
+</html>
\ No newline at end of file
diff --git a/Full Stack Projects/Record-Manager/vector.jpg b/Full Stack Projects/Record-Manager/vector.jpg
new file mode 100644
index 0000000..182d6fc
Binary files /dev/null and b/Full Stack Projects/Record-Manager/vector.jpg differ
diff --git a/Full Stack Projects/Record-Manager/vector1.jpg b/Full Stack Projects/Record-Manager/vector1.jpg
new file mode 100644
index 0000000..d540ef9
Binary files /dev/null and b/Full Stack Projects/Record-Manager/vector1.jpg differ
diff --git a/Full Stack Projects/Record-Manager/vector2.jpg b/Full Stack Projects/Record-Manager/vector2.jpg
new file mode 100644
index 0000000..8342ea2
Binary files /dev/null and b/Full Stack Projects/Record-Manager/vector2.jpg differ
diff --git a/Full Stack Projects/Record-Manager/vector3.jpg b/Full Stack Projects/Record-Manager/vector3.jpg
new file mode 100644
index 0000000..28d8c67
Binary files /dev/null and b/Full Stack Projects/Record-Manager/vector3.jpg differ
diff --git a/Full Stack Projects/Record-Manager/vector4.jpg b/Full Stack Projects/Record-Manager/vector4.jpg
new file mode 100644
index 0000000..aa9bbee
Binary files /dev/null and b/Full Stack Projects/Record-Manager/vector4.jpg differ
diff --git a/Full Stack Projects/Record-Manager/x.html b/Full Stack Projects/Record-Manager/x.html
new file mode 100644
index 0000000..3bf69e2
--- /dev/null
+++ b/Full Stack Projects/Record-Manager/x.html	
@@ -0,0 +1,93 @@
+<!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>Main Menu</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            font-family: Verdana;
+            background: url(vector2.jpg) no-repeat;
+            background-size: cover;
+            color: white;
+        }
+
+        .heading {
+            width: 280px;
+            position: absolute;
+            top: 30%;
+            left: 45%;
+            transform: translate(-30%,-30%);
+        }
+
+        .heading h1{
+            float: left;
+            font-size: 40px;
+            border-bottom: 6px solid #4caf4c;
+            margin-bottom: 50px;
+            padding:15px 0;
+        }
+
+        .textbox input{
+            width: 100%;
+            font-size: 30px;
+            overflow: hidden;
+            border: none;
+            background: none;
+            margin: 20px 0;
+            padding: 20px 0;
+            border-bottom: 6px solid #4caf4c;
+            color: white;
+            float: left;
+            position:relative;
+            cursor: pointer;
+        }
+
+        .addbtn:hover{
+            background-color: #4caf4c;
+        }
+        .deletebtn:hover{
+            background-color: #4caf4c;
+        }
+        .listbtn:hover{
+            background-color: #4caf4c;
+        }
+        .modifybtn:hover{
+            background-color: #4caf4c;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="heading">
+        <h1>MAIN MENU</h1>
+
+
+        <div class="textbox">
+            <form action="one" method="get">
+                <a href="add.html">
+                    <input type="button" value="Add Record" class="addbtn">
+                </a>
+
+                <a href="listser">
+                    <input type="button" value="List Record" class="listbtn">
+                </a>
+
+                <a href="delete.html">
+                    <input type="button" value="Delete Record" class="deletebtn">
+                </a>
+
+                <a href="modify.html">
+                    <input type="button" value="Modify Record" class="modifybtn">
+                </a>
+			</form>
+       </div>
+        
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Full Stack Projects/Record-Manager/x.html.bak b/Full Stack Projects/Record-Manager/x.html.bak
new file mode 100644
index 0000000..b90311c
--- /dev/null
+++ b/Full Stack Projects/Record-Manager/x.html.bak	
@@ -0,0 +1,93 @@
+<!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>Main Menu</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            font-family: Verdana;
+            background: url(vector2.jpg) no-repeat;
+            background-size: cover;
+            color: white;
+        }
+
+        .heading {
+            width: 280px;
+            position: absolute;
+            top: 30%;
+            left: 45%;
+            transform: translate(-30%,-30%);
+        }
+
+        .heading h1{
+            float: left;
+            font-size: 40px;
+            border-bottom: 6px solid #4caf4c;
+            margin-bottom: 50px;
+            padding:15px 0;
+        }
+
+        .textbox input{
+            width: 100%;
+            font-size: 30px;
+            overflow: hidden;
+            border: none;
+            background: none;
+            margin: 20px 0;
+            padding: 20px 0;
+            border-bottom: 6px solid #4caf4c;
+            color: white;
+            float: left;
+            position:relative;
+            cursor: pointer;
+        }
+
+        .addbtn:hover{
+            background-color: #4caf4c;
+        }
+        .deletebtn:hover{
+            background-color: #4caf4c;
+        }
+        .listbtn:hover{
+            background-color: #4caf4c;
+        }
+        .modifybtn:hover{
+            background-color: #4caf4c;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="heading">
+        <h1>MAIN MENU</h1>
+
+
+        <div class="textbox">
+            <form action="one" method="get">
+                <a href="add.html">
+                    <input type="button" value="Add Record" class="addbtn">
+                </a>
+
+                <a href="listser">
+                    <input type="button" value="List Record" class="listbtn">
+                </a>
+
+                <a href="delete.html">
+                    <input type="button" value="Delete Record" class="deletebtn">
+                </a>
+
+                <a href="modify.html">
+                    <input type="button" value="Modify Record" class="modifybtn">
+                </a>
+        </div>
+
+        </form>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
