diff --git a/docs/images/Logo/CircuitVerse-logo.png b/docs/images/Logo/CircuitVerse-logo.png
new file mode 100644
index 0000000..ebdbbd5
Binary files /dev/null and b/docs/images/Logo/CircuitVerse-logo.png differ
diff --git a/docs/images/Logo/facebook-logo.png b/docs/images/Logo/facebook-logo.png
new file mode 100644
index 0000000..8fb0794
Binary files /dev/null and b/docs/images/Logo/facebook-logo.png differ
diff --git a/docs/images/Logo/linkedin-logo.png b/docs/images/Logo/linkedin-logo.png
new file mode 100644
index 0000000..171f2b9
Binary files /dev/null and b/docs/images/Logo/linkedin-logo.png differ
diff --git a/docs/images/Logo/twitter-logo.png b/docs/images/Logo/twitter-logo.png
new file mode 100644
index 0000000..a04acb2
Binary files /dev/null and b/docs/images/Logo/twitter-logo.png differ
diff --git a/docs/index.html b/docs/index.html
index c64736a..0d27474 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -71,6 +71,45 @@
 			color: #00bc8c;
 			font-weight: 600;
 		}
+
+/*desgin footer*/
+.container-logo{
+	display: grid;
+	place-items: center;
+	padding-top: 4em;
+	background-color: black;
+}
+.home-logo img{
+width: 227px;
+padding-left: 1.5em;
+}
+
+
+.social-icon ul li img{
+  width: 32px;
+}
+.social-icon h4{
+	color:rgb(235, 235, 235);
+}
+
+
+
+
+.social-icon ul{
+	list-style: none;
+	
+	
+}
+.all-social-logo{
+	display: flex;
+
+}
+.all-social-logo li{
+	padding-right:.6em ;
+}
+
+
+
 	</style>
 </head>
 
@@ -106,6 +145,53 @@
 	<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
 	<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
 	<script src="//unpkg.com/docsify/lib/plugins/zoom-image.min.js"></script>
+
+<section id="footer">
+ <div class="container-logo">
+	<div class="home-logo">
+       <a href="https://circuitverse.org/" target="_blank">
+		<img src="images/Logo/CircuitVerse-logo.png" alt="Homepage-logo">
+	   </a>
+
+	</div>
+	<div class="social-icon">
+
+	
+		<ul>
+			<li>
+				<h4>Follow us on:</h4>
+			</li>
+            <div class="all-social-logo">
+			<li>
+				<a href="https://circuitverse.org/facebook" target="_blank" >
+					<img src="images/Logo/facebook-logo.png" alt="facebook-logo">
+				</a>
+			</li>
+			<li>
+				<a href="https://circuitverse.org/twitter" target="_blank" >
+					<img src="images/Logo/twitter-logo.png" alt="twitter-logo">
+				</a>
+			</li>
+			<li>
+				<a href="https://circuitverse.org/linkedin" target="_blank" >
+					<img src="images/Logo/linkedin-logo.png" alt="linkedin-logo">
+				</a>
+			</li>
+		   </div>
+		</ul>
+	</div>
+ </div>
+
+
+
+
+</section>
+
+
+
+
+
+
 </body>
 
 <!-- Global site tag (gtag.js) - Google Analytics -->