diff --git a/BlazorTp1/Components/Card.razor b/BlazorTp1/Components/Card.razor
new file mode 100644
index 0000000..abd5aab
--- /dev/null
+++ b/BlazorTp1/Components/Card.razor
@@ -0,0 +1,6 @@
+using BlazorTp1.Models;
+<h3>Card</h3>
+
+@code {
+
+}
diff --git a/BlazorTp1/Pages/Index.razor b/BlazorTp1/Pages/Index.razor
index c4e48ca..2e2907d 100644
--- a/BlazorTp1/Pages/Index.razor
+++ b/BlazorTp1/Pages/Index.razor
@@ -15,4 +15,24 @@ Welcome to your new app.
     <Crafting Items="Items" Recipes="Recipes" />
 </div>
 
+<Card>
+    <CardHeader>
+        <div class="card-header">
+           My Templated Component
+        </div>
+    </CardHeader>
+    <CardBody>
+        <div class="card-body">
+            <h5>Welcome To Template Component</h5>
+        </div>
+    </CardBody>
+    <CardFooter>
+        <div class="card-footer text-muted">
+            Click Here
+        </div>
+    </CardFooter>
+</Card>
+
+
+
 <SurveyPrompt Title="How is Blazor working for you?" />