Added A form in index html file

Ctoic · Sep 27, 2023 · 72f96ba · 72f96ba
1 parent 0c4d2f4
commit 72f96ba
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 18 deletions.
diff --git a/README.MD b/README.MD
@@ -25,4 +25,12 @@
 - Flask-RESTful also provides support for custom response data such as JSON, XML, YAML, etc. because of its built-in response formatting.
 - Flask-RESTful also provides support for custom error handling.
 - Flask-RESTful also provides support for custom authentication and authorization.
-- Flask-RESTful also provides support for custom URL routing.
+- Flask-RESTful also provides support for custom URL routing.
+
+A table which contain For prerequisite and installation of Flask and Flask-RESTful
+
+| Prerequisite | Installation |
+| --- | --- |
+| Python | [Python](https://www.python.org/downloads/) |
+| Flask | `pip install Flask` |
+| Flask-RESTful | `pip install Flask-RESTful` |
diff --git a/templates/index.html b/templates/index.html
@@ -86,35 +86,31 @@
       </div>
     </nav>
 
-    <div class= 'container' my-3>
-      <h2> Add yout Tasks here  </h2>
+    <div class= 'container' mb-3>
+      <h2> Add Tasks here  </h2>
       <form>
-        <div class="form-group">
-          <label for="exampleInputEmail1">Todo Tasks</label>
-          <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter Your Task">
-          <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+        <div class="mb-3">
+          <label for="title">Todo title</label>
+          <input type="text" class="form-control" id="title" aria-describedby="emailHelp" placeholder="Enter Your Task">
+          <small id="emailHelp" class="form-text text-muted">Put First things First :)</small>
         </div>
-        <div class="form-group">
-          <label for="exampleInputPassword1">Password</label>
-          <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
-        </div>
-        <div class="form-group form-check">
-          <input type="checkbox" class="form-check-input" id="exampleCheck1">
-          <label class="form-check-label" for="exampleCheck1">Todo</label>
+        <div class="mb-3">
+          <label for="desc">Todo Descriptions</label>
+          <input type="text" class="form-control" id="desc" placeholder="Describe what todo">
         </div>
         <button type="submit" class="btn btn-primary">Submit</button>
       </form>
 
     </div>
 
-    <div class="container" my-3>
-      <h2 > Todo list </h2>
+    <div class="container mb-3"> 
+      <h2 > Task Descriptions</h2>
 
       <table class="table">
         <thead>
           <tr>
-            <th scope="col">#</th>
-            <th scope="col">First</th>
+            <th scope="col">Number</th>
+            <th scope="col">Descriptions</th>
             <th scope="col">Last</th>
             <th scope="col">Handle</th>
           </tr>