diff --git a/img/ruban.jpg b/img/ruban.jpg
new file mode 100644
index 0000000..0efa16e
Binary files /dev/null and b/img/ruban.jpg differ
diff --git a/index.html b/index.html
index 64f0b7d..9328ae5 100644
--- a/index.html
+++ b/index.html
@@ -547,6 +547,35 @@ <h1 class="font-bold text-lg  mb-4 md:text-2xl "> What is Developer Fact Card?</
 				</div>
 			</div>
 
+		</section>
+		<!-- Jeremiah's section -->
+
+		<section class="pt-2 md:pt-4 bg-white rounded-xl shadow mx-10 my-10 w-4/5">
+			<blockquote class="m-4 md:m-8 ">
+				<p class="font-semibold"> "Hardwork takes you to your goal but Smartwork with dedication brings the goal to you!" </p>
+			</blockquote>
+
+
+			<div class="text-white bg-blue-600 p-4 md:p-8 rounded-b-xl md:flex md:items-center justify-between">
+
+				<div class="flex items-center ">
+					<img src="./img/ruban.jpg" alt="Jeremiah reuban's image" class="w-24 h-24 rounded-full border-4 border-white md:mr-4">
+					<div class="ml-4 md:ml-0">
+						<p class="font-bold">JEREMIAH REUBAN N</p>
+						<p> OPEN SOURCE CONTRIBUTOR</p>
+					</div>
+				</div>
+
+				<div class=" mt-4 md:mt-8 md:mt-0 text-center">
+					<a class="inline-block mr-4 text-gray-200 hover:text-white" href="https://github.com/REUBAN7104"><i
+							class="fab fa-github fa-2x"></i></a>
+					<a class="inline-block mr-4 text-gray-200 hover:text-white" href="#"><i
+							class="fab fa-twitter fa-2x"></i></a>
+					<a class="inline-block mr-4 text-gray-200 hover:text-white" href="#"><i
+							class="fab fa-facebook-f fa-2x"></i></a>
+				</div>
+			</div>
+
 		</section>
 
 		<!-- EACH SECTION TAG IS ONE CARD,SO COPY THE SECTION BELOW AND PASTE IN ABOVE, GIVING ONE LINE, THEN ADD YOUR OWN INFORMATION : YOUR FACTS, YOUR PICTURE,YUR NAME, YOUR PROFESSION, YOUR SOCIAL MEDIA LINKS.