Merge pull request #193 from 0nikhilkumar/master

Add#51 - Add of link and hovering effect.

index.html

@@ -111,9 +111,11 @@ <h1>IMAGINE A PLACE...</h1>
         A place that makes it easy to talk every day and hang out more often.
       </p>
       <div class="buttons">
-          <button class="download-button main-btn"">
-            <i class="fa-solid fa-arrow-down"></i> Download for Mac
-          </button>
+          <a href="https://discord.com/api/downloads/distributions/app/installers/latest?channel=stable&platform=win&arch=x86">
+            <button class="download-button main-btn"">
+              <i class="fa-solid fa-arrow-down"></i> Download for Mac
+            </button>
+          </a>
         <a href="https://discord.com/app">
         <button class="browser-button">Open Discord in browser</button>
       </a> 
@@ -181,9 +183,11 @@ <h1>RELIABLE TECH FOR STAYING CLOSE</h1>
         <img src="./img/stars1.svg" />
       </div>
       <h1>Ready to start your journey?</h1>
-        <button class="download-button bottom-btn" onclick="download(Name)">
-          <i class="fa-solid fa-arrow-down"></i> Download for <span class="deviceName"></span>
-        </button>
+        <a href="https://discord.com/api/downloads/distributions/app/installers/latest?channel=stable&platform=win&arch=x86">
+          <button class="download-button bottom-btn" onclick="download(Name)">
+            <i class="fa-solid fa-arrow-down"></i> Download for <span class="deviceName"></span>
+          </button>
+        </a>
     </div>
   </div>