diff --git a/docker/mariadb-init/pixels.sql b/docker/mariadb-init/pixels.sql
index c7b1a2b..6924915 100644
--- a/docker/mariadb-init/pixels.sql
+++ b/docker/mariadb-init/pixels.sql
@@ -5,9 +5,9 @@ CREATE TABLE Pixel (
     PRIMARY KEY (`id`)
 ) ENGINE = InnoDB;
 INSERT INTO Pixel(id, price, color)
-VALUES (1, 1, "ffffff"),
-    (2, 1, "ffffff"),
-    (3, 1, "ffffff"),
+VALUES (1, 1, "000000"),
+    (2, 1, "000000"),
+    (3, 1, "000000"),
     (4, 1, "ffffff"),
     (5, 1, "ffffff"),
     (6, 1, "ffffff"),
@@ -17,27 +17,27 @@ VALUES (1, 1, "ffffff"),
     (10, 1, "ffffff"),
     (11, 1, "ffffff"),
     (12, 1, "ffffff"),
-    (13, 1, "ffffff"),
-    (14, 1, "ffffff"),
+    (13, 1, "000000"),
+    (14, 1, "000000"),
     (15, 1, "ffffff"),
     (16, 1, "ffffff"),
     (17, 1, "ffffff"),
     (18, 1, "ffffff"),
     (19, 1, "ffffff"),
     (20, 1, "ffffff"),
-    (21, 1, "ffffff"),
-    (22, 1, "ffffff"),
-    (23, 1, "ffffff"),
-    (24, 1, "ffffff"),
+    (21, 1, "000000"),
+    (22, 1, "000000"),
+    (23, 1, "000000"),
+    (24, 1, "000000"),
     (25, 1, "ffffff"),
     (26, 1, "ffffff"),
     (27, 1, "ffffff"),
     (28, 1, "ffffff"),
     (29, 1, "ffffff"),
     (30, 1, "ffffff"),
-    (31, 1, "ffffff"),
-    (32, 1, "ffffff"),
-    (33, 1, "ffffff"),
+    (31, 1, "000000"),
+    (32, 1, "000000"),
+    (33, 1, "000000"),
     (34, 1, "ffffff"),
     (35, 1, "ffffff"),
     (36, 1, "ffffff"),
@@ -45,9 +45,9 @@ VALUES (1, 1, "ffffff"),
     (38, 1, "ffffff"),
     (39, 1, "ffffff"),
     (40, 1, "ffffff"),
-    (41, 1, "ffffff"),
+    (41, 1, "000000"),
     (42, 1, "ffffff"),
-    (43, 1, "ffffff"),
+    (43, 1, "000000"),
     (44, 1, "ffffff"),
     (45, 1, "ffffff"),
     (46, 1, "ffffff"),
