raw website

- open form with button
- some styling

html/index.html

@@ -4,11 +4,32 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="/scripts/notes_app.js"></script>
     <link rel="stylesheet" href="/css/notes_app.css" type="text/css">
 </head>
 <body>
-    <h1>Hello World</h1>
-    <p>Whats the matter ?</p>
+    <div id=mainHeader>
+        <h1>
+            Quick Notes
+        </h1>
+        <h6>
+            A sample note web app to demonstrate the usage of Promises/Async/Await.
+        </h6>
+    </div>
+    <div id=addNoteDiv>
+        <button type="button" id=addNote>+</button>
+    </div>
+
+    <div id=noteFormDiv>
+        <form id=noteForm>
+            <input type="text" name="noteTitle" id="input1" placeholder="Enter title...">
+            <div>
+                <textarea name=noteText id=memo placeholder="Enter notes..."></textarea> 
+            </div>
+            <button type="button" id=saveNote>Save</button>
+        </form>   
+    </div>
+    
 </body>
 </html>