From 13b9cbf113c6a8515ba32be7a014c49e0db1759d Mon Sep 17 00:00:00 2001
From: Israr khan <91806129+khanisrar@users.noreply.github.com>
Date: Wed, 28 Dec 2022 11:03:57 +0530
Subject: [PATCH] updated HTML5 essence to make better

Accept only if you like it, otherwise there is no compulsion.
---
 index.html | 42 +++++++++++++++++++++++++++++-------------
 1 file changed, 29 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 729601c..9576a65 100644
--- a/index.html
+++ b/index.html
@@ -21,21 +21,37 @@
                 border-collapse: collapse;
                 width: 100%;
             }
-
-            th,
-            td {
-                text-align: left;
-                padding: 8px;
-            }
-
             tr:nth-child(even) {
                 background-color: #f2f2f2;
             }
 
             th {
-                background-color: #4CAF50;
+                background-color: #666;
                 color: white;
+                border: 1px solid #000;
+                padding: 10px;
+                text-align: center;
+            }
+            tbody {
+                background-color: #fff;
+            }
+            tbody a {
+                color: #fff;
+                text-decoration: none;
+                background: #333;
+                padding: 3px 10px;
+                border-radius: 5px;
+                transition: .3s;
+            }
+            tbody a:hover {
+                background: #666;
+            }
+            tbody td {
+                border: 1px solid #000;
+                padding: 15px;
+                text-align: center;
             }
+            
         </style>
     </head>
 
@@ -85,10 +101,10 @@ <h1>HTML5 essence</h1>
                         date.innerHTML = blog.date;
                         title.innerHTML = blog.title;
                         preview.innerHTML = `<a href="./${blog.folder}/">Preview</a>`;
-                        hashnodeBlog.innerHTML = `<a href="${blog.hashnodeBlog}" target="_blank">Hashnode Blog</a>`;
-                        githubPageBlog.innerHTML = `<a href="${githubPage}${blog.githubFileID}" target="_blank">Github Page Blog</a>`;
-                        sourceCode.innerHTML = `<a href="${repoURL}/tree/${blog.folder}" target="_blank">Source Code</a>`;
-                        downloadCode.innerHTML = `<a href="${repoURL}/archive/refs/heads/${blog.folder}.zip" target="_blank">Download Code</a>`;
+                        hashnodeBlog.innerHTML = `<a href="${blog.hashnodeBlog}" target="_blank">See</a>`;
+                        githubPageBlog.innerHTML = `<a href="${githubPage}${blog.githubFileID}" target="_blank">See</a>`;
+                        sourceCode.innerHTML = `<a href="${repoURL}/tree/${blog.folder}" target="_blank">Code</a>`;
+                        downloadCode.innerHTML = `<a href="${repoURL}/archive/refs/heads/${blog.folder}.zip" target="_blank">Download</a>`;
                     });
 
                 }
@@ -97,4 +113,4 @@ <h1>HTML5 essence</h1>
 
     </body>
 
-</html>
\ No newline at end of file
+</html>