add tags

www/index.html

@@ -219,16 +219,46 @@
               Add Tags
             </div>
             <div class="col">
-              <a href="#" class="autodoc_tag_color badge badge-primary">Primary<span></span></a><br/>
-              <a href="#" class="autodoc_tag_color badge badge-secondary">Secondary<span></span></a><br/>
-              <a href="#" class="autodoc_tag_color badge badge-success">Success<span></span></a><br/>
-              <a href="#" class="autodoc_tag_color badge badge-danger">Danger<span></span></a><br/>
-              <a href="#" class="autodoc_tag_color badge badge-warning">Warning<span></span></a><br/>
-              <a href="#" class="autodoc_tag_color badge badge-info">Info<span></span></a><br/>
-              <a href="#" class="autodoc_tag_color badge badge-light">Light<span></span></a><br/>
-              <a href="#" class="autodoc_tag_color badge badge-dark">Dark<span></span></a><br/>
+              <table class="table table-borderless">
+                <thead>
+                  <tr>
+                    <th>1. Tag Name</th>
+                    <th>2. Color</th>
+                    <th>3. Result</th>
+                    <th>4. Confirm</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td>
+                      <input type="text" placeholder="Tag name" class="autodoc_tag_text">
+                    </td>
+                    <td>
+                      <a href="#" class="autodoc_tag_color badge badge-primary">Primary<span></span></a>
+                      <a href="#" class="autodoc_tag_color badge badge-secondary">Secondary<span></span></a>
+                      <a href="#" class="autodoc_tag_color badge badge-success">Success<span></span></a>
+                      <a href="#" class="autodoc_tag_color badge badge-danger">Danger<span></span></a>
+                      <br />
+                      <a href="#" class="autodoc_tag_color badge badge-warning">Warning<span></span></a>
+                      <a href="#" class="autodoc_tag_color badge badge-info">Info<span></span></a>
+                      <a href="#" class="autodoc_tag_color badge badge-light">Light<span></span></a>
+                      <a href="#" class="autodoc_tag_color badge badge-dark">Dark<span></span></a>
+                    </td>
+                    <td>
+                      <span class="badge"></span>
+                    </td>
+                    <td>
+                      <button type="button" class="btn btn-outline-primary">Add Tag</button>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+
             </div>
           </div>
+          <div class="col">
+
+          </div>
         </div>
 
         <!-- Search -->