diff --git a/frontend/css/login.css b/frontend/css/login.css
new file mode 100644
index 0000000..35cc384
--- /dev/null
+++ b/frontend/css/login.css
@@ -0,0 +1,31 @@
+/* Bordered form */
+form {
+ border: 3px solid #f1f1f1;
+}
+
+input[type=text], input[type=password] {
+ width: 100%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+}
+
+button {
+ background-color: #04AA6D;
+ color: white;
+ padding: 14px 20px;
+ margin: 8px 0;
+ border: none;
+ cursor: pointer;
+ width: 100%;
+}
+
+button:hover {
+ opacity: 0.8;
+}
+
+.container {
+ padding: 16px;
+}
\ No newline at end of file
diff --git a/frontend/gallery/gallery.html b/frontend/gallery/gallery.html
index 934fa42..6d585fc 100644
--- a/frontend/gallery/gallery.html
+++ b/frontend/gallery/gallery.html
@@ -1,5 +1,6 @@
+
@@ -7,6 +8,7 @@
+
+
\ No newline at end of file
diff --git a/frontend/gallery/user_gallery.html b/frontend/gallery/user_gallery.html
new file mode 100644
index 0000000..6cb6fe9
--- /dev/null
+++ b/frontend/gallery/user_gallery.html
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+ User Image Gallery
+
+
+
+
+
+
+
+ Please
sign in to view your images.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/index.html b/frontend/index.html
index 06fcaf2..6a9e635 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,11 +1,13 @@
+
Drag and Drop Image Upload
+
@@ -30,4 +34,5 @@
+
\ No newline at end of file
diff --git a/frontend/js/user_gallery.js b/frontend/js/user_gallery.js
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/login/login.html b/frontend/login/login.html
new file mode 100644
index 0000000..7bee6df
--- /dev/null
+++ b/frontend/login/login.html
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+ Login Page
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file