diff --git a/Transcendence/srcs/frontend/src/200.jpg b/Transcendence/srcs/frontend/src/200.jpg
new file mode 100644
index 0000000..276550c
Binary files /dev/null and b/Transcendence/srcs/frontend/src/200.jpg differ
diff --git a/Transcendence/srcs/frontend/src/test.html b/Transcendence/srcs/frontend/src/test.html
index 083436d..746b00e 100644
--- a/Transcendence/srcs/frontend/src/test.html
+++ b/Transcendence/srcs/frontend/src/test.html
@@ -23,14 +23,34 @@
 
     </head>
     <body>
-        <div class="test1">
-        
+        <div class="test1" style="border: 15px solid black; width: fit-content; color: blue; border-width: 3px;
+			border-color: brown; box-sizing: border-box; size: 200px;">
+        hello       
+			<div class="test1" style="border: 15px solid black; width: fit-content; color: blue; border-width: 3px;
+				border-color: brown;">
+        	hello
+        	</div>
         </div>
-        <div class="test1">
-        
+        <div style="border: 5px solid red; padding: 30px; margin: 40px ; background-color: lightblue;">
+			<img src="200.jpg" style="border: 5px solid green; width: 15%;">
         </div>
     
-    
+		<div>
+			<span style="border: 1rem dashed yellowgreen; line-height: 25px; display: inline-block;
+				margin: 20px;">
+				ahah
+			</span>
+		
+			<span style="border: 10px inset purple;">
+				eheheheheheheheheeheh
+			</span>
+			<span id="hello" style="border: 3px solid #ff05f6; border-radius: 15px;">
+				ohohhohohohohohohohohohohohohhohohohoho
+			</span>
+		</div>
+		<div>
+
+		</div>
     
     
     
