--- a
+++ b/home.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+	<meta charset="utf-8">
+    <title>Esophageal Detection API</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <script src="https://kit.fontawesome.com/a076d05399.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    
+</head>
+<body>
+
+<div class="center" id='first'> 
+
+  <form class="form-input" action="{{url_for('upload_file')}}" id='myform' method=post enctype=multipart/form-data>
+    
+    <label for="file-ip-1">Select Image</label>
+    <input type="file" id="file-ip-1" accept="image/*" onchange="showPreview(event);" name=file>
+    <div class="preview">
+      <img id="file-ip-1-preview">
+    </div>
+    <input type=submit value=Predict id="thebutton">
+  </form>
+ 
+</div>
+
+
+<script type='text/javascript' src="{{url_for('static', filename='js/script.js') }}"></script>
+
+</body>
+
+