Update index.html

chenyibai9527 · Apr 11, 2024 · b3cb337 · b3cb337
1 parent d9e3979
commit b3cb337
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -39,7 +39,7 @@
     </script>
 </head>
 
-<body class="bg-gray-100 font-sans leading-normal tracking-normal">
+<body class="bg-gray-100 font-sans leading-normal tracking-normal text-center">
     <header class="w-full py-6">
         <nav class="mx-auto px-4 py-2 flex justify-between">
             <div class="text-left text-white   text-opacity-0 text-2xl font-extrabold">SunoAI Mp3 Music Downloader</div>
@@ -67,7 +67,13 @@ <h2 class="text-center text-xl py-6">Download any songs that you like from SunoA
         <button onclick="downloadSong()"
             class="w-full my-6 px-4 py-6 text-white bg-black hover:bg-opacity-75 rounded-full transition-colors duration-500">Download
             it for free</button>
+            <div class='w-full text-center text-sm py-3 text-gray-500'style="text-align: center; width: 100%;">
+                <a href="https://www.producthunt.com/posts/sunoai-music-downloader?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-sunoai&#0045;music&#0045;downloader" target="_blank" style="text-align: center;width: 200px;">
+                    <img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=451185&theme=neutral" alt="SunoAI&#0032;Music&#0032;Downloader - Easy&#0032;and&#0032;simple&#0032;to&#0032;use | Product Hunt" style="margin-left:auto;margin-right:auto;display:block;max-width:100%;max-height:100%;border-radius:350px;"/>
+                </a>
+            </div>   
     </main>
+
     <script src="script.js"></script>
     <div id="songInfo"></div>
     <footer class="text-center py-6 text-gray-800 flex-grow">