Update templates/index.html

templates/index.html

@@ -25,13 +25,18 @@
          
          <label style='font-size:26px; color:navy ;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);'>Volume:</label>
          <input type='text' name='volume' placeholder='Enter volume' style='margin-bottom:15px;padding:8px;'><br>
-         
-         <input type='submit' value='predict' style='font-size:20px; color:black;background-color:red;padding:10px 20px;border:1px solid darkred;border-radius:3px;width:48%;cursor:wait;'><br><br>
-         
-         <input type='reset' value='refresh' style='font-size:20px; color:black;background-color:green;padding:10px 20px;border:1px solid darkgreen;border-radius:3px;width:48%;cursor:wait;'><br><br>
-         
+           </div>
+
+         <div class="button-group">
+            <button type="submit" class="btn btn-primary" id="submitBtn">
+              <span>🔍</span> Predict Species
+            </button>
+            <a href="/" class="btn btn-secondary">
+              <span>🔄</span> Reset Form
+            </a>
+          </div>
        </form>
-       </div>
+      
   
     {% if result%}
      <h2 style="color:rebeccapurple; font-weight: bold;text-shadow: 1px 1px 0 #000, 2px 2px 0 #555;">Predicted closing price for tomorrow : {{result}} </h2>