diff --git a/src/app/app.component.html b/src/app/app.component.html
index 9d71993..0ba045d 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -5,7 +5,7 @@
 
   <div class="container">
     <div class="row" >
-      <!-- License plates go here -->
+      <app-license-plate [plate]="licensePlate" buttonText="Add to cart" class="col-md-4"></app-license-plate>
     </div>
   </div>
 </main>
diff --git a/src/app/license-plate/license-plate.component.html b/src/app/license-plate/license-plate.component.html
index 7ed208b..0ec9805 100644
--- a/src/app/license-plate/license-plate.component.html
+++ b/src/app/license-plate/license-plate.component.html
@@ -2,8 +2,8 @@ <h2>{{plate.title}}</h2>
 <img src="{{plate.picture}}" class="img-fluid" >
 <p>{{plate.description}}</p>
 <div>
-  <h2 class="float-left">$xx</h2>
-  <button class="btn btn-primary float-right" role="button">
+  <h2 class="float-left">${{plate.price}}</h2>
+  <button class="btn btn-primary float-right" role="button" (click)="alert('Plate added to cart')">
     {{buttonText}}
   </button>
 </div>
diff --git a/src/app/license-plate/license-plate.component.ts b/src/app/license-plate/license-plate.component.ts
index 1ef3c3d..017f878 100644
--- a/src/app/license-plate/license-plate.component.ts
+++ b/src/app/license-plate/license-plate.component.ts
@@ -15,4 +15,8 @@ export class LicensePlateComponent {
   buttonText: string;
 
   constructor() { }
+
+  alert(message: string): void {
+    alert(message);
+  }
 }