diff --git a/src/server/cyberhex-code/system/secure_zone/php/index.php b/src/server/cyberhex-code/system/secure_zone/php/index.php
index 3c5fcdf..c1352b6 100644
--- a/src/server/cyberhex-code/system/secure_zone/php/index.php
+++ b/src/server/cyberhex-code/system/secure_zone/php/index.php
@@ -21,23 +21,6 @@ $username="test";
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
-	<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-	<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.0.7/dist/umd/popper.min.js"></script>
-	<style>
-		@media (max-width: 500px) {
-		  #smallScreenWarning {
-			display: block important;
-		  }
-		}
-	</style>
-	<script>
-	  // Show the warning modal on small screens
-	  $(document).ready(function() {
-		if ($(window).width() <= 500) {
-		  $('#smallScreenWarning').modal('show');
-		}
-	  });
-	</script>
 </head>
 <body>
 	<!-- navbar -->
@@ -54,35 +37,30 @@ $username="test";
 		</span>
 	  </div>
 	</nav>
-	
-	<!-- warning for small screens -->
-	<div class="modal fade" id="smallScreenWarning" tabindex="-1" role="dialog" aria-labelledby="smallScreenWarningLabel" aria-hidden="true">
-	  <div class="modal-dialog" role="document">
-		<div class="modal-content">
-		  <div class="modal-header">
-			<h5 class="modal-title" id="smallScreenWarningLabel">Warning!</h5>
-			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-			  <span aria-hidden="true">&times;</span>
-			</button>
-		  </div>
-		  <div class="modal-body">
-			The screen size is too small. Please use a larger device for a better experience.
-		  </div>
-		</div>
-	  </div>
-	</div>
-	
+
 	<div class="container-fluid">
 	  <div class="row">
 		<!-- sidebar -->
 		<div class="col-2">
-		  <p>This container takes up 20% of the width.</p>
+		  <p>List A</p>
+		  <ul>
+		   <li>Item A</li>
+		   <li>Item B</li>
+		   <li>Item C</li>
+		  </ul>
+		  <p>List B</p>
+		  <ul>
+		   <li>Item A</li>
+		   <li>Item B</li>
+		   <li>Item C</li>
+		  </ul>
+
 		</div>
 
 		<!-- main part, with iframe -->
 		<div class="col-10" >
 		 <!-- iframe -->
-		 <p>This container takes up 80% of the width.</p>
+			<iframe src="https://www.example.com" width="100%" height="auto" frameborder="0"></iframe>
 		</div>
 	  </div>
 	</div>