diff --git a/src/front/index.html b/src/front/index.html
deleted file mode 100644
index 0490cae..0000000
--- a/src/front/index.html
+++ /dev/null
@@ -1,101 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-
-<head>
-    <meta charset="utf-8">
-    <title>Popup Login Form Design | CodingNepal</title>
-    <link rel="stylesheet" href="utils.css">
-    <link rel="stylesheet" href="title-bar.css">
-    <link rel="stylesheet" href="login-signup.css">
-    <link rel="stylesheet" href="pixels.css">
-    <script>
-        function toggleLoginSignup(l, s) {
-            document.getElementById("show-login").checked = l;
-            document.getElementById("show-signup").checked = s;
-        }
-    </script>
-    <script type="text/javascript" src="pixels.js"></script>
-</head>
-
-<body>
-
-    <div class="title-bar">
-        <div class="title">
-            <img src="logo.png" /> Pixels
-        </div>
-        <div class="profil">
-            <input type="checkbox" id="show-login" class="show">
-            <div onclick="toggleLoginSignup(true, false)" class="login-btn">Login</div>
-
-            <input type="checkbox" id="show-signup" class="show">
-            <div onclick="toggleLoginSignup(false, true)" class="signup-btn">Signup</div>
-
-            <div class="login-container">
-                <div onclick="toggleLoginSignup(false, false)" class="close-btn" title="close">X</div>
-                <div class="text">
-                    Login
-                </div>
-                <form action="#">
-                    <div class="data">
-                        <label>Nickname</label>
-                        <input type="text" required>
-                    </div>
-                    <div class="data">
-                        <label>Password</label>
-                        <input type="password" required>
-                    </div>
-                    <div class="forgot-pass">
-                        <a href="#">Forgot Password?</a>
-                    </div>
-                    <div class="btn">
-                        <button type="submit">login</button>
-                    </div>
-                    <div class="signup-login-link">
-                        Not a member?
-                        <div class="href" onclick="toggleLoginSignup(false, true)">Signup now</div>
-                    </div>
-                </form>
-            </div>
-
-            <div class="signup-container">
-                <div onclick="toggleLoginSignup(false, false)" class="close-btn" title="close">X</div>
-                <div class="text">
-                    Signup
-                </div>
-                <form action="#">
-                    <div class="data">
-                        <label>Nickname</label>
-                        <input type="text" required>
-                    </div>
-                    <div class="data">
-                        <label>Password</label>
-                        <input type="password" required>
-                    </div>
-                    <div class="btn">
-                        <button type="submit">signup</button>
-                    </div>
-                    <div class="signup-login-link">
-                        Already a member?
-                        <div class="href" onclick="toggleLoginSignup(true, false)">Login now</div>
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-    <div class="pixel-container">
-        <table id="pixelTable">
-            <tr></tr>
-            <tr></tr>
-            <tr></tr>
-            <tr></tr>
-            <tr></tr>
-            <tr></tr>
-            <tr></tr>
-            <tr></tr>
-            <tr></tr>
-            <tr></tr>
-        </table>
-    </div>
-</body>
-
-</html>
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index 5c1b087..0490cae 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -1,13 +1,101 @@
-<html>
-  <head>
-    <title>Web Demo</title>
-  </head>
-  <body>
-    <p>Say <a href="hello">Hello</a></p>
-    <form method="post" action="hello">
-      <h2>Name:</h2>
-      <input type="text" id="say-hello-text-input" name="name" />
-      <input type="submit" id="say-hello-button" value="Say Hello" />
-    </form>
-  </body>
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+    <meta charset="utf-8">
+    <title>Popup Login Form Design | CodingNepal</title>
+    <link rel="stylesheet" href="utils.css">
+    <link rel="stylesheet" href="title-bar.css">
+    <link rel="stylesheet" href="login-signup.css">
+    <link rel="stylesheet" href="pixels.css">
+    <script>
+        function toggleLoginSignup(l, s) {
+            document.getElementById("show-login").checked = l;
+            document.getElementById("show-signup").checked = s;
+        }
+    </script>
+    <script type="text/javascript" src="pixels.js"></script>
+</head>
+
+<body>
+
+    <div class="title-bar">
+        <div class="title">
+            <img src="logo.png" /> Pixels
+        </div>
+        <div class="profil">
+            <input type="checkbox" id="show-login" class="show">
+            <div onclick="toggleLoginSignup(true, false)" class="login-btn">Login</div>
+
+            <input type="checkbox" id="show-signup" class="show">
+            <div onclick="toggleLoginSignup(false, true)" class="signup-btn">Signup</div>
+
+            <div class="login-container">
+                <div onclick="toggleLoginSignup(false, false)" class="close-btn" title="close">X</div>
+                <div class="text">
+                    Login
+                </div>
+                <form action="#">
+                    <div class="data">
+                        <label>Nickname</label>
+                        <input type="text" required>
+                    </div>
+                    <div class="data">
+                        <label>Password</label>
+                        <input type="password" required>
+                    </div>
+                    <div class="forgot-pass">
+                        <a href="#">Forgot Password?</a>
+                    </div>
+                    <div class="btn">
+                        <button type="submit">login</button>
+                    </div>
+                    <div class="signup-login-link">
+                        Not a member?
+                        <div class="href" onclick="toggleLoginSignup(false, true)">Signup now</div>
+                    </div>
+                </form>
+            </div>
+
+            <div class="signup-container">
+                <div onclick="toggleLoginSignup(false, false)" class="close-btn" title="close">X</div>
+                <div class="text">
+                    Signup
+                </div>
+                <form action="#">
+                    <div class="data">
+                        <label>Nickname</label>
+                        <input type="text" required>
+                    </div>
+                    <div class="data">
+                        <label>Password</label>
+                        <input type="password" required>
+                    </div>
+                    <div class="btn">
+                        <button type="submit">signup</button>
+                    </div>
+                    <div class="signup-login-link">
+                        Already a member?
+                        <div class="href" onclick="toggleLoginSignup(true, false)">Login now</div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+    <div class="pixel-container">
+        <table id="pixelTable">
+            <tr></tr>
+            <tr></tr>
+            <tr></tr>
+            <tr></tr>
+            <tr></tr>
+            <tr></tr>
+            <tr></tr>
+            <tr></tr>
+            <tr></tr>
+            <tr></tr>
+        </table>
+    </div>
+</body>
+
 </html>
diff --git a/src/front/index2.html b/src/main/webapp/index2.html
similarity index 100%
rename from src/front/index2.html
rename to src/main/webapp/index2.html
diff --git a/src/front/login-signup.css b/src/main/webapp/login-signup.css
similarity index 100%
rename from src/front/login-signup.css
rename to src/main/webapp/login-signup.css
diff --git a/src/front/logo.png b/src/main/webapp/logo.png
similarity index 100%
rename from src/front/logo.png
rename to src/main/webapp/logo.png
diff --git a/src/front/pixels.css b/src/main/webapp/pixels.css
similarity index 100%
rename from src/front/pixels.css
rename to src/main/webapp/pixels.css
diff --git a/src/front/pixels.js b/src/main/webapp/pixels.js
similarity index 100%
rename from src/front/pixels.js
rename to src/main/webapp/pixels.js
diff --git a/src/front/profil.css b/src/main/webapp/profil.css
similarity index 100%
rename from src/front/profil.css
rename to src/main/webapp/profil.css
diff --git a/src/front/title-bar.css b/src/main/webapp/title-bar.css
similarity index 100%
rename from src/front/title-bar.css
rename to src/main/webapp/title-bar.css
diff --git a/src/front/utils.css b/src/main/webapp/utils.css
similarity index 100%
rename from src/front/utils.css
rename to src/main/webapp/utils.css
diff --git a/src/front/wallet.css b/src/main/webapp/wallet.css
similarity index 100%
rename from src/front/wallet.css
rename to src/main/webapp/wallet.css
