diff --git a/index.html b/index.html
index a30dbcf..5b00853 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,11 @@ <h1>----- Javascript image Slider----- </h1>
 		<div class="sliderItem"><img src="images/9.jpg" alt="photo"/></div>
 	</div>
 </div>
-
+<div class="author">
+	<a href="https://facebook.com/johirulshaky/" target="_blank" title="Author page link">Facebook</a>
+	<a href="https://github.com/johirulshaky/" target="_blank" title="Author Github link">Github</a>
+	<a href="https://github.com/johirulshaky/javascript-slider/archive/refs/tags/1.0.zip" target="_blank" title="source code">Source Code</a>
+</div>
 <script type="text/javascript" src="style.js"></script>
 
 </body>
diff --git a/style.css b/style.css
index 1d5d1a1..b445301 100644
--- a/style.css
+++ b/style.css
@@ -24,4 +24,36 @@
 }
 .sliderItem.active{
 	opacity:1;
-}
\ No newline at end of file
+}
+.author{
+	width: 57%;
+    margin-left: auto;
+    margin-top: 500px;
+}
+.author a {
+    text-decoration: none;
+    font-size: 15px;
+    font-family: sansita;
+    border: 2px solid tomato;
+    color: blue;
+    padding: 0px 5px;
+    outline: 2px dotted orange;
+    border-radius: 5px;
+    cursor: pointer;
+}
+.author a:hover{
+	color: white;
+    background: tomato;
+    transition: 0.5s;
+}
+
+
+
+
+
+
+
+
+
+
+