diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..6bc7649
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,8 @@
+# Ignore node_modules in the root
+node_modules/
+
+# Ignore node_modules in the client folder
+client/node_modules/
+
+# Ignore node_modules in the server folder
+server/node_modules/
diff --git a/server/index.html b/server/index.html
index b01e8e9..89080ef 100644
--- a/server/index.html
+++ b/server/index.html
@@ -7,35 +7,89 @@
-
-
-Custom Directory Listing
+ .index-cont{
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 25px;
+ gap: 12.5px;
+ }
+
+ .index-cont img{
+ cursor: pointer;
+ }
+
+ .index-txt{
+ font-size: 2rem;
+ }
+
+ .line-break{
+ background-color:#000000; height:1px; width:50%;
+ }
-
+ .return-cont{
+ display: flex;
+ flex-direction: row;
+ gap: 12.5px;
+ justify-content: last baseline;
+ }
+ .main-cont{
+ display: flex;
+ flex-wrap: wrap;
+ gap: 25px;
+ }
+
+ .folder {
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+ text-decoration: none;
+ filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.2));
+ align-items: center;
+ }
+
+ .folder img{
+ width: 50px;
+ height: auto;
+ }
+
+ a{
+ text-decoration: none;
+ color: black;
+ }
+
+ .file {
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+ text-decoration: none;
+ cursor: pointer;
+ filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.2));
+ align-items: center;
+ }
+
+ .file img {
+ width: 50px;
+ height: auto;
+ }
+
+ .info-name {
+ padding-top: 12.5px;
+ }
+
+
+
+
+