diff --git a/resources/views/mywinnings_results.blade.php b/resources/views/mywinnings_results.blade.php
index 1bea837..0355251 100644
--- a/resources/views/mywinnings_results.blade.php
+++ b/resources/views/mywinnings_results.blade.php
@@ -1,77 +1,72 @@
-@extends('layouts.app')
+@extends('tablar::page')
 
 @section('content')
-<div class="container">
-  <div class="row">
-    <div class="col-md-10 col-md-offset-1">
-      <div class="panel panel-default">
-        <div class="panel-heading">Winnings for Bidder #{{ $bidder->bidder_assigned_number }} - {{ $bidder->bidder_fname }} {{ $bidder->bidder_lname }}</div>
-
-        <div class="panel-body">
-          @if (isset($error))
-            <div class="alert alert-danger">
-              {{ $error }}
+<div class="page-header d-print-none">
+    <div class="container-xl">
+        <div class="row g-2 align-items-center">
+            <div class="col">
+                <h2 class="page-title">My Winnings</h2>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="page-body">
+    <div class="container-xl">
+        <div class="row row-cards">
+            <div class="col-12">
+                <div class="card">
+                    <div class="card-body">
+                        @if(isset($error))
+                            <div class="alert alert-danger">{{ $error }}</div>
+                        @endif
+                        @if(session('error'))
+                            <div class="alert alert-danger">{{ session('error') }}</div>
+                        @endif
+
+                        @if($winnings->count() > 0)
+                            <div class="table-responsive">
+                                <table class="table table-vcenter card-table">
+                                    <thead>
+                                        <tr>
+                                            <th>Item #</th>
+                                            <th>Description</th>
+                                            <th>Amount</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @foreach($winnings as $winning)
+                                            <tr>
+                                                <td>{{ $winning->items->item_assigned_num }}</td>
+                                                <td>{{ $winning->items->item_desc }}</td>
+                                                <td>${{ number_format($winning->winning_cost, 2) }}</td>
+                                            </tr>
+                                        @endforeach
+                                    </tbody>
+                                    <tfoot>
+                                        <tr>
+                                            <th colspan="2" class="text-end">Total:</th>
+                                            <th>${{ number_format($total_cost, 2) }}</th>
+                                        </tr>
+                                    </tfoot>
+                                </table>
+                            </div>
+
+                            @if(!$is_checked_out)
+                                <div class="text-end mt-4">
+                                    <a href="{{ route('north.checkout', ['bidder_id' => $bidder->idbidders]) }}" class="btn btn-success btn-lg">Pay Now with Credit Card</a>
+                                </div>
+                            @else
+                                <div class="alert alert-success text-center mt-4">
+                                    <strong>Checked Out!</strong> Your payment has been processed.
+                                </div>
+                            @endif
+                        @else
+                            <p>No winning bids found for this bidder number.</p>
+                        @endif
+                    </div>
+                </div>
             </div>
-          @endif
-
-          @if (session('error'))
-            <div class="alert alert-danger">
-              {{ session('error') }}
-            </div>
-          @endif
-
-          @if (session('success'))
-            <div class="alert alert-success">
-              {{ session('success') }}
-            </div>
-          @endif
-
-          @if($winnings->count() > 0)
-            <table class="table table-striped">
-              <thead>
-                <tr>
-                  <th>Item #</th>
-                  <th>Description</th>
-                  <th>Amount</th>
-                </tr>
-              </thead>
-              <tbody>
-                @foreach($winnings as $winning)
-                  <tr>
-                    <td>{{ $winning->items->item_assigned_num }}</td>
-                    <td>{{ $winning->items->item_desc }}</td>
-                    <td>${{ number_format($winning->winning_cost, 2) }}</td>
-                  </tr>
-                @endforeach
-              </tbody>
-              <tfoot>
-                <tr>
-                  <th colspan="2" class="text-right">Total:</th>
-                  <th>${{ number_format($total_cost, 2) }}</th>
-                </tr>
-              </tfoot>
-            </table>
-
-            @if(!$is_checked_out)
-              <div class="text-right">
-                <a href="{{ route('north.checkout', ['bidder_id' => $bidder->idbidders]) }}" class="btn btn-success btn-lg">Pay Now with Credit Card</a>
-              </div>
-            @else
-              <div class="alert alert-success text-center">
-                <strong>Checked Out!</strong> Your payment has been processed.
-              </div>
-            @endif
-          @else
-            <p>No winning bids found for this bidder number.</p>
-          @endif
-
-          <hr>
-          <div class="text-center">
-            <a href="/mywinnings" class="btn btn-default">Back to Search</a>
-          </div>
         </div>
-      </div>
     </div>
