diff --git a/public/images/logo.png b/public/images/logo.png
new file mode 100644
index 0000000..ba42f6d
Binary files /dev/null and b/public/images/logo.png differ
diff --git a/src/index.css b/src/index.css
index ec2585e..5915814 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7,6 +7,13 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+.App {
+  background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(249, 234, 244, 0.67) 0.1%, rgba(251, 239, 249, 0.63) 90.1% );
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
diff --git a/src/json/antdesign.json b/src/json/antdesign.json
index 2e94664..6c444fb 100644
--- a/src/json/antdesign.json
+++ b/src/json/antdesign.json
@@ -20,6 +20,7 @@
         ]
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/modal"
@@ -53,6 +54,7 @@
         "errors": []
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/collapse"
@@ -64,6 +66,7 @@
         "errors": []
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/carousel"
@@ -94,6 +97,7 @@
         ]
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/slider"
@@ -105,6 +109,7 @@
         "errors": []
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/input"
@@ -126,6 +131,7 @@
         ]
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/switch"
@@ -147,6 +153,7 @@
         ]
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/table"
@@ -158,6 +165,7 @@
         "errors": []
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/tooltip"
@@ -169,6 +177,7 @@
         "errors": []
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/alert"
@@ -190,6 +199,7 @@
         ]
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/auto-complete"
@@ -211,6 +221,7 @@
         ]
       },
       "manual_testing": {
+        "total_issues": 0,
         "errors": []
       },
       "preview_link": "https://ant.design/components/form"
diff --git a/src/json/material-angular.json b/src/json/material-angular.json
index 5668bbb..254ab4a 100644
--- a/src/json/material-angular.json
+++ b/src/json/material-angular.json
@@ -30,8 +30,9 @@
         "total_issues": 0
       },
       "manual_testing": {
-        "total_issues": 4,
-        "errors": [
+        "total_issues": 0,
+        "errors": [],
+        "requirements": [
           {
             "error_type": "4.1.2 Name, Role, Value",
             "description": "Provide an accessible label for the select.",
@@ -77,24 +78,25 @@
       "Axe": {
         "total_issues": 0
       },
-      "manual_testing": {
-        "total_issues": 2,
+      "preview_link": "https://material.angular.io/components/expansion/examples"
+    },
+    {
+      "name": "Slider",
+      "Axe": {
+        "total_issues": 1,
         "errors": [
           {
-            "error_type": "TypeError",
-            "description": "",
-            "fix": "This is how to fix it",
+            "error_type": "4.1.2 Name, Role, Value",
+            "description": "Provide an accessible label for the select.",
+            "fix": "Can be done by adding a <mat-label> inside of <mat-form-field>, the aria-label attribute, or the aria-labelledby attribute.",
             "wcag": {
-              "version": "version",
-              "success_criteria": "success criteria"
+              "version": "2.2",
+              "success_criteria": "https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html"
             }
-          },
-          {
-            "error_type": "ValueError"
           }
         ]
       },
-      "preview_link": "https://material.angular.io/components/expansion/examples"
+      "preview_link": "https://material.angular.io/components/slider/examples"
     }
   ]
 }
diff --git a/src/json/mui.json b/src/json/mui.json
index d865a5c..e0e7f8c 100644
--- a/src/json/mui.json
+++ b/src/json/mui.json
@@ -1,6 +1,6 @@
 {
-    "name": "react-mui",
-    "slug": "mui-react-material-ui-components",
+    "name": "MUI - React Material UI components",
+    "slug": "react-mui",
     "version": "5.15.13",
     "components": [
         {
@@ -17,11 +17,23 @@
                             "success_criteria": "https://www.w3.org/TR/WCAG22/#labels-or-instructions"
                         }
                     }
+                ],
+                "requirements": [
+                    {
+                        "error_type": "3.3.2 Labels or Instructions",
+                        "description": "The field is required but is missing aria-required=\"true\"",
+                        "fix": "Add the aria-required=\"true\" label to all required fields",
+                        "wcag": {
+                            "version": "2.2",
+                            "success_criteria": "https://www.w3.org/TR/WCAG22/#labels-or-instructions"
+                        }
+                    }
                 ]
             },
             "manual_testing": {
                 "total_issues": 0,
-                "errors": []
+                "errors": [],
+                "requirements": []
             },
             "preview_link": "https://mui.com/material-ui/react-dialog/"
         },
@@ -29,11 +41,13 @@
             "name": "Select",
             "Axe": {
                 "total_issues": 0,
-                "errors": []
+                "errors": [],
+                "requirements": []
             },
             "manual_testing": {
                 "total_issues": 0,
-                "errors": []
+                "errors": [],
+                "requirements": []
             },
             "preview_link": "https://mui.com/material-ui/react-select/"
         },
@@ -41,11 +55,13 @@
             "name": "Accordion",
             "Axe": {
                 "total_issues": 0,
-                "errors": []
+                "errors": [],
+                "requirements": []
             },
             "manual_testing": {
                 "total_issues": 0,
-                "errors": []
+                "errors": [],
+                "requirements": []
             },
             "preview_link": "https://mui.com/material-ui/react-accordion/"
         }
