diff --git a/index.html b/index.html
index d2ce2c5..1b48938 100644
--- a/index.html
+++ b/index.html
@@ -24,24 +24,27 @@ <h2>Crypto Price Predictor</h2>
             <div id="crypto-form">
                 <label for="crypto">Enter Cryptocurrency Symbol (e.g., BITCOIN(BTC), ETHERUM(ETH)):</label>
                 <input type="text" id="crypto" name="crypto">
-                <button id="predict-btn">Predict Price</button>
                 <div id="crypto-suggestions"></div>
+                <button id="predict-btn">Predict Price</button>
+                
             </div>
             <div id="price-result">
                 <h3>Predicted Price:</h3>
                 <p id="price"></p>
             </div>
             <div id="telegram-bot">
-                <p class="bot-text">Track prices with our Telegram bot</p>
-                <h3><a href="https://t.me/trackingcryptopricerbot" class="bot-link">@TrackCryptoPriceBot</a></h3>
+               
+                <p class="bot-text"> Track prices with our Telegram bot</p>
+                <h3><a href="https://t.me/trackingcryptopricerbot" class="bot-link"><img src="public/Telegram.png" alt="Telegram logo" id="Telegram">@TrackCryptoPriceBot</a></h3>
             </div>
         </section>
     </div>
 
     <section id="repo-info">
+
         <h2>About the Repository</h2>
         <p>This repository demonstrates blockchain prices using api and javascript.</p>
-        <a href="https://github.com/OpenTekHub/blockchain" target="_blank">Visit the Repo</a>
+        <a href="https://github.com/OpenTekHub/blockchain" target="_blank"><img src="public/github.png" alt=""  id="git">BlockChain Repository</a>
     </section>
 
     <script src="script.js"></script>
diff --git a/public/Telegram.png b/public/Telegram.png
new file mode 100644
index 0000000..d03a551
Binary files /dev/null and b/public/Telegram.png differ
diff --git a/public/github.png b/public/github.png
new file mode 100644
index 0000000..b3902e3
Binary files /dev/null and b/public/github.png differ
diff --git a/styles.css b/styles.css
index a303c82..bb4eaf3 100644
--- a/styles.css
+++ b/styles.css
@@ -11,10 +11,24 @@ body {
     flex-direction: column;
     justify-content: space-between;
 }
+img{
+    width:5vw;
 
+}
+#Telegram{
+    position:relative;
+    top:1.9vw
+
+} 
 h1, h2, h3 {
     margin: 0;
 }
+#git{
+    position:relative;
+    top:1.4vw;
+    max-width: 4vw;
+    min-width:2vw;
+}
 
 .header {
     text-align: center;