Home and footer changes

Author: zlrundefined

src/components/Home.vue

@@ -15,7 +15,7 @@
 					href="#"
 					class="flex w-48 mt-10 text-lg border border-indigo-500 py-3 shadow-sm rounded-xl bg-indigo-50 hover:bg-indigo-500 hover:text-white"
 				>
-					<i data-feather="download" class="ml-4 mr-3"></i>
+					<i data-feather="arrow-down-circle" class="ml-4 mr-3"></i>
 					<span>Download CV</span></a
 				>
 			</div>
@@ -35,7 +35,7 @@
 					Some of the projects I have successfully completed
 				</p>
 			</div>
-			<div class="w-full flex mt-12 gap-10">
+			<div class="w-full flexh mt-12 gap-10">
 				<div
 					class="w-full md:w-1/3 border border-indigo-500 rounded-xl shadow cursor-pointer"
 				>
@@ -62,6 +62,30 @@
 						Project Title
 					</div>
 				</div>
+				<div class="w-full md:w-1/3 rounded-xl shadow cursor-pointer">
+					<div class="bg-indigo-100 py-48">
+						Prject Image
+					</div>
+					<div class="text-center px-4 py-4">
+						Project Title
+					</div>
+				</div>
+				<div class="w-full md:w-1/3 rounded-xl shadow cursor-pointer">
+					<div class="bg-indigo-100 py-48">
+						Prject Image
+					</div>
+					<div class="text-center px-4 py-4">
+						Project Title
+					</div>
+				</div>
+				<div class="w-full md:w-1/3 rounded-xl shadow cursor-pointer">
+					<div class="bg-indigo-100 py-48">
+						Prject Image
+					</div>
+					<div class="text-center px-4 py-4">
+						Project Title
+					</div>
+				</div>
 			</div>
 		</section>
 		<!-- Home Poject Section End -->

src/components/shared/Footer.vue

@@ -3,6 +3,11 @@
 		<div class="flex flex-col justify-center items-center mb-32">
 			<p class="text-5xl font-semibold text-gray-500 mb-5">Follow me</p>
 			<ul class="flex gap-10">
+				<li
+					class="text-gray-400 hover:text-indigo-500 cursor-pointer rounded-lg bg-gray-50 hover:bg-gray-100 shadow-sm p-4"
+				>
+					<i data-feather="github" class="w-10 h-10"></i>
+				</li>
 				<li
 					class="text-gray-400 hover:text-indigo-500 cursor-pointer rounded-lg bg-gray-50 hover:bg-gray-100 shadow-sm p-4"
 				>
@@ -16,7 +21,7 @@
 				<li
 					class="text-gray-400 hover:text-indigo-500 cursor-pointer rounded-lg bg-gray-50 hover:bg-gray-100 shadow-sm p-4"
 				>
-					<i data-feather="github" class="w-10 h-10"></i>
+					<i data-feather="dribbble" class="w-10 h-10"></i>
 				</li>
 			</ul>
 		</div>