diff --git a/src/json/template.json b/src/json/template.json
index 2f2a831..df7172b 100644
--- a/src/json/template.json
+++ b/src/json/template.json
@@ -1,45 +1,67 @@
 {
-  "name": "Name of framework",
-  "slug": "name-of-framework",
-  "version": "1.0.0",
-  "components": [
-    {
-      "name": "example_component",
-      "Axe": {
-        "total_issues": 1,
-        "errors": [
-          {
-            "error_type": "TypeError",
-            "description": "",
-            "fix": "This is how to fix it",
-            "wcag": {
-              "version": "version",
-              "success_criteria": "success criteria"
-            }
-          },
-          {
-            "error_type": "ValueError"
-          }
-        ]
-      },
-      "manual_testing": {
-        "total_issues": 2,
-        "errors": [
-          {
-            "error_type": "TypeError",
-            "description": "",
-            "fix": "This is how to fix it",
-            "wcag": {
-              "version": "version",
-              "success_criteria": "success criteria"
-            }
-          },
-          {
-            "error_type": "ValueError"
-          }
-        ]
-      },
-      "preview_link": "https://mui.com/material-ui/react-dialog/"
-    }
-  ]
+    "name": "Name of framework",
+    "slug": "name-of-framework",
+    "version": "1.0.0",
+    "components": [
+        {
+            "name": "example_component",
+            "Axe": {
+                "total_issues": 1,
+                "errors": [
+                    {
+                        "error_type": "WCAG name",
+                        "description": "Describe the error",
+                        "fix": "This is how to fix it",
+                        "wcag": {
+                            "version": "version",
+                            "success_criteria": "success criteria"
+                        }
+                    },
+                    {
+                        "error_type": "ValueError"
+                    }
+                ],
+                "requirements": [
+                    {
+                        "error_type": "3.3.2 Labels or Instructions",
+                        "description": "The field is required but is missing aria-required=\"true\"",
+                        "fix": "Add the aria-required=\"true\" label to all required fields",
+                        "wcag": {
+                            "version": "2.2",
+                            "success_criteria": "https://www.w3.org/TR/WCAG22/#labels-or-instructions"
+                        }
+                    }
+                ]
+            },
+            "manual_testing": {
+                "total_issues": 2,
+                "errors": [
+                    {
+                        "error_type": "TypeError",
+                        "description": "",
+                        "fix": "This is how to fix it",
+                        "wcag": {
+                            "version": "version",
+                            "success_criteria": "success criteria"
+                        }
+                    },
+                    {
+                        "error_type": "ValueError"
+                    }
+                ],
+                "requirements": [
+                    {
+                        "error_type": "3.3.2 Labels or Instructions",
+                        "description": "The field is required but is missing aria-required=\"true\"",
+                        "fix": "Add the aria-required=\"true\" label to all required fields",
+                        "wcag": {
+                            "version": "2.2",
+                            "success_criteria": "https://www.w3.org/TR/WCAG22/#labels-or-instructions"
+                        }
+                    }
+                ]
+            },
+            "preview_link": "https://mui.com/material-ui/react-dialog/"
+        }
+    ]
 }
diff --git a/src/partials/header.jsx b/src/partials/header.jsx
index f1cdc24..cb8a092 100644
--- a/src/partials/header.jsx
+++ b/src/partials/header.jsx
@@ -3,17 +3,19 @@ import React from 'react';
 const Header = () => {
     return (
         <header className="header py-3 py-lg-4">
-
-            <nav className="navbar navbar-expand-lg bg-body-tertiary">
-                <div className="container">
-                    <a className="navbar-brand" href="/">Can Everyone Use</a>
+            <nav className="navbar navbar-expand-lg">
+                <div className="container bg-white p-4 px-5 rounded-4">
+                    <a className="navbar-brand" href="/"><img height="50" width="251" src="./images/logo.png" alt="Logo"/></a>
                     <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavBar" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation">
                         <span className="navbar-toggler-icon"></span>
                     </button>
-                    <div className="collapse navbar-collapse" id="mainNavBar">
-                        <ul className="navbar-nav ps-lg-4 me-auto mb-2 mb-lg-0">
+                    <div className="collapse navbar-collapse justify-content-end" id="mainNavBar">
+                        <ul className="navbar-nav ps-lg-4 mb-2 mb-lg-0 font-weight-bold">
+                            <li className="nav-item">
+                                <a className="nav-link active" aria-current="page" href="https://caneveryoneuse.com/"><strong>ABOUT</strong></a>
+                            </li>
                             <li className="nav-item">
-                                <a className="nav-link active" aria-current="page" href="https://caneveryoneuse.com/">About</a>
+                                <a className="nav-link active" aria-current="page" href="https://github.com/caneveryoneusetemp" target="_blank" rel="noreferrer"><strong>GITHUB</strong></a>
                             </li>
                         </ul>
                     </div>