diff --git a/Backend/customer.js b/Backend/customer.js
index ec953be..41b4769 100644
--- a/Backend/customer.js
+++ b/Backend/customer.js
@@ -46,20 +46,21 @@ $(document).ready(async () => { //it waits for html to load
     });
 
     // Save project data when save button on panel 2 is clicked
-    $('#saveProject').on('click', function () {
+    $("#saveProject").click(async () => {
         projectData = saveProjectData();
-    });
-
-    try {
-        $('#back_btn').click(async (e) => {
+        try {
+            await window.electron.send('createProject', { projectData });
             e.preventDefault();
-            $('#milestone_table').hide();
-            $('#customer_form').show();
-        });
-
+            $('#milestone_table').show();
+            $('#customer_form').hide();
+        }
+        catch (error) {
+            console.log(error);
+        }
+    })
 
+    try {
         const tax = $('#taxes_select').val();
-        const tax_options = $('#tax_type_select').val();
         if (tax === true) {
             $('#tax_type').show();
         }
@@ -72,11 +73,6 @@ $(document).ready(async () => { //it waits for html to load
                 $('#tax_type').hide();
             }
         });
-        $('#tax_type_select').change(function () {
-            const tax_options = $(this).val();
-        })
-        const table = $("#dataTable");
-
 
         let rowDataArray = [];
 
@@ -163,7 +159,6 @@ $(document).ready(async () => { //it waits for html to load
 
         $("#create_milestone").click(async () => {
             try {
-                //await window.electron.send('createCustomer', { customerData });
                 await window.electron.send('insertMilestone', { rowDataArray, projectData });
             } catch (error) {
                 console.log(error)
@@ -173,20 +168,11 @@ $(document).ready(async () => { //it waits for html to load
         $("#saveCustomer").click(async () => {
             try {
                 await window.electron.send('createCustomer', { customerData });
-                // await window.electron.send('insertmilestone', { rowDataArray });
             } catch (error) {
                 console.log(error)
             }
         });
 
-        $("#saveProject").click(async () => {
-            try {
-                await window.electron.send('createProject', { projectData });
-            }
-            catch(error) {
-                console.log(error);
-            }
-        })
 
         const { company_name } = await window.electron.invoke('fetchCustomer');
         $('#customerSelect').empty();
diff --git a/Backend/milestonepage.js b/Backend/milestonepage.js
index 2dca925..40430c2 100644
--- a/Backend/milestonepage.js
+++ b/Backend/milestonepage.js
@@ -17,28 +17,36 @@ $(document).ready(async () => {
         row.append(`<td>${project ? project.project_name : 'N/A'}</td>`); // Check if project exists
         row.append(`<td>${milestone.milestone_name}</td>`);
         row.append(`<td>${invoice ? formatDate(invoice.due_date) : 'N/A'}</td>`); // Update this with the actual due date field
-        row.append(`<td>${invoice ? formatCurrency(invoice.remaining_amount) : 'N/A'}</td>`); // Remaining Amount);
+        row.append(`<td>${invoice ? formatCurrency(milestone.amount) : 'N/A'}</td>`); // Remaining Amount);
 
         // Status - Use the status from the milestone object
         const statusCell = $('<td>'); // Create a cell for the status
-        if (invoice) {
+        if (invoice && milestone.status !== 'paid') {
             const payButton = $('<button>').addClass('pay-btn').text('Pay'); // Create the "Pay" button
-            payButton.click(function () {
-                // Hide the button
-                $(this).hide();
+            payButton.click(async function () {
+                try {
+                    // Hide the button
+                    $(this).hide();
 
-                // Get the row index
-                const rowIndex = $(this).closest('tr').index();
+                    // Get the row index
+                    const rowIndex = $(this).closest('tr').index();
 
-                // Update the status to "paid"
-                invoices[rowIndex].status = 'paid';
+                    // Update the status to "paid"
+                    milestone.status = 'paid';
 
-                // Update the corresponding cell text
-                statusCell.text('Paid');
+                    // Update the corresponding cell text
+                    statusCell.text('Paid');
 
-                // You might need to send an update request to your backend here to update the status in the database
+                    // Send a request to update the milestone status
+                    await window.electron.send('paidstatus', { milestone });
+                } catch (error) {
+                    console.error('Error paying milestone:', error);
+                    // Handle error if necessary
+                }
             });
             statusCell.append(payButton);
+        } else if (invoice && milestone.status === 'paid') {
+            statusCell.text('Paid');
         } else {
             statusCell.text('N/A');
         }
@@ -58,6 +66,6 @@ $(document).ready(async () => {
             return parseFloat(amount).toLocaleString('en-IN', { style: 'currency', currency: 'INR' });
         };
 
-        await window.electron.send('updatestatus', milestone)
+        // await window.electron.send('updatestatus', milestone)
     });
-});
+});
\ No newline at end of file
diff --git a/CSS/create_customer.css b/CSS/create_customer.css
index 62d808a..13cd5b7 100644
--- a/CSS/create_customer.css
+++ b/CSS/create_customer.css
@@ -1,132 +1,51 @@
- .form-container {
+#customer_form {
     padding-left: 20px;
     padding-right: 20px;
-    animation: slideIn 0.5s forwards;
+animation: slideIn 1s forwards;
 }
 
-@keyframes slideIn {
-    from {
-        opacity: 0;
-        transform: translateY(-50px);
-    }
-
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-.form-group button:hover {
-    background-color: #0056b3;
-}
-
-.multiPageForm ul.tabs {
-    overflow: hidden;
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-}
-
-.multiPageForm ul.tabs li {
-    float: left;
-    width: 25%;
-    text-align: center;
-}
-
-.multiPageForm ul.tabs li a {
-    display: block;
-    padding: 10px;
-    text-decoration: none;
-    color: #333;
-    background-color: #f4f4f4;
-}
-
-.multiPageForm ul.tabs li a:hover {
-    background-color: #ddd;
-}
-
-.multiPageForm ul.tabs li.is-active a {
-    background-color: #007bff;
-    color: #fff;
-}
-
-.tabs-panel {
-    display: none;
-    padding: 20px;
-    border: 1px solid #ccc;
-}
-
-.tabs-panel.is-active {
-    display: block;
-} 
-
-#myForm {
-    max-width: 600px;
-        margin: auto;
-        padding: 30px;
-        background: #f4f4f4;
-    border-radius: 8px;
-}
-
-#myForm h1 {
+#customer_form h1 {
     margin: 0 0 30px 0;
     text-align: center;
-    color: #fff;
+color: #333;
 }
 
-#myForm .form-group {
+#customer_form .form-group {
     margin-bottom: 20px;
 }
 
-#myForm .form-group label {
+#customer_form .form-group label {
     display: block;
     margin-bottom: 8px;
-    color: black;
-        font-weight: bold;
-}
-
-#myForm .form-group input {
-    width: 95%;
-    padding: 8px;
-    border: none;
-    font-size: 16px;
-    background-color: #e8eeef;
-    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
-}
-
-#tax,
-#tax_type {
-    margin-bottom: 20px;
-}
-
-#tax label,
-#tax_type label {
-    display: block;
+color: #333;
+    /* Dark text color */
     font-weight: bold;
-    margin-bottom: 5px;
-    color: black;
 }
 
-#tax select,
-#tax_type select {
-    width: 100%;
-    padding: 8px;
+#customer_form .form-group input {
+    width: calc(100% - 16px);
+    padding: 10px;
     border: 1px solid #ccc;
     border-radius: 5px;
-    background-color: #e8eeef;
-    color: #8a97a0;
-    font-size: medium;
+background-color: #f9f9f9;
+    /* Light background color */
+    color: #333;
+    /* Dark text color */
+    font-size: 16px;
 }
 
-#tax_type select {
-    height: 100px;
-        margin-top: 5px;
+.error {
+    color: red;
 }
 
-#create_milestone {
-    margin-top: 10px;
-}
+@keyframes slideIn {
+    from {
+        opacity: 0;
+        transform: translateY(-50px);
+    }
 
-.deleteBtn {
-    margin-left: 10px;
-}
+  to {
+      opacity: 1;
+      transform: translateY(0);
+  }
+}
\ No newline at end of file
diff --git a/CSS/create_project.css b/CSS/create_project.css
new file mode 100644
index 0000000..839464b
--- /dev/null
+++ b/CSS/create_project.css
@@ -0,0 +1,144 @@
+.form-container {
+    padding-left: 20px;
+    padding-right: 20px;
+    animation: slideIn 1s forwards;
+}
+
+@keyframes slideIn {
+    from {
+        opacity: 0;
+        transform: translateY(-50px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.form-group button:hover {
+    background-color: #0056b3;
+}
+
+.multiPageForm ul.tabs {
+    overflow: hidden;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+.multiPageForm ul.tabs li {
+    float: left;
+    width: 25%;
+    text-align: center;
+}
+
+.multiPageForm ul.tabs li a {
+    display: block;
+    padding: 10px;
+    text-decoration: none;
+    color: #333;
+    background-color: #f4f4f4;
+}
+
+.multiPageForm ul.tabs li a:hover {
+    background-color: #ddd;
+}
+
+.multiPageForm ul.tabs li.is-active a {
+    background-color: #007bff;
+    color: #fff;
+}
+
+.tabs-panel {
+    display: none;
+    padding: 20px;
+    border: 1px solid #ccc;
+}
+
+.tabs-panel.is-active {
+    display: block;
+}
+
+#project_form {
+    padding: 20px;
+    animation: slideIn 1s forwards;
+}
+
+#project_form h1 {
+    margin: 0 0 30px 0;
+    text-align: center;
+    color: #333;
+    /* Dark text color */
+}
+
+#project_form .form-group {
+    margin-bottom: 20px;
+}
+
+#project_form .form-group label {
+    display: block;
+    margin-bottom: 8px;
+    color: #333;
+    /* Dark text color */
+    font-weight: bold;
+}
+
+#project_form .form-group input,
+#customerSelect {
+    width: calc(100% - 16px);
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    background-color: #f9f9f9;
+    /* Light background color */
+    color: #333;
+    /* Dark text color */
+    font-size: 16px;
+}
+
+#tax,
+#tax_type {
+    margin-bottom: 20px;
+}
+
+#tax label,
+#tax_type label {
+    display: block;
+    font-weight: bold;
+    margin-bottom: 5px;
+    color: black;
+}
+
+#tax select,
+#tax_type select {
+    width: calc(100% - 16px);
+    /* Adjusted width to consider the border */
+    padding: 8px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    background-color: #e8eeef;
+    color: #8a97a0;
+    font-size: medium;
+    margin-right: 8px;
+    /* Add some margin to the right side */
+    margin-bottom: 10px;
+    /* Add some margin to the bottom */
+}
+
+#tax_type select {
+    height: 100px;
+    margin-top: 5px;
+}
+
+#tax_type option {
+    color: black;
+}
+
+.deleteBtn {
+    margin-left: 10px;
+}
+
+.error {
+    color: red;
+}
\ No newline at end of file
diff --git a/CSS/display.css b/CSS/display.css
index 25c841e..673b1b3 100644
--- a/CSS/display.css
+++ b/CSS/display.css
@@ -1,34 +1,34 @@
 #displayTable {
