From 010b0d5607db5c2cc002c2eb9fb9e3df434399d1 Mon Sep 17 00:00:00 2001
From: Ashish Pal <161117954+iashishkpal@users.noreply.github.com>
Date: Sun, 27 Oct 2024 15:35:28 +0530
Subject: [PATCH] Update index.html

1. Used <button> Elements :- Switched from <a> to <button> for action-based elements, improving semantics and accessibility.

2. Added ARIA Labels :-  Enhanced accessibility by adding aria-label attributes for screen readers.

3. Formatted the <meta charset="UTF-8"> :- Placed it as the first child in the <head> for better compatibility.
---
 Button Neon/index.html | 62 ++++++++++++++++++++++--------------------
 1 file changed, 32 insertions(+), 30 deletions(-)
diff --git a/Button Neon/index.html b/Button Neon/index.html
index dea6755e..2487c1ca 100644
--- a/Button Neon/index.html	
+++ b/Button Neon/index.html	
@@ -1,35 +1,37 @@
+<!DOCTYPE html>
 <html lang="en">
 
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Button Neon</title>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Button Neon</title>
+    <link rel="stylesheet" href="style.css">
+</head>
 
-        <link rel="stylesheet" href="style.css">
-    </head>
-
-    <body>
-        <a href="#" class="btn btn-neon btn-success">
-            <span></span>
-            <span></span>
-            <span></span>
-            <span></span>
-            Neon Success
-        </a>
-        <a href="#" class="btn btn-neon btn-warning">
-            <span></span>
-            <span></span>
-            <span></span>
-            <span></span>
-            Neon Warning
-        </a>
-        <a href="#" class="btn btn-neon btn-danger">
-            <span></span>
-            <span></span>
-            <span></span>
-            <span></span>
-            Neon Danger
-        </a>
-    </body>
+<body>
+    <button class="btn btn-neon btn-success" aria-label="Neon Success Button">
+        <span></span>
+        <span></span>
+        <span></span>
+        <span></span>
+        Neon Success
+    </button>
+    
+    <button class="btn btn-neon btn-warning" aria-label="Neon Warning Button">
+        <span></span>
+        <span></span>
+        <span></span>
+        <span></span>
+        Neon Warning
+    </button>
+    
+    <button class="btn btn-neon btn-danger" aria-label="Neon Danger Button">
+        <span></span>
+        <span></span>
+        <span></span>
+        <span></span>
+        Neon Danger
+    </button>
+</body>
 
 </html>