-  </div>
 </div>
 @endsection
diff --git a/resources/views/showcars.blade.php b/resources/views/showcars.blade.php
index bdf3a29..2f92ac5 100644
--- a/resources/views/showcars.blade.php
+++ b/resources/views/showcars.blade.php
@@ -1,134 +1,30 @@
-@extends('layouts.app')
+@extends('tablar::page')
 
 @section('content')
-<div class="container">
-  <div class="row">
-    <div class="col-md-10 col-md-offset-1">
-      <div class="panel panel-default">
-        <div class="panel-heading">Show Car Entry</div>
-
-        <div class="panel-body">
-          <form id="bidder_form" required method="post" action="/showcars" enctype="multipart/form-data" class=form-horizontal>
-            {{ csrf_field() }}
-            <div class=form-group>
-              <label for=bidderfname class="col-sm-3 col-sm-offset-1 control-label">
-                First Name:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="bidderfname" id="bidderfname" required class=form-control />
-              </div>
+<div class="page-header d-print-none">
+    <div class="container-xl">
+        <div class="row g-2 align-items-center">
+            <div class="col">
+                <h2 class="page-title">Show Cars</h2>
             </div>
-            <div class=form-group>
-              <label for=bidderlname class="col-sm-3 col-sm-offset-1 control-label">
-                Last Name:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="bidderlname" id="bidderlname" required class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=bidderaddr class="col-sm-3 col-sm-offset-1 control-label">
-                Address:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="bidderaddr" id="bidderaddr" required class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=biddercity class="col-sm-3 col-sm-offset-1 control-label">
-                City:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="biddercity" id="biddercity" required class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=bidderstate class="col-sm-3 col-sm-offset-1 control-label">
-                State:
-              </label>
-              <div class=col-sm-2>
-                <input type="text" name="bidderstate" id="bidderstate" required class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=bidderzip class="col-sm-3 col-sm-offset-1 control-label">
-                Zip:
-              </label>
-              <div class=col-sm-2>
-                <input type="text" name="bidderzip" id="bidderzip" required class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=bidderemail class="col-sm-3 col-sm-offset-1 control-label">
-                Email:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="bidderemail" id="bidderemail" class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=bidderphone class="col-sm-3 col-sm-offset-1 control-label">
-                Phone Number:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="bidderphone" id="bidderphone" required class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=vehyear class="col-sm-3 col-sm-offset-1 control-label">
-                Vechicle Year:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="vehyear" id="vehyear" class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=vehmake class="col-sm-3 col-sm-offset-1 control-label">
-                Vehicle Make:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="vehmake" id="vehmake" class=form-control />
-              </div>
-            </div>
-            <div class=form-group>
-              <label for=vehmodel class="col-sm-3 col-sm-offset-1 control-label">
-                Vehicle Model:
-              </label>
-              <div class=col-sm-4>
-                <input type="text" name="vehmodel" id="vehmodel" class=form-control />
-              </div>
-            </div>
-
-            <div class=form-group>
-              <label for=biddernum class="col-sm-3 col-sm-offset-1 control-label">
-                Car / Bidder Number:
-              </label>
-              <div class=col-sm-2>
-                <input type="text" name="biddernum" id="biddernum" required class=form-control />
-              </div>
-            </div>            
-            <div class=form-group>
-              <label for=vehdonotjudge class="col-sm-3 col-sm-offset-1 control-label">
-                DO NOT JUDGE:
-              </label>
-              <div class=col-sm-1>
-                <input class="form-check-input" type="checkbox" value="" id="vehdonotjudge" name="vehdonotjudge">
-              </div>
-            </div>
-            <div class=form-group>
-              <div class=col-sm-2>
-                <input type="hidden" value="2" id="vehtype" name="vehtype">
-              </div>
-            </div>            
-            <div class=form-group>
-              <div class="col-sm-offset-5 col-sm-10">
-                <button type="submit" value="Submit" class="btn btn-primary">Submit</button>
-              </div>
-            </div>
-          </form>
         </div>
-      </div>
     </div>
-  </div>
+</div>
+<div class="page-body">
+    <div class="container-xl">
+        <div class="row row-cards">
+            @foreach($vehicles as $vehicle)
+            <div class="col-md-6 col-lg-4">
+                <div class="card">
+                    <div class="card-body">
+                        <h3 class="card-title">{{ $vehicle->make }} {{ $vehicle->model }}</h3>
+                        <p class="text-muted">Year: {{ $vehicle->year }}</p>
+                        <p class="text-muted">Owner: {{ $vehicle->owner_name }}</p>
+                    </div>
+                </div>
+            </div>
+            @endforeach
+        </div>
+    </div>
 </div>
 @endsection