diff --git a/server/index.html b/server/index.html
index 68218a8..1135a3f 100644
--- a/server/index.html
+++ b/server/index.html
@@ -3,15 +3,20 @@
   <head>
     <meta charset="UTF-8">
     <title>Определение породы собаки по фото</title>
+    <link rel="stylesheet" href="static/styles.css">
   </head>
   <body>
-    <form enctype="multipart/form-data" method="post" action="/beeds"  onsubmit="SavePhoto();return false">
-        <p><input type="file" name="f" id="file-input">
-        <input type="submit" value="Отправить"></p>
-       </form> 
-       <div id="result"></div>
-       <img id="image" style="max-width: 200px;"/>
-  </body>
+    <section id="main">
+      <h1>Определить породу собаки по фото</h1>
+      <p>Загрузите фото, чтобы опеределить породу собаки или щенка. Если порода смешанная, после загрузки будет показана вероятность породы животного.</p>
+      <form enctype="multipart/form-data" method="post" action="/beeds"  onsubmit="SavePhoto();return false">
+          <p><input type="file" name="f" id="file-input">
+          <input type="submit" value="Отправить"></p>
+        </form> 
+        <div id="result"></div>
+        <img id="image" style="max-width: 200px;"/>
+    </body>
+  </section>
   <script src="static/scripts.js"></script>
 
 </html>
diff --git a/server/static/scripts.js b/server/static/scripts.js
index be49042..261b936 100644
--- a/server/static/scripts.js
+++ b/server/static/scripts.js
@@ -1,3 +1,6 @@
+
+let urlCreator = window.URL || window.webkitURL;
+
 async function SavePhoto() 
 {
     let photo = document.getElementById("file-input").files[0];
@@ -20,10 +23,14 @@ async function SavePhoto()
           text += "<div>" + json.results[key] + ": " + key + "</div>";
         }
         document.getElementById("result").innerHTML = text;
-        let urlCreator = window.URL || window.webkitURL;
-        let imageUrl = urlCreator.createObjectURL(photo);
-        document.getElementById("image").src = imageUrl;
       } else {
         alert("Ошибка HTTP: " + response.status);
       }
-}
\ No newline at end of file
+}
+
+document.getElementById("file-input").addEventListener("change", function () {
+  let photo = document.getElementById("file-input").files[0];
+  let imageUrl = urlCreator.createObjectURL(photo);
+  document.getElementById("image").src = imageUrl;
+
+});
\ No newline at end of file
