diff --git a/AnimalCare/animalCareIndex.html b/AnimalCare/animalCareIndex.html
new file mode 100644
index 0000000..e69de29
diff --git a/AnimalCare/animalCareStyle.css b/AnimalCare/animalCareStyle.css
new file mode 100644
index 0000000..e69de29
diff --git a/index.html b/index.html
index 3fd85e0..5bf2b3d 100644
--- a/index.html
+++ b/index.html
@@ -380,6 +380,26 @@ <h1 class="text-white d-flex flex-column">
                         </div>
                     </div>
                 </div>
+                <div class="col-12 col-lg-4 col-md-6">
+                    <div class="project bg-black bg-opacity-75 p-4 rounded-5">
+                        <p class="fs-5 fw-medium text-white">Handy Care: Experts for Animals</p>
+                        <p class="d-flex align-items-center gap-2">
+                            <i class="fa-brands fa-github text-white"></i>
+                            <a href="https://github.com/clydehenry3" target="_blank" 
+                                class="text-decoration-none text-white">clydehenry3</a>
+                        </p>
+                        <div class="w-100 d-flex align-items-center justify-content-end">
+                            <button
+                                class="d-inline-flex flex-row align-items-center gap-2 px-4 py-3 rounded-pill bg-transparent border border-white">
+                                <a href="./AnimalCare/animalCareIndex.html" target="_blank"
+                                    class="text-decoration-none text-white d-flex align-items-center gap-2">
+                                    <p class="fw-medium">View project</p>
+                                    <i class="fa-solid fa-eye"></i>
+                                </a>
+                            </button>
+                        </div>
+                    </div>
+                </div>
                 <!-- Put your informtion above!!! copy the format from Contributing file -->
             </div>
         </div>