diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..80d1ed0
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,227 @@
+body {
+	font-family: Arial;
+	font-size: 12px;
+	color: #666;
+	text-align: center;
+	margin: 0;
+	background: #002e3c url(../images/bg_top.png) no-repeat 3.5cm 0cm;
+}
+
+#wrapper {
+	width: 960px;
+	margin: 0 auto;
+	text-align: left;
+}
+
+a {
+	color: #273b52;
+	text-decoration: none;
+}
+
+p {
+	color: #273b52;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+#logo {
+	float: left;
+	margin-top: 30px;
+}
+
+#menu {
+	float: right;
+	margin-top: 100px;
+}
+
+#menu ul {
+	list-style: none;
+	margin: 0;
+	padding: 0px 0px 0px 0px;
+}
+
+#menu li {
+	display: block;
+	float: left;
+	margin-left: 10px;
+}
+
+#menu a {
+	color: #fff;
+	font-size: 14px;
+	display: block;
+	float: left;
+	padding: 10px 10px 10px 10px;
+	text-decoration: none;
+	text-transform: inherit;
+	margin-left: 5px;
+	font-family: Tahoma, Geneva, sans-serif;
+	font-weight: bold;
+
+}
+
+#menu a:hover {
+	color: #fff;	
+	-webkit-border-radius: 5px;
+    -khtml-border-radius: 5px; 
+    -moz-border-radius: 5px; 
+    border-radius: 5px;
+	background: #02475c;
+}
+
+.active {
+	color: #fff;
+	-webkit-border-radius: 5px;
+    -khtml-border-radius: 5px; 
+    -moz-border-radius: 5px; 
+    border-radius: 5px;
+	background: #046c8b;
+}
+
+#header {
+	width: 950px;
+	height: 310px;
+	margin-top: 20px;
+	float: left;
+	background: #FFF url(../images/bg_box.png) repeat-x bottom;
+	border: 5px solid #046c8b;
+}
+
+#header img {
+	padding: 5px;
+}
+
+#title_head {
+	float: left;
+	width: 500px;
+	font-family: Arial;
+	padding: 10px;
+	margin-top: -35px;
+}
+
+#title_head h2 {
+	color: #df6f00;
+	font-size: 31px;
+	font-family: "Times New Roman", Times, serif;
+}
+
+#title_head span {
+	color: #377;
+	font-size: 13px;
+	font-weight: normal;
+	line-height: 13px;
+	text-align: justify;
+}
+
+#title_head a {
+	color: #fff;
+	background:  #FF9000;
+	font-size: 12px;
+	font-weight: bold;
+	text-transform: inherit;
+	padding: 10px 10px 10px 10px;
+	-webkit-border-radius: 5px;
+    -khtml-border-radius: 5px; 
+    -moz-border-radius: 5px; 
+    border-radius: 5px;
+}
+
+.margin1 {
+	margin-left: 10px;
+}
+
+.margin2 {
+	margin-left: 50px;
+}
+
+.margin3 {
+	margin-left: 30px;
+}
+
+h2 {
+	font-size: 22px;
+	font-weight:normal;
+	color: #b10d0d;
+}
+
+#solid {
+	width: 940px;
+	float: left;
+	font-family: Arial, Helvetica, sans-serif;
+	background: #FFF url(../images/bg_box.png) repeat-x bottom;
+	margin-top: 10px;
+	padding: 10px;
+}
+
+#solid p {
+	font-size: 13px;
+	font-family: Arial;
+	color: #755;
+	clear: both;
+}
+
+#solid h2 {
+	color: #666;
+	text-shadow: #fff 0px 1px 0px;
+	font-size: 18px;
+	font-weight: normal;
+	float: left;
+}
+
+#solid_box {
+	width: 265px;
+	color: #666666;
+	float: left;
+	text-align: justify;
+	font-family: Arial, Helvetica, sans-serif;
+}
+
+#solid_box a {
+	color: #FF9000;
+	background:  url(../images/bullet.gif) no-repeat left;
+	font-size: 12px;
+	font-weight: bold;
+	padding-left: 15px;
+}
+
+#solid_box a:hover {
+	text-decoration: none;
+	color: #455;
+}
+
+.right {
+	float: right;
+}
+
+#solid_box h2 {
+	color: #766;
+	text-shadow: #fff 0px 1px 0px;
+	font-size: 18px;
+	font-weight: normal;
+	margin: 15px 0 0 15px; 
+	float: left;
+}
+
+#solid_box img {
+	float: left;
+}
+
+#solid_box p {
+	font-size: 13px;
+	font-family: Arial;
+	color: #555;
+	clear: both;
+}
+
+#footer, #footer p {
+	float: left;
+	font-size: 12px;
+	color: #999;
+	padding-left: 10px;
+}
+
+#footer a {
+	color: #ccc;
+}
diff --git a/images/bg_box.png b/images/bg_box.png
new file mode 100644
index 0000000..c9997f1
Binary files /dev/null and b/images/bg_box.png differ
diff --git a/images/bg_head.jpg b/images/bg_head.jpg
new file mode 100644
index 0000000..e9d2156
Binary files /dev/null and b/images/bg_head.jpg differ
diff --git a/images/bg_top.png b/images/bg_top.png
new file mode 100644
index 0000000..519fa52
Binary files /dev/null and b/images/bg_top.png differ
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..8bbde90
Binary files /dev/null and b/images/logo.png differ
diff --git a/index.php b/index.php
index 2f5a808..1572c7d 100644
--- a/index.php
+++ b/index.php
@@ -2,25 +2,40 @@
 <html>
 	<head>
 		<meta charset="utf-8">
