diff --git a/Helios/Controllers/ConfiguratorController.cs b/Helios/Controllers/ConfiguratorController.cs
index 11e2a4e4d30aeaac087a89c8d1be304364cf05db..8331eb3b8b319eb61975fa5175a63aa3a6aa640a 100644
--- a/Helios/Controllers/ConfiguratorController.cs
+++ b/Helios/Controllers/ConfiguratorController.cs
@@ -31,11 +31,11 @@ namespace Helios.Controllers
             return View(model);
         }
 
-        public ActionResult PanelBreakdown(PanelPerformance panel)
+        public ActionResult PanelDetails(PanelPerformance panel)
         {
-            Console.WriteLine("Hello!");
+            
 
-            return View();
+            return View(panel);
         }
 
     }
diff --git a/Helios/Views/Configurator/ConfiguratorResult.cshtml b/Helios/Views/Configurator/ConfiguratorResult.cshtml
index 81f48cfdc4a86a2f84b6f4911b7c1da576bd377b..f16847562d4b6f727e0181ff14661533fc76dd95 100644
--- a/Helios/Views/Configurator/ConfiguratorResult.cshtml
+++ b/Helios/Views/Configurator/ConfiguratorResult.cshtml
@@ -70,7 +70,7 @@
                         @panel.WithinBudget
                     </td>
                     <td>
-                        @Html.ActionLink("Details", "PanelBreakdown", "Configurator", panel, null)
+                        @Html.ActionLink("Details", "PanelDetails", "Configurator", panel, null)
                     </td>
                 </tr>
         }
diff --git a/Helios/Views/Configurator/PanelDetails.cshtml b/Helios/Views/Configurator/PanelDetails.cshtml
new file mode 100644
index 0000000000000000000000000000000000000000..5ec8170a57e401c22fe91fe2392f018f2f0402f0
--- /dev/null
+++ b/Helios/Views/Configurator/PanelDetails.cshtml
@@ -0,0 +1,41 @@
+@model Helios.Models.PanelPerformance
+
+@{
+    ViewData["Title"] = "Panel Details";
+}
+
+<div class="panelInfo">
+    <div class="graph">
+        <p>Graph</p>
+    </div>
+    <div class="panelDetails">
+        <h5>Panel Details</h5>
+        <ul>
+            <li>
+                Efficiency: @Model.PanelEfficiency
+            </li>
+            <li>
+                Installation Cost: @Model.InstallationCost
+            </li>
+        </ul>
+    </div>
+    <div class="roofDetails">
+        <h5>Roof Details</h5>
+        <ul>
+            <li>
+                Area: @Model.RoofArea&#13217;
+            </li>
+            <li>
+                Angle: @Model.RoofAngle&deg;
+            </li>
+        </ul>
+    </div>
+    <div class="propertyDetails">
+        <h5>Property Details</h5>
+        <ul>
+            <li>
+
+            </li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file
diff --git a/Helios/Views/Shared/_Layout.cshtml b/Helios/Views/Shared/_Layout.cshtml
index 671b774dd6321c745eb97c0d203221fef56962a3..19186f488243f9efce7ebe9961f26c7221d1edc7 100644
--- a/Helios/Views/Shared/_Layout.cshtml
+++ b/Helios/Views/Shared/_Layout.cshtml
@@ -26,17 +26,11 @@
                             <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="About">About</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Configurator" asp-action="Index">Services</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="System Analysis">System Analysis</a>
+                            <a class="nav-link text-dark" asp-area="" asp-controller="Configurator" asp-action="Index">System Analysis</a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Data">Data</a>
                         </li>
-                        <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Events">Events</a>
-                        </li>
                         <li class="nav-item">
                             <a class="nav-link text-dark" asp-area="" asp-controller="Login" asp-action="Index">Login</a>
                         </li>
diff --git a/Helios/wwwroot/css/site.css b/Helios/wwwroot/css/site.css
index 154949f78cf1ab05e08a65dcbf80d2121bb9009d..931aa11c2a8195959733058ef54bfb08acc939fe 100644
--- a/Helios/wwwroot/css/site.css
+++ b/Helios/wwwroot/css/site.css
@@ -24,3 +24,30 @@ body {
     padding: 20px;
     margin-bottom: 20px;
 }
+
+.panelInfo {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+    gap: 0px 0px;
+    grid-auto-flow: row;
+    grid-template-areas:
+        "panelDetails roofDetails propertyDetails"
+        "graph graph graph";
+}
+
+.graph {
+    grid-area: graph;
+}
+
+.panelDetails {
+    grid-area: panelDetails;
+}
+
+.roofDetails {
+    grid-area: roofDetails;
+}
+
+.propertyDetails {
+    grid-area: propertyDetails;
+}