Added some readme and changed some ui

Bappy4u · Bappy4u · commit 609aee3ae01b · 2021-08-03T06:52:20.000+06:00
diff --git a/README.md b/README.md
@@ -1,3 +1,11 @@
 # algorithm-visualizer
 
-# <a href="https://bappy4u.github.io/algorithm-visualizer/">Live Demo</a>
+# <a href="https://bappy4u.github.io/algorithm-visualizer/">Live Link</a>
+
+<h3>So far I've implemented  two Sorting Algorithm only.</h3>
+
+<ol>
+<li><h3>Bubble Sort</h3></li>
+<li><h3>Selection Sort</h3></li>
+
+</ol>
diff --git a/index.html b/index.html
@@ -4,30 +4,35 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Sorting Visualizer</title>
+    <meta
+      name="description"
+      content="Sorting algorithm visualizer using D3js. It will help you to understand the algorithm. I've used swapping animation for clear understanding of the algorithm."
+    />
+    <title>Sorting Algorithm Visualizer | Najmul H. Bappy</title>
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <p class="sound"><a id="sound" href="#">Sound 🎵</a></p>
-    <h1>Sorting Visualizer</h1>
+    <h1>Sorting Algorithm Visualizer</h1>
     <button id="random-data">Generate Random Data</button>
     <div class="radio">
       <form action="">
-        <label
-          ><input
+        <label>
+          <label
+            ><input
+              type="radio"
+              name="algo-name"
+              value="bubble-sort"
+              checked
+            />Bubble Sort</label
+          >
+          <input
             type="radio"
             name="algo-name"
             value="selection-sort"
           />Selection Sort</label
         >
-        <label
-          ><input
-            type="radio"
-            name="algo-name"
-            value="bubble-sort"
-            checked
-          />Bubble Sort</label
-        >
+
         <br />
         <br />
         <label>
