diff --git a/src/dbfunc.py b/src/dbfunc.py
deleted file mode 100644
index ddcdbb15d37e5fbbd4f89d93f466a63561b5672f..0000000000000000000000000000000000000000
--- a/src/dbfunc.py
+++ /dev/null
@@ -1,43 +0,0 @@
-import pymssql
-from os import getenv
-import pyodbc
-
-
-def getConnection():
-    try:
-        conn = pyodbc.connect(
-        Trusted_Connection='No',
-        Driver='{ODBC Driver 18 for SQL Server}',
-        Server='uwe-sdgp.database.windows.net,1433',
-        User='fi_developer',
-        Password='Eggyweggy156',
-        Database='feeding_inc')
-    except pymssql.DatabaseError:
-        print("error")
-    else:
-        return conn
-
-# cursor = getConnection()
-
-# server = 'uwe-sdgp.database.windows.net'
-# print(server)
-# username = 'fi-developer'
-# print(username)
-# password = 'Eggyweggy156'
-# print(password)
-# database = 'feeding_inc'
-# driver = '{ODBC Driver 18 for SQL Server}'
-
-# with pyodbc.connect(
-#     Trusted_Connection='No',
-#     Driver='{ODBC Driver 18 for SQL Server}',
-#     Server='uwe-sdgp.database.windows.net,1433',
-#     User='fi_developer',
-#     Password='Eggyweggy156',
-#     Database='feeding_inc') as conn:
-#     with conn.cursor() as cursor:
-#         cursor.execute("SELECT * FROM fid_patients")
-#         row = cursor.fetchone()
-#         while row:
-#             print (str(row[0]) + " " + str(row[1]))
-#             row = cursor.fetchone()
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 08c960c76ef5a0c4beb8eea25c434538d9cf14d4..82ecc10ddceb128cccebd05624e5e6d21c09c51e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -25,21 +25,21 @@
                         <hr>
                         <ul class="navbar-nav flex-row flex-xl-column">
                             <li class="nav-item d-inline ps-4 ps-xl-0">
-                                <a href="./index.html" class="nav-link active">
+                                <a href="index.html" class="nav-link active">
                                     <i class="bi-speedometer2 pe-none me-2" style="font-size: 1rem; color: white;">
                                         <p class="d-none d-lg-inline-block ps-2">Patient Dashboard</p>
                                     </i>
                                 </a>
                             </li>
                             <li class="nav-item d-inline ps-3 ps-xl-0">
-                                <a href="#" class="nav-link">
+                                <a href="reports.html" class="nav-link">
                                     <i class="bi-file-earmark-bar-graph pe-none me-2" style="font-size: 1rem; color: white;">
                                         <p class="d-none d-lg-inline-block ps-2">Reports</p>
                                     </i>
                                 </a>
                             </li>
                             <li class="nav-item d-inline ps-3 ps-xl-0">
-                                <a href="#" class="nav-link">
+                                <a href="upload_csv.html" class="nav-link">
                                     <i class="bi-cloud-upload pe-none me-2" style="font-size: 1rem; color: white;">
                                         <p class="d-none d-lg-inline-block ps-2">Upload CSV</p>
                                     </i>