-    font-family: Arial, sans-serif;
+    font-family: 'Roboto', sans-serif;
     border-collapse: collapse;
     width: 100%;
-    animation: slideIn 0.5s forwards;
-    margin-bottom: 10px;
+    margin-bottom: 20px;
+        border-radius: 8px;
+        overflow: hidden;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
 #displayTable th,
 #displayTable td {
-    border: 1px solid;
-    padding: 8px;
+    border: none;
+        padding: 12px;
     text-align: center;
 }
 
 #displayTable th {
-    background-color: #f2f2f2;
+    background-color: #4285f4;
+        color: white;
 }
 
 #displayTable tbody tr:nth-child(even) {
-    background-color: #f9f9f9;
-}
-
-#displayTable tbody tr {
-    font-size: small;
+    background-color: #f2f2f2;
 }
 
 #displayTable tbody tr:hover {
-    background-color: #f5f5f5;
+    background-color: #e0e0e0;
 }
 
+
 @keyframes slideIn {
     from {
         opacity: 0;
@@ -40,7 +40,7 @@
         transform: translateY(0);
     }
 }
-/* CSS for row animation */
+/* Row Animation */
 @keyframes pulse {
     0% {
         transform: scale(1);
diff --git a/CSS/invoice.css b/CSS/invoice.css
index 5bae31a..fb88657 100644
--- a/CSS/invoice.css
+++ b/CSS/invoice.css
@@ -39,4 +39,35 @@
         opacity: 1;
         transform: translateY(0);
     }
+}
+.error {
+    color: red;
+}
+
+#customerChoose {
+    width: 100%;
+    padding: 8px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    background-color: #e8eeef;
+    color: #8a97a0;
+    font-size: medium;
+}
+
+#customerChoose option {
+    color: black;
+}
+
+#projectChoose {
+    width: 100%;
+    padding: 8px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    background-color: #e8eeef;
+    color: #8a97a0;
+    font-size: medium;
+}
+
+#projectChoose option {
+    color: black;
 }
