diff --git a/client/src/Components/about/about.jsx b/client/src/Components/about/about.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..0539dda14775bec0d1fdfa79db74248bceb68c04
--- /dev/null
+++ b/client/src/Components/about/about.jsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import "../component.css";
+import git from "./git.jpg";
+import linkedin from "./Linkedin-Logo.png"
+import ig from "./instagram.png"
+import gmail from "./Email.png"
+import {Link} from 'react-router-dom';
+
+function About(){
+    return(
+        <div>
+        <div class="topnav" id="myTopnav">
+            <Link to = '/'>Home</Link>
+        </div>
+		<div style={{backgroundColor:"white",padding:"50px",paddingRight:"250px"}}>
+           <h1 style={{fontFamily:"serif"}}>From the Developer</h1>
+		   <h4 style={{fontFamily:"serif",color:"#e05a00"}}>
+		   Book management system helps users to effectively search and borrow books. 
+		   It also helps the admin to access information general users,books and their borrowing details.
+		   Thus it saves a lot of time and effort thereby making the process of borrowing books and keeping track of them easier.
+		   </h4>
+		</div>
+       <section class="color-1" style={{position:"absolute",left:"15%",top:"55%"}}>
+				<p>
+					<a href="https://github.com/ashwanth-07/noname" target="blank"><button class="btn btn-1 btn-1e"><img src={git} height="60px" width="175px"/></button></a>
+			    </p>
+			</section>
+			
+			<section class="color-3" style={{position:"absolute",left:"60%",top:"55%"}}>
+				<p>
+			    	<a href="https://www.instagram.com/ashwanth__07/" target="blank"><button class="btn btn-3 btn-3e"><img src={ig} height="60px" width="150px"/></button></a>
+				</p>
+			</section>
+            <section class="color-8" style={{position:"absolute",left:"16%",top:"75%"}}>
+				<p class="perspective">
+                <a href="https://www.linkedin.com/in/dharun-narayanan-l-k-407459197/" target="blank"><button class="btn btn-8 btn-8c"><img src={linkedin} height="60px" width="150px"/></button></a>
+				</p>		
+			</section>
+			<section class="color-6" style={{position:"absolute",left:"60%",top:"75%"}}>
+				<p class="perspective">
+					<a href="mailto:ash73041@gmail.com"><button class="btn btn-8 btn-8d"><img src={gmail} height="70px" width="150px"/></button></a>
+				</p>
+			</section>
+			
+</div>
+    )
+}
+export default About;
\ No newline at end of file