diff --git a/src/reports.html b/src/reports.html
new file mode 100644
index 0000000000000000000000000000000000000000..37b63c98e99d08207fce212d16045c67912b373a
--- /dev/null
+++ b/src/reports.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8" />
+        <title>FeedingInc</title>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
+        
+        <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.css" />
+  
+        <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script>
+        <script type="text/javascript" src="data.js"></script>
+        <link rel="stylesheet" href="index.css" />
+        <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+        <link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.css">
+    </head>
+    <body>
+        <div class="container-fluid overflow-hidden">
+            <div class="row vh-100 overflow-auto" id="dashboardRow">
+                <div class="col-xl-2 p-0 bg-dark" id="dashboardNavbar">
+                    <nav class="navbar d-flex flex-xl-column justify-content-center">
+                        <a class="navbar-brand align">
+                            <i class="bi-plus-circle pe-none me-2" style="font-size: 2rem; color: white;"></i>
+                            <span class="fs-4 text-white">FeedingInc</span>
+                        </a>
+                        <hr>
+                        <ul class="navbar-nav flex-row flex-xl-column">
+                            <li class="nav-item d-inline ps-4 ps-xl-0">
+                                <a href="index.html" class="nav-link">
+                                    <i class="bi-speedometer2 pe-none me-2" style="font-size: 1rem; color: white;">
+                                        <p class="d-none d-lg-inline-block ps-2">Patient Dashboard</p>
+                                    </i>
+                                </a>
+                            </li>
+                            <li class="nav-item d-inline ps-3 ps-xl-0">
+                                <a href="reports.html" class="nav-link active">
+                                    <i class="bi-file-earmark-bar-graph pe-none me-2" style="font-size: 1rem; color: white;">
+                                        <p class="d-none d-lg-inline-block ps-2">Reports</p>
+                                    </i>
+                                </a>
+                            </li>
+                            <li class="nav-item d-inline ps-3 ps-xl-0">
+                                <a href="upload_csv.html" class="nav-link">
+                                    <i class="bi-cloud-upload pe-none me-2" style="font-size: 1rem; color: white;">
+                                        <p class="d-none d-lg-inline-block ps-2">Upload CSV</p>
+                                    </i>
+                                </a>
+                            </li>
+                        </ul>
+                    </nav>
+                </div>
+                <div class="col-xl-10 d-flex flex-column">
+                    <main class="row overflow-auto">
+                        <div class="col pt-5">
+                            <!-- Page content goes here -->
+                        </div>
+                    </main>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/src/upload_csv.html b/src/upload_csv.html
new file mode 100644
index 0000000000000000000000000000000000000000..51e127e6b86d1016e5c458755e9453b330e30a3b
--- /dev/null
+++ b/src/upload_csv.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8" />
+        <title>FeedingInc</title>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
+        
+        <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.css" />
+  
+        <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script>
+        <script type="text/javascript" src="data.js"></script>
+        <link rel="stylesheet" href="index.css" />
+        <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
+        <link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.css">
+    </head>
+    <body>
+        <div class="container-fluid overflow-hidden">
+            <div class="row vh-100 overflow-auto" id="dashboardRow">
+                <div class="col-xl-2 p-0 bg-dark" id="dashboardNavbar">
+                    <nav class="navbar d-flex flex-xl-column justify-content-center">
+                        <a class="navbar-brand align">
+                            <i class="bi-plus-circle pe-none me-2" style="font-size: 2rem; color: white;"></i>
+                            <span class="fs-4 text-white">FeedingInc</span>
+                        </a>
+                        <hr>
+                        <ul class="navbar-nav flex-row flex-xl-column">
+                            <li class="nav-item d-inline ps-4 ps-xl-0">
+                                <a href="index.html" class="nav-link">
+                                    <i class="bi-speedometer2 pe-none me-2" style="font-size: 1rem; color: white;">
+                                        <p class="d-none d-lg-inline-block ps-2">Patient Dashboard</p>
+                                    </i>
+                                </a>
+                            </li>
+                            <li class="nav-item d-inline ps-3 ps-xl-0">
+                                <a href="reports.html" class="nav-link">
+                                    <i class="bi-file-earmark-bar-graph pe-none me-2" style="font-size: 1rem; color: white;">
+                                        <p class="d-none d-lg-inline-block ps-2">Reports</p>
+                                    </i>
+                                </a>
+                            </li>
+                            <li class="nav-item d-inline ps-3 ps-xl-0">
+                                <a href="upload_csv.html" class="nav-link active">
+                                    <i class="bi-cloud-upload pe-none me-2" style="font-size: 1rem; color: white;">
+                                        <p class="d-none d-lg-inline-block ps-2">Upload CSV</p>
+                                    </i>
+                                </a>
+                            </li>
+                        </ul>
+                    </nav>
+                </div>
+                <div class="col-xl-10 d-flex flex-column">
+                    <main class="row overflow-auto">
+                        <div class="col pt-5">
+                            <!-- Page content goes here -->
+                        </div>
+                    </main>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
\ No newline at end of file