\ No newline at end of file
diff --git a/CSS/milestones.css b/CSS/milestones.css
deleted file mode 100644
index 87a3321..0000000
--- a/CSS/milestones.css
+++ /dev/null
@@ -1,39 +0,0 @@
-.box {
-    border: 1px solid #ccc;
-    padding: 20px;
-    margin: 20px;
-    width: 300px;
-    background-color: #f9f9f9;
-    border-radius: 10px;
-    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
-}
-
-.company_name {
-    margin-top: 0;
-}
-.milestone {
-    margin-top: 20px;
-}
-
-.milestone-details {
-    display: none;
-    padding: 10px;
-    background-color: #fff;
-    border-radius: 5px;
-    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
-    margin-top: 10px;
-    transition: all 0.3s ease;
-}
-
-.show-details {
-    cursor: pointer;
-    color: #007bff;
-    margin-bottom: 0;
-    padding-bottom: 10px;
-    border-bottom: 1px solid #ccc;
-    transition: color 0.3s ease;
-}
-
-.show-details:hover {
-    color: #014286;
-}
\ No newline at end of file
diff --git a/CSS/overall.css b/CSS/overall.css
index 50f1c45..f757905 100644
--- a/CSS/overall.css
+++ b/CSS/overall.css
@@ -21,61 +21,6 @@ button:hover {
     margin-bottom: 30px;
 }
 