-		<link rel="Stylesheet" href="style/style.css">
+		 <link rel="stylesheet" type="text/css" href="css/style.css" />
 	
 	</head>
 	<body>
-		
-		<?php
+<div id="wrapper">
+    <div id="logo">
+    <img src="images/logo.png" />
+    </div>
+    <div id="menu">
+        <ul>
+        <li><a href="#" class="active">Strona glowna</a></li>
+        <li><a href="#">O mnie</a></li>
+        <li><a href="#">Oferta</a></li>
+        <li><a href="#">Kontakt</a></li>
+        </ul>
+    </div>
+    <div id="header">
+    <img src="images/bg_head.jpg" style="float: right" />
+    <div id="title_head">    
+    <h2>Skaner kodow QR</h2>
+    <span><?php
 			
 			$conn = new mysqli("localhost", "root", "", "komputery") or die("B³¹d");
 			
-			$wynik = $conn->query("SELECT * FROM parametry WHERE Id = 1 ");
+			$wynik = $conn->query("SELECT * FROM parametry WHERE Id = 3 ");
 			
 			echo "<h1>Dane twojego komputera: </h1>";
 			echo "<br>";
 			
 			if($wynik->num_rows > 0){
 				
-				echo "<table>";
+				echo "<table style='border-spacing: 10px; border-collapse: collapse;' border='3'>";
 				echo "<tr>";
-				echo "<th>Id</th>";
+				
 				echo "<th>Procesor</th>";
 				echo "<th>Plyta_Glowna</th>";
 				echo "<th>Pamiec_Ram</th>";
@@ -33,7 +48,7 @@
 				while( $wiersz = $wynik->fetch_assoc() ){
 					echo "<tr>";
 					
-					echo "<td>" . $wiersz["Id"]    . "</td>";
+					
 					echo "<td>" . $wiersz["Procesor"] . "</td>";
 					echo "<td>" . $wiersz["Plyta_Glowna"] . "</td>";
 					echo "<td>" . $wiersz["Pamiec_Ram"] . "</td>";
@@ -60,15 +75,14 @@
 			
 		
 			
-			$wynik = $conn->query("SELECT * FROM uzytkownicy WHERE Id = 1 ");
+			$wynik = $conn->query("SELECT * FROM uzytkownicy WHERE Id = 3 ");
 			
 			echo "<h1>Informacje o uzytkowniku: </h1>";
 			
 			if($wynik->num_rows > 0){
 				
-				echo "<table>";
+				echo "<table style='border-spacing: 10px; border-collapse: collapse;' border='3'>";
 				echo "<tr>";
-				echo "<th>Id</th>";
 				echo "<th>Imie</th>";
 				echo "<th>Nazwisko</th>";
 				echo "<th>Data wydania</th>";
@@ -81,7 +95,6 @@
 				while( $wiersz = $wynik->fetch_assoc() ){
 					echo "<tr>";
 					
-					echo "<td>" . $wiersz["Id"]    . "</td>";
 					echo "<td>" . $wiersz["Imie"]    . "</td>";
 					echo "<td>" . $wiersz["Nazwisko"]    . "</td>";
 					echo "<td>" . $wiersz["Data_wydania"]    . "</td>";
@@ -111,8 +124,19 @@
 			
 			$conn->close();
 		
-		?>
+		?></span>
+    <p>
+    <br />
+    <a href="#">Klik</a>
+    <a href="#" class="margin1">OK</a>
+    </p>
+
+   
+</div>
+    <div id="footer">
+        <p>&copy Wszelkie prawa zastrzezone. <br /> Projekt: Mikolaj Wojdylo s439508</a></p>
+    </div>
+</body>
+</html>
 		
-		
-	</body>
-</html>
\ No newline at end of file
+		</body>
\ No newline at end of file
diff --git a/index1.php b/index1.php
index b36cc25..64062db 100644
--- a/index1.php
+++ b/index1.php
@@ -2,12 +2,27 @@
 <html>
 	<head>
 		<meta charset="utf-8">
-		<link rel="Stylesheet" href="style/style.css">
+		 <link rel="stylesheet" type="text/css" href="css/style.css" />
 	
 	</head>
 	<body>
-		
-		<?php
+<div id="wrapper">
+    <div id="logo">
+    <img src="images/logo.png" />
+    </div>
+    <div id="menu">
+        <ul>
+        <li><a href="#" class="active">Strona główna</a></li>
+        <li><a href="#">O mnie</a></li>
+        <li><a href="#">Oferta</a></li>
+        <li><a href="#">Kontakt</a></li>
+        </ul>
+    </div>
+    <div id="header">
+    <img src="images/bg_head.jpg" style="float: right" />
+    <div id="title_head">    
+    <h2>Skaner kodów QR</h2>
+    <span><?php
 			
 			$conn = new mysqli("localhost", "root", "", "komputery") or die("BÅ‚Ä…d");
 			
@@ -18,9 +33,9 @@
 			
 			if($wynik->num_rows > 0){
 				
-				echo "<table>";
+				echo "<table style='border-spacing: 10px; border-collapse: collapse;' border='3'>";
 				echo "<tr>";
-				echo "<th>Id</th>";
+				
 				echo "<th>Procesor</th>";
 				echo "<th>Plyta_Glowna</th>";
 				echo "<th>Pamiec_Ram</th>";
@@ -33,7 +48,7 @@
 				while( $wiersz = $wynik->fetch_assoc() ){
 					echo "<tr>";
 					
-					echo "<td>" . $wiersz["Id"]    . "</td>";
+					
 					echo "<td>" . $wiersz["Procesor"] . "</td>";
 					echo "<td>" . $wiersz["Plyta_Glowna"] . "</td>";
 					echo "<td>" . $wiersz["Pamiec_Ram"] . "</td>";
@@ -66,9 +81,8 @@
 			
 			if($wynik->num_rows > 0){
 				
-				echo "<table>";
+				echo "<table style='border-spacing: 10px; border-collapse: collapse;' border='3'>";
 				echo "<tr>";
-				echo "<th>Id</th>";
 				echo "<th>Imie</th>";
 				echo "<th>Nazwisko</th>";
 				echo "<th>Data wydania</th>";
@@ -81,7 +95,6 @@
 				while( $wiersz = $wynik->fetch_assoc() ){
 					echo "<tr>";
 					
-					echo "<td>" . $wiersz["Id"]    . "</td>";
 					echo "<td>" . $wiersz["Imie"]    . "</td>";
 					echo "<td>" . $wiersz["Nazwisko"]    . "</td>";
 					echo "<td>" . $wiersz["Data_wydania"]    . "</td>";
@@ -111,4 +124,19 @@
 			
 			$conn->close();
 		
-		?>
\ No newline at end of file
+		?></span>
+    <p>
+    <br />
+    <a href="#">Klik</a>
+    <a href="#" class="margin1">OK</a>
+    </p>
+
+   
+</div>
+    <div id="footer">
+        <p>&copy Wszelkie prawa zastrzeżone. <br /> Projekt: Mikołaj Wojdyło s439508</a></p>
+    </div>
+</body>
+</html>
+		
+		</body>
\ No newline at end of file
diff --git a/index2.php b/index2.php
new file mode 100644
index 0000000..0f96a23
--- /dev/null
+++ b/index2.php
@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		 <link rel="stylesheet" type="text/css" href="css/style.css" />
+	
+	</head>
+	<body>
+<div id="wrapper">
+    <div id="logo">
+    <img src="images/logo.png" />
+    </div>
+    <div id="menu">
+        <ul>
+        <li><a href="#" class="active">Strona główna</a></li>
+        <li><a href="#">O mnie</a></li>
+        <li><a href="#">Oferta</a></li>
+        <li><a href="#">Kontakt</a></li>
+        </ul>
+    </div>
+    <div id="header">
+    <img src="images/bg_head.jpg" style="float: right" />
+    <div id="title_head">    
+    <h2>Skaner kodów QR</h2>
+    <span><?php
+			
+			$conn = new mysqli("localhost", "root", "", "komputery") or die("BÅ‚Ä…d");
+			
+			$wynik = $conn->query("SELECT * FROM parametry WHERE Id = 3 ");
+			
+			echo "<h1>Dane twojego komputera: </h1>";
+			echo "<br>";
+			
+			if($wynik->num_rows > 0){
+				
+				echo "<table style='border-spacing: 10px; border-collapse: collapse;' border='3'>";
+				echo "<tr>";
+				
+				echo "<th>Procesor</th>";
+				echo "<th>Plyta_Glowna</th>";
+				echo "<th>Pamiec_Ram</th>";
+				echo "<th>Dysk</th>";
+				echo "<th>Karta_Graficzna</th>";
+				echo "</tr>";
+				
+		
+				
+				while( $wiersz = $wynik->fetch_assoc() ){
+					echo "<tr>";
+					
+					
+					echo "<td>" . $wiersz["Procesor"] . "</td>";
+					echo "<td>" . $wiersz["Plyta_Glowna"] . "</td>";
+					echo "<td>" . $wiersz["Pamiec_Ram"] . "</td>";
+					echo "<td>" . $wiersz["Dysk"] . "</td>";
+					echo "<td>" . $wiersz["Karta_Graficzna"] . "</td>";
+					
+					echo "</tr>";
+					
+					
+				}
+				echo "</table>";
+				echo "<br>";
+				
+			}
+			
+			
+			
+			
+			
+			else {
+				echo "Nie ma nic w bazie danych";
+				
+			}
+			
+		
+			
+			$wynik = $conn->query("SELECT * FROM uzytkownicy WHERE Id = 3 ");
+			
+			echo "<h1>Informacje o uzytkowniku: </h1>";
+			
+			if($wynik->num_rows > 0){
+				
+				echo "<table style='border-spacing: 10px; border-collapse: collapse;' border='3'>";
+				echo "<tr>";
+				echo "<th>Imie</th>";
+				echo "<th>Nazwisko</th>";
+				echo "<th>Data wydania</th>";
+				echo "<th>Data zakonczenia leasingu</th>";
+				echo "<th>Dzial</th>";
+				echo "</tr>";
+				
+		
+				
+				while( $wiersz = $wynik->fetch_assoc() ){
+					echo "<tr>";
+					
+					echo "<td>" . $wiersz["Imie"]    . "</td>";
+					echo "<td>" . $wiersz["Nazwisko"]    . "</td>";
+					echo "<td>" . $wiersz["Data_wydania"]    . "</td>";
+					echo "<td>" . $wiersz["Data_zak_lea"]    . "</td>";
+					echo "<td>" . $wiersz["Dzial"]    . "</td>";
+					
+					
+					echo "</tr>";
+					
+					
+				}
+				echo "</table>";
+				
+			}
+			
+			
+			
+			
+			
+			else {
+				echo "Nie ma nic w bazie danych";
+			}
+			
+			
+			
+			
+			
+			$conn->close();
+		
+		?></span>
+    <p>
+    <br />
+    <a href="#">Klik</a>
+    <a href="#" class="margin1">OK</a>
+    </p>
+
+   
+</div>
+    <div id="footer">
+        <p>&copy Wszelkie prawa zastrzeżone. <br /> Projekt: Mikołaj Wojdyło s439508</a></p>
+    </div>
+</body>
+</html>
+		
+		</body>
\ No newline at end of file