diff --git a/static/css/style.css b/static/css/style.css
index 9224d5d..4ae2ef1 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -293,3 +293,44 @@ summary::-webkit-details-marker,
       background-color: #ff0000;
       color: #ffffff;
     }
+
+    #myPopup {
+      display: none;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0,0,0,0.5);
+      z-index: 1;
+    }
+    
+    #popupContent {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      background-color: white;
+      padding: 20px;
+      border-radius: 5px;
+      animation-name: popupFadeIn;
+      animation-duration: 0.5s;
+    }
+    
+    @keyframes popupFadeIn {
+      from { opacity: 0; transform: translate(-50%, -60%); }
+      to { opacity: 1; transform: translate(-50%, -50%); }
+    }
+
+    .container{
+
+      position: absolute;
+      right: 32px;
+      top: 16px;
+      font-size: 24px;
+  }
+  .menu-link{
+    color:white;
+    text-decoration: none;
+    margin-left: 16px;
+}
\ No newline at end of file
diff --git a/templates/session.html b/templates/session.html
index f6680bd..9fc8b6c 100644
--- a/templates/session.html
+++ b/templates/session.html
@@ -12,20 +12,54 @@
 </head>
 
 <body onload="getMessages(); setInterval(getMessages, 1000);">
-	<a href="/logout">
-		<button class="btn btn-primary btn-lg">	&#x1F44B;</button>
-	</a>
-	</div>
-	<label class="switch">
-		<input type="checkbox" onclick="myFunction()">
-		<span class="slider round"></span>
-	</label>
-	<script>
-		function myFunction() {
-			var element = document.body;
-			element.classList.toggle("dark-mode");
-		}
-	</script>
+	
+	<div class="container"></div>
+		<a id="myButton" class="menu-link" ><img src="/static/img/user.png" width="50" height="50"></a>
+    </div>
+
+	<div id="myPopup">
+		<div id="popupContent">
+		  <h3>Information</h3>
+		  <p id="user"></p>
+		  {% block content %}
+			<p>Useranzahl: {{useranzahl}}</p>
+			<p>Uptime: {{der}}</p>
+
+			<p>Creator: Host</p>
+		  <img src="../static/img/qr.png">
+		  <button id="closeButton">Close</button>
+		  <a href="/logout">
+			<button class="btn btn-primary btn-lg">	&#x1F44B;</button>
+		</a>
+		</div>
+		<label class="switch">
+			<input type="checkbox" onclick="myFunction()">
+			<span class="slider round"></span>
+		</label>
+		<script>
+			function myFunction() {
+				var element = document.body;
+				element.classList.toggle("dark-mode");
+			}
+		</script>
+		
+	  </div>
+
+	  <script>
+		var myButton = document.getElementById("myButton");
+		var myPopup = document.getElementById("myPopup");
+		var closeButton = document.getElementById("closeButton");
+		
+		myButton.addEventListener("click", function() {
+		  myPopup.style.display = "block";
+		});
+		
+		closeButton.addEventListener("click", function() {
+		  myPopup.style.display = "none";
+		});
+		
+		</script>
+
 	<div class="nav_cont_wrapper">
 	<div class="navigation">
 		<a onclick="change_div('_home')">
@@ -64,7 +98,7 @@
 
 		<div hidden class="tmplt_tab" id="_planer">
 			<center>
-			{% block content %}
+			
 
 			<table id="event-table" class="rounded">
 				<tr>