-.dashboard-menu {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    grid-gap: 20px;
-    list-style-type: none;
-    padding: 0;
-}
-
-.dashboard-menu li {
-    text-align: center;
-}
-
-.dashboard-menu a {
-    text-decoration: none;
-    color: #333;
-    padding: 20px;
-    border-radius: 10px;
-    background-color: #3498db;
-    display: block;
-    transition: all 0.3s ease;
-    position: relative;
-    overflow: hidden;
-}
-
-.dashboard-menu a:before {
-    content: "";
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 300%;
-    height: 300%;
-    background-color: #fff;
-    transition: all 0.3s ease;
-    border-radius: 50%;
-    z-index: 0;
-    transform: translate(-50%, -50%);
-}
-
-.dashboard-menu a:hover:before {
-    width: 0;
-    height: 0;
-}
-
-.dashboard-menu a:hover {
-    color: #fff;
-}
-
-.dashboard-menu a span {
-    display: block;
-    margin-top: 10px;
-    font-size: 20px;
-    position: relative;
-    z-index: 1;
-}
-
 @keyframes slideIn {
     from {
         opacity: 0;
diff --git a/main.js b/main.js
index d51936b..8bf55ab 100644
--- a/main.js
+++ b/main.js
@@ -180,24 +180,6 @@ ipcMain.on("createInvoice", async (event, data) => {
 
         return remainingAmount;
     }
-
-    // async function updateMilestoneStatus(milestones) {
-    //     const updateStatusQuery = `
-    //         UPDATE milestones
-    //         SET status = 'paid'
-    //         WHERE cin = ? AND pono = ? AND milestone_name IN (?)
-    //     `;
-
-    //     const milestoneNames = milestones.map(
-    //         (milestone) => milestone.milestone_name
-    //     );
-    //     await connection.query(updateStatusQuery, [
-    //         milestones[0].cin,
-    //         milestones[0].pono,
-    //         milestoneNames,
-    //     ]);
-    // }
-    // await updateMilestoneStatus(milestones);
 });
 
 ipcMain.on("createForm", async (event, data) => {
@@ -318,6 +300,27 @@ ipcMain.handle("fetchMilestones", async (event, projectName) => {
         console.error("Error fetching data from database:", error);
     }
 });
+ipcMain.on("paidstatus", async (event, data) => {
+    try {
+        const milestone = data.milestone;
+
+        // Select query to find the milestone
+        const selectQuery = 'SELECT * FROM milestones WHERE cin = ? AND pono = ? AND milestone_name = ?';
+        const [milestones] = await connection.execute(selectQuery, [milestone.cin, milestone.pono, milestone.milestone_name]);
+
+        // If milestone is found, update its status to 'paid'
+        if (milestones.length > 0) {
+            // Update query to set status to 'paid'
+            const updateQuery = 'UPDATE milestones SET status = ? WHERE cin = ? AND pono = ? AND milestone_name = ?';
+            await connection.execute(updateQuery, ['paid', milestone.cin, milestone.pono, milestone.milestone_name]);
+            console.log('Milestone status updated to paid');
+        } else {
+            console.log('Milestone not found');
+        }
+    } catch (err) {
+        console.error('Error:', err);
+    }
+});
 // Close database connection when app is quit
 app.on("quit", () => {
     if (connection) {
diff --git a/public/index.html b/public/index.html
index 6423903..f27de98 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,12 +6,13 @@
     <title>Dashboard</title>
     <link rel="stylesheet" href="../CSS/main_menu.css" />
     <link rel="stylesheet" href="../CSS/create_customer.css" />
+    <link rel="stylesheet" href="../CSS/create_project.css" />
     <link rel="stylesheet" href="../CSS/overall.css" />
     <link rel="stylesheet" href="../CSS/milestones.css" />
     <link rel="stylesheet" href="../CSS/milestone_addition.css" />
     <link rel="stylesheet" href="../CSS/invoice.css" />
     <link rel="stylesheet" href="../CSS/display.css" />
-    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI=" crossorigin="anonymous"></script>
     <script src="./index.js"></script>
     <script src="../Backend/invoices.js"></script>
     <script src="../Backend/customer.js"></script>
@@ -22,16 +23,6 @@
     <nav class="main-menu" id="mainMenu">
       <button class="menu-toggle">Menu</button>
       <ul class="menu-items">
-        <!-- <li>
-          <a href="#dashboard" class="nav-menu-item">
-            <img
-              src="../Assets/file-invoice-solid.svg"
-              alt="Dashboard Icon"
-              class="nav-icon"
-            />
-            <span class="nav-text">Dashboard</span>
-          </a>
-        </li> -->
         <li>
           <a href="#create_invoices" class="nav-menu-item">
             <img
@@ -73,33 +64,8 @@
             <span class="nav-text">Milestones</span>
           </a>
         </li>
-        <li>
-          <a href="#settings" class="nav-menu-item">
-            <img
-              src="../Assets/sliders-solid.svg"
-              alt="Settings Icon"
-              class="nav-icon"
-            />
-            <span class="nav-text">Settings</span>
-          </a>
-        </li>
       </ul>
     </nav>
-    <!-- <section id="dashboard" class="content-section">
-      <div class="container">
-        <div class="header">
-            <h1>Divine Dashboard</h1>
-            <p>Explore the celestial realms</p>
-        </div>
-        <ul class="dashboard-menu">
-            <li><a href="#settings"><span>Settings</span></a></li>
-            <li><a href="#milestones"><span>Milestones</span></a></li>
-            <li><a href="#create_project"></i><span>Create Project</span></a></li>
-            <li><a href="#create_customers"><span>Create Customers</span></a></li>
-            <li><a href="#create_invoices"><span>Create Invoices</span></a></li>
-        </ul>
-      </div>
-    </section> -->
     <section id="create_invoices" class="content-section">
       <div class="form-container" id="customer_form">
         <form id="myForm">
@@ -159,6 +125,67 @@ <h1>Divine Dashboard</h1>
         </form>
       </div>
     </section>
+    <section id="create_customers" class="content-section">
+      <div class="form-container" id="customer_form">
+        <form id="customerForm">
+          <div class="form-group">
+            <label for="companyName">Company Name</label>
+            <input
+              type="text"
+              id="customer_company_name"
+              placeholder="Company Name"
+              required
+            />
+          </div>
+          <div class="form-group">
+            <label for="address">Address</label>
+            <input
+              type="text"
+              id="customer_address"
+              placeholder="Address"
+              required
+            />
+          </div>
+          <div class="form-group">
+            <label for="phone">Phone</label>
+            <input
+              type="text"
+              id="customer_phone"
+              placeholder="Phone"
+              required
+            />
+          </div>
+          <div class="form-group">
+            <label for="gstin">Gst Identification Number</label>
+            <input
+              type="text"
+              id="customer_gstin"
+              placeholder="Gst Identification Number"
+              required
+            />
+          </div>
+          <div class="form-group">
+            <label for="pan">Pan Number</label>
+            <input
+              type="text"
+              id="customer_pan"
+              placeholder="Pan Number"
+              required
+            />
+          </div>
+          <div class="form-group">
+            <label for="cin">Corporate Identification Number</label>
+            <input
+              type="text"
+              id="customer_cin"
+              placeholder="Corporate Identification Number"
+              required
+            />
+          </div>
+          <button type="button" id="saveCustomer">Save Customer</button>
+        </form>
+      </div>
+    </section>
     <section id="create_project" class="content-section">
       <div class="form-container">
         <div class="multiPageForm">
@@ -171,7 +198,7 @@ <h1>Divine Dashboard</h1>
           <div class="tabs-content" data-tabs-content="example-tabs">
             <div class="tabs-panel is-active" id="panel1">
               <div class="form-container" id="project_form">
-                <form id="myForm">
+                <form id="projectForm">
                   <div class="form-group">
                     <label for="customerSelect">Select Customer</label>
                     <select id="customerSelect" required>
@@ -225,8 +252,6 @@ <h1>Divine Dashboard</h1>
                   <button type="button" id="saveProject">Save Project</button>
                 </form>
               </div>
-              <button class="button prev-tab">Previous</button>
-              <button class="button next-tab">Next</button>
             </div>
             <div class="tabs-panel" id="panel2">
               <div id="milestone_table">
@@ -253,67 +278,6 @@ <h1>Divine Dashboard</h1>
         </div>
       </div>
     </section>
-    <section id="create_customers" class="content-section">
-      <div class="form-container" id="customer_form">
-        <form id="myForm">
-          <div class="form-group">
-            <label for="companyName">Company Name</label>
-            <input
-              type="text"
-              id="customer_company_name"
-              placeholder="Company Name"
-              required
-            />
-          </div>
-          <div class="form-group">
-            <label for="address">Address</label>
-            <input
-              type="text"
-              id="customer_address"
-              placeholder="Address"
-              required
-            />
-          </div>
-          <div class="form-group">
-            <label for="phone">Phone</label>
-            <input
-              type="text"
-              id="customer_phone"
-              placeholder="Phone"
-              required
-            />
-          </div>
-          <div class="form-group">
-            <label for="gstin">Gst Identification Number</label>
-            <input
-              type="text"
-              id="customer_gstin"
-              placeholder="Gst Identification Number"
-              required
-            />
-          </div>
-          <div class="form-group">
-            <label for="pan">Pan Number</label>
-            <input
-              type="text"
-              id="customer_pan"
-              placeholder="Pan Number"
-              required
-            />
-          </div>
-          <div class="form-group">
-            <label for="cin">Corporate Identification Number</label>
-            <input
-              type="text"
-              id="customer_cin"
-              placeholder="Corporate Identification Number"
-              required
-            />
-          </div>
-          <button type="button" id="saveCustomer">Save Customer</button>
-        </form>
-      </div>
-    </section>
     <section id="milestones" class="content-section">
       <div id="milestone_table">
         <table id="displayTable">
diff --git a/public/index.js b/public/index.js
index a4a42c6..8bfada1 100644
--- a/public/index.js
+++ b/public/index.js
@@ -31,7 +31,7 @@ $(document).ready(function () {
 });
 
 $(document).ready(function () {
-    $('.next-tab').click(function () {
+    $('#saveProject').click(function () {
         var currentTab = $(this).closest('.tabs-panel');
         var nextTab = currentTab.next('.tabs-panel');
 
@@ -42,33 +42,6 @@ $(document).ready(function () {
         $('a[href="#' + currentTabLink + '"]').parent().removeClass('is-active');
         $('a[href="#' + nextTab.attr('id') + '"]').parent().addClass('is-active');
     });
-
-    $('.prev-tab').click(function () {
-        var currentTab = $(this).closest('.tabs-panel');
-        var prevTab = currentTab.prev('.tabs-panel');
-
-        currentTab.removeClass('is-active');
-        prevTab.addClass('is-active');
-
-        var currentTabLink = currentTab.attr('id');
-        $('a[href="#' + currentTabLink + '"]').parent().removeClass('is-active');
-        $('a[href="#' + prevTab.attr('id') + '"]').parent().addClass('is-active');
-    });
 });
 
-// $(document).ready(function () {
-//     $('a[href^="#"]').on('click', function (e) {
-//         e.preventDefault();
-
-//         var target = this.hash;
-//         var $target = $(target);
-
-//         $('html, body').stop().animate({
-//             'scrollTop': $target.offset().top
-//         }, 900, 'swing', function () {
-//             window.location.hash = target;
-//         });
-//     });
-// });
-