From 97a0a29400b8e9b1c0109a3cf44039e40f34e58f Mon Sep 17 00:00:00 2001
From: ChinmayVS <chinmayvediyoor@gmail.com>
Date: Sun, 16 Feb 2025 15:13:02 +0000
Subject: [PATCH] added download links for MB

---
 music-blocks.html | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/music-blocks.html b/music-blocks.html
index e1f2023f..20611f57 100755
--- a/music-blocks.html
+++ b/music-blocks.html
@@ -144,6 +144,48 @@ <h2>CREDITS</h2>
     </div>
 </section>
 
+<!-- "Download MB" section -->
+<section id="call-to-action-mb" style="padding: 40px 0; text-align: center; background-color: #fff;">
+    <div style="max-width: 1200px; margin: 0 auto; padding: 20px;">
+        <h2 style="margin-bottom: 20px;">Download Music Blocks</h2>
+        
+        <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
+            <!-- Mobile (Android) Section -->
+            <div style="flex: 1; min-width: 300px; max-width: 500px; background: #f7f7f7; padding: 20px; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);">
+                <h2>Mobile (Android)</h2>
+                <p>Install Music Blocks on your Android device.</p>
+                <hr>
+                <ul style="text-align: left; padding-left: 20px;">
+                    <li>Available on Google Play for Android users.</li>
+                    <li>Utilizes your device’s touch capabilities.</li>
+                    <li>Works both online and offline.</li>
+                </ul>
+                <br>
+                <a href="https://play.google.com/store/apps/details?id=my.musicblock.sugarlab&pcampaignid=web_share">
+                    <button type="button" style="width: 100%; padding: 10px; background-color: rgb(51, 105, 255); color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;">Install Music Blocks on Google Play</button>
+                </a>
+            </div>
+            
+            <!-- Flatpak (Linux) Section -->
+            <div style="flex: 1; min-width: 300px; max-width: 500px; background: #f7f7f7; padding: 20px; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);">
+                <h2>Flatpak (Linux)</h2>
+                <p>Run Music Blocks on your Linux system using Flatpak.</p>
+                <hr>
+                <ul style="text-align: left; padding-left: 20px;">
+                    <li>Easily install via Flathub.</li>
+                    <li>Works on all major Linux distributions.</li>
+                    <li>Sandboxed and secure.</li>
+                </ul>
+                <br>
+                <a href="https://flathub.org/apps/org.sugarlabs.MusicBlocks">
+                    <button type="button" style="width: 100%; padding: 10px; background-color:rgb(51, 105, 255); color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;">Install Music Blocks via Flatpak</button>
+                </a>
+            </div>
+        </div>
+    </div>
+</section>
+  
+
 <!-- "Refence Video" section -->
 <section id="testimonial" >
     <div class="container">