diff --git a/main.html b/main.html
index b06fe93..c65c18a 100644
--- a/main.html
+++ b/main.html
@@ -26,14 +26,31 @@
    function loadNewRadarChar(chrtelement, data) {
 
 
+   }
+
+   function setNewValues() {
+      console.log("Hi!");
    }
    </script>
 </head>
 <body>
    <h1 class="w3-container w3-green">Video lectures taxonomy</h1>
+   <h2 class="w3-container w3-gray">Video information</h2>
+
+<div class="w3-light-gray">
+<p>Please fill in information on your video</p>
+<form name="newEntryForm" class="w3-container w3-white w3-border w3-border-green" method="POST" action="" onsubmit="setNewValues()">
+            <label class="w3-text-green" for="videoname"><b>Name of Video</b></label>
+            <input class="w3-input w3-border w3-light-grey" type="text" id="videoname" name="videoname" value="name of video">
 
 
-
+      <div class="w3-container w3-margin">
+        <input class="w3-btn w3-green" type="submit" name="do_entry" value="OK">
+        <input class="w3-btn w3-grey" type="reset" name="reset" value="Reset">
+    </div>
+</form>
+</div>
+<hr/>
    <canvas id="chartId" aria-label="chart" height="350" width="580"></canvas>
 
    <script>
