moved stuff around.

Views/Home/Index.cshtml

@@ -1,17 +1,37 @@
 @{
-    ViewData["Title"] = "My Garage";
+    ViewData["Title"] = "LubeLogger";
 }
 @section Scripts {
     <script src="~/js/garage.js" asp-append-version="true"></script>
 }
-<div class="row">
-    <div class="d-flex justify-content-between">
-        <h1>Garage</h1>
-        <button onclick="showAddVehicleModal()" class="btn btn-success btn-sm mt-1 mb-1">Add Vehicle</button>
+<div class="container">
+    <div class="row mt-2">
+        <div class="d-flex justify-content-center">
+            <img src="/defaults/lubelogger_logo.png"/>
+        </div>
     </div>
-    <div id="garageContainer" class="row gy-3">
+    <hr />
+    <ul class="nav nav-tabs" id="homeTab" role="tablist">
+        <li class="nav-item" role="presentation">
+            <button class="nav-link active" id="garage-tab" data-bs-toggle="tab" data-bs-target="#garage-tab-pane" type="button" role="tab" aria-selected="true"><i class="bi bi-car-front me-2"></i>Garage</button>
+        </li>
+        <li class="nav-item" role="presentation">
+            <button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings-tab-pane" type="button" role="tab" aria-selected="false"><i class="bi bi-gear me-2"></i>Settings</button>
+        </li>
+    </ul>
+    <div class="tab-content" id="homeTab">
+        <div class="tab-pane fade show active" id="garage-tab-pane" role="tabpanel" tabindex="0">
+            <div class="row">
+                <div id="garageContainer" class="row gy-3 align-items-stretch">
+                </div>
+            </div>
+        </div>
+        <div class="tab-pane fade" id="settings-tab-pane" role="tabpanel" tabindex="0">
+
+        </div>
     </div>
 </div>
+
 <div class="modal fade" id="addVehicleModal" tabindex="-1" role="dialog" aria-labelledby="addVehicleModalLabel" aria-hidden="true">
     <div class="modal-dialog" role="document">
         <div class="modal-content">

Views/Home/_GarageDisplay.cshtml

@@ -16,4 +16,9 @@
             </div>
         </div>
     }
-}
+}
+<div class="col-xl-2 col-lg-4 col-md-4 col-sm-4 col-4">
+    <div class="card" onclick="showAddVehicleModal()" style="height:100%;">
+        <img src="/defaults/addnew_vehicle.png" style="object-fit:scale-down;height:100%;" />
+    </div>
+</div>

Views/Vehicle/Index.cshtml

@@ -1,5 +1,5 @@
 @{
-    ViewData["Title"] = "View Vehicle";
+    ViewData["Title"] = "LubeLogger - View Vehicle";
 }
 @model Vehicle
 @section Scripts{