Merge pull request #54 from Boobeshkumar56/gh-pages

added telegram and github icon for more good apperance

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>

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;