diff --git a/README.md b/README.md
index ce98125..55df69d 100644
--- a/README.md
+++ b/README.md
@@ -16,27 +16,33 @@ A free, easy-to-use, simple and minimal web template built with [Shoelace](https
 ## Usage
 The first step is to click the **Use this template** button above the file list to create a new repository.
 
-### Add station name and website
-Go to [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L38-L42) file and find `header`:
+### Add station name, website and description
+Make sure to keep the description short, with 10-13 words. Go to [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L47-L51) file and find `header`:
 
 ```html
-<div slot="header">
+<div class="header">
     <strong>Radio Digital Malayali</strong>
-    <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://radio.digitalmalayali.in/" target="_blank">   
-    </sl-icon-button>
+        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://radio.digitalmalayali.in/" target="_blank">
+        </sl-icon-button>
 </div>
+A 24/7 Indian lo-fi music web radio initiative by Digital Malayali.
 ```
 
-### Add station logo and description
-Make sure to keep the description short, with 10-13 words, and the logo at a minimum size of 80 pixels in a 1:1 ratio. In [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L43-L44) file, find `img` tag:
+### Add station logo
+Add a logo at a minimum size of 80 pixels in a 1:1 ratio. In [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L39-L45) file, find `img` tag:
 
 ```html
-<img slot="image" src="assets/RDM.webp" alt="Radio Digital Malayali Logo" />
-A 24/7 Indian lo-fi music web radio initiative by Digital Malayali.
+<div class="logo-container">
+    <img class="radio-logo" src="assets/RDM.webp" alt="Radio Digital Malayali Logo" />
+    <sl-button class="play-radio" variant="primary">
+        <sl-icon slot="prefix" name="play-circle-fill"></sl-icon>
+        Play
+    </sl-button>
+</div>
 ```
 
 ### Add country, language and category
-Find `badges` in [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L45-L49) file. Use the two-letter country code ([ISO 3166-1-alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2)) to display flags:
+Find `badges` in [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L53-L57) file. Use the two-letter country code ([ISO 3166-1-alpha-2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2)) to display flags:
 
 ```html
 <div class="badges">
@@ -47,7 +53,7 @@ Find `badges` in [index.html](https://github.com/digitalmalayali/radiohub/blob/m
 ```
 
 ### Add streaming URL
-Find `audio` tag in [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L55-L56) file:
+Find `audio` tag in [index.html](https://github.com/digitalmalayali/radiohub/blob/main/index.html#L59-L60) file:
 
 ```html
 <audio class="audio" src="https://radio.digitalmalayali.in/listen/stream/radio.mp3" preload="none"></audio>
diff --git a/index.html b/index.html
index 6485c80..b0c4d3e 100644
--- a/index.html
+++ b/index.html
@@ -78,7 +78,8 @@
                 <div class="info">
                     <div class="header">
                         <strong>Mixify Radio</strong>
-                        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://mixify.in/" target="_blank"></sl-icon-button>
+                        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://mixify.in/"
+                            target="_blank"></sl-icon-button>
                     </div>
                     Eternal sanctuary for the soulful tunes of Hindi music.
                     <div class="badges">
@@ -87,13 +88,15 @@
                         <sl-badge variant="success">Music</sl-badge>
                     </div>
                     <div class="footer">
-                        <audio class="audio" src="https://server.mixify.in/listen/listen//radio.mp3" preload="none"></audio>
-                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
+                        <audio class="audio" src="https://server.mixify.in/listen/listen//radio.mp3"
+                            preload="none"></audio>
+                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
+                            style="display:none;"></sl-range>
                     </div>
                 </div>
             </div>
         </sl-card>
-        
+
         <sl-card>
             <div class="card-container">
                 <div class="logo-container">
@@ -106,7 +109,8 @@
                 <div class="info">
                     <div class="header">
                         <strong>AM 1050</strong>
-                        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://www.lavozdesanjusto.com.ar/AM1050" target="_blank"></sl-icon-button>
+                        <sl-icon-button name="arrow-up-right" label="Visit Website"
+                            href="https://www.lavozdesanjusto.com.ar/AM1050" target="_blank"></sl-icon-button>
                     </div>
                     An AM radio station from Cordoba, Argentina.
                     <div class="badges">
@@ -115,13 +119,16 @@
                         <sl-badge variant="success">News</sl-badge>
                     </div>
                     <div class="footer">
-                        <audio class="audio" src="https://vps-2333016-x.dattaweb.com/listen/am_1050_radio_san_francisco/radio.mp3" preload="none"></audio>
-                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
+                        <audio class="audio"
+                            src="https://vps-2333016-x.dattaweb.com/listen/am_1050_radio_san_francisco/radio.mp3"
+                            preload="none"></audio>
+                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
+                            style="display:none;"></sl-range>
                     </div>
                 </div>
             </div>
         </sl-card>
-        
+
         <sl-card>
             <div class="card-container">
                 <div class="logo-container">
@@ -134,7 +141,8 @@
                 <div class="info">
                     <div class="header">
                         <strong>FM Universo 957</strong>
-                        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://www.lavozdesanjusto.com.ar/FMUniverso" target="_blank"></sl-icon-button>
+                        <sl-icon-button name="arrow-up-right" label="Visit Website"
+                            href="https://www.lavozdesanjusto.com.ar/FMUniverso" target="_blank"></sl-icon-button>
                     </div>
                     #24hsSoloMusica, without pauses, without cuts, without breaks.
                     <div class="badges">
@@ -143,13 +151,15 @@
                         <sl-badge variant="success">Music</sl-badge>
                     </div>
                     <div class="footer">
-                        <audio class="audio" src="https://vps-2333016-x.dattaweb.com/listen/fm_universo_957/radio.mp3" preload="none"></audio>
-                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
+                        <audio class="audio" src="https://vps-2333016-x.dattaweb.com/listen/fm_universo_957/radio.mp3"
+                            preload="none"></audio>
+                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
+                            style="display:none;"></sl-range>
                     </div>
                 </div>
             </div>
         </sl-card>
-        
+
         <sl-card>
             <div class="card-container">
                 <div class="logo-container">
@@ -162,7 +172,8 @@
                 <div class="info">
                     <div class="header">
                         <strong>96.7 2GHR FM</strong>
-                        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://2ghr.org.au/" target="_blank"></sl-icon-button>
+                        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://2ghr.org.au/"
+                            target="_blank"></sl-icon-button>
                     </div>
                     Greater Hume Shire's very own community radio station.
                     <div class="badges">
@@ -171,13 +182,15 @@
                         <sl-badge variant="success">Music</sl-badge>
                     </div>
                     <div class="footer">
-                        <audio class="audio" src="https://az1.syd2.hostyourservices.au/listen/2ghr/2ghr" preload="none"></audio>
-                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
+                        <audio class="audio" src="https://az1.syd2.hostyourservices.au/listen/2ghr/2ghr"
+                            preload="none"></audio>
+                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
+                            style="display:none;"></sl-range>
                     </div>
                 </div>
             </div>
         </sl-card>
-        
+
         <sl-card>
             <div class="card-container">
                 <div class="logo-container">
@@ -190,7 +203,8 @@
                 <div class="info">
                     <div class="header">
                         <strong>Radio Top Activa 99.5 FM</strong>
-                        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://radiotopactiva.blogspot.com/" target="_blank"></sl-icon-button>
+                        <sl-icon-button name="arrow-up-right" label="Visit Website"
+                            href="https://radiotopactiva.blogspot.com/" target="_blank"></sl-icon-button>
                     </div>
                     Radio Top Activa broadcasts on 99.5 FM from Challapata, Bolivia.
                     <div class="badges">
@@ -199,13 +213,15 @@
                         <sl-badge variant="success">Music</sl-badge>
                     </div>
                     <div class="footer">
-                        <audio class="audio" src="https://autodj.live/listen/radio_top_activa/live" preload="none"></audio>
-                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
+                        <audio class="audio" src="https://autodj.live/listen/radio_top_activa/live"
+                            preload="none"></audio>
+                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
+                            style="display:none;"></sl-range>
                     </div>
                 </div>
             </div>
         </sl-card>
-        
+
         <sl-card>
             <div class="card-container">
                 <div class="logo-container">
@@ -218,7 +234,8 @@
                 <div class="info">
                     <div class="header">
                         <strong>Radio Mocambos</strong>
-                        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://taina.net.br/" target="_blank"></sl-icon-button>
+                        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://taina.net.br/"
+                            target="_blank"></sl-icon-button>
                     </div>
                     Casa de Cultura Tainã is a non-profit cultural and social entity.
                     <div class="badges">
@@ -227,13 +244,15 @@
                         <sl-badge variant="success">Music</sl-badge>
                     </div>
                     <div class="footer">
-                        <audio class="audio" src="https://labradio.taina.net.br/listen/radiomocambos/radio.mp3" preload="none"></audio>
-                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
+                        <audio class="audio" src="https://labradio.taina.net.br/listen/radiomocambos/radio.mp3"
+                            preload="none"></audio>
+                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
+                            style="display:none;"></sl-range>
                     </div>
                 </div>
             </div>
         </sl-card>
-        
+
         <sl-card>
             <div class="card-container">
                 <div class="logo-container">
@@ -246,7 +265,8 @@
                 <div class="info">
                     <div class="header">
                         <strong>Radio Mil Recuerdos</strong>
-                        <sl-icon-button name="arrow-up-right" label="Visit Website" href="https://www.radiomilrecuerdos.net/" target="_blank"></sl-icon-button>
+                        <sl-icon-button name="arrow-up-right" label="Visit Website"
+                            href="https://www.radiomilrecuerdos.net/" target="_blank"></sl-icon-button>
                     </div>
                     Memories that live through time in Guayaquil.
                     <div class="badges">
@@ -255,13 +275,15 @@
                         <sl-badge variant="success">Music</sl-badge>
                     </div>
                     <div class="footer">
-                        <audio class="audio" src="https://autodj.live/listen/milrecuerdos/radio.mp3" preload="none"></audio>
-                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control" style="display:none;"></sl-range>
+                        <audio class="audio" src="https://autodj.live/listen/milrecuerdos/radio.mp3"
+                            preload="none"></audio>
+                        <sl-range class="volume-control" min="0" max="100" value="20" aria-label="volume-control"
+                            style="display:none;"></sl-range>
                     </div>
                 </div>
             </div>
         </sl-card>
-        
+
     </main>
 
     <footer>