diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/app.js b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/app.js
new file mode 100644
index 0000000..b5d799e
--- /dev/null
+++ b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/app.js
@@ -0,0 +1,77 @@
+
+
+function checkRole() {
+ fetch('https://dragonmaster.pl/inz/user', {
+ headers: {
+ Authorization: ("Bearer " + localStorage.getItem("token"))
+ }
+ })
+ .then(res => res.json())
+ .then(json => {
+ if (json['role'] == '1') {
+ window.location.href = '../index.html'
+ }
+ else {
+ window.location.href = '../../panel_organizatora/dodawanie turnieju/index.html'
+ }
+ })
+
+}
+
+function login() {
+ localStorage.clear()
+ fetch('https://dragonmaster.pl/inz/user/login', {
+ method: "POST",
+ headers: {
+ 'Content-type': 'application/json'
+ },
+ body: JSON.stringify(
+ {
+ "username": document.getElementById("loginusername").value,
+ "password": document.getElementById("loginpassword").value
+ }
+ )
+ }
+ )
+ .then(res => {
+ if (res.ok) {
+ // alert("Teraz mozesz się zalogować!")
+ }
+ else { console.log("Coś poszło nie tak!") }
+ return res
+ })
+ .then(res => res.json())
+ .then(data => {
+ console.log(data['token']?.length > 0 ? localStorage.setItem("token", data['token']) : alert("Błędne dane!"))
+ checkRole();
+ })
+ .catch(error => console.log(error))
+}
+
+
+// function checkRole() {
+// fetch('https://dragonmaster.pl/inz/user', {
+// method: "GET",
+// headers: {
+// 'Content-type': 'application/json'
+// },
+// body: JSON.stringify(
+// {
+// "token": document.getElementById("loginusername").value,
+// "password": document.getElementById("loginpassword").value
+// }
+// )
+// }
+// )
+// .then(res => {
+// if (res.ok) {
+// alert("Teraz mozesz się zalogować!")
+// }
+// else { console.log("Coś poszło nie tak!") }
+// return res
+// })
+// .then(res => res.json())
+// .then(data => console.log(data['token']?.length > 0 ? localStorage.setItem("token", data['token']) : 'niedziaua'))
+// .catch(error => console.log(error))
+// .then(token1 => token = token1)
+// }
\ No newline at end of file
diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/css/dropdown.css b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/css/dropdown.css
new file mode 100644
index 0000000..a015d2a
--- /dev/null
+++ b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/css/dropdown.css
@@ -0,0 +1,50 @@
+/*Layer 1*/
+.dropdown {
+ width: 80%;
+ margin: auto;
+}
+
+/*Layer 2*/
+.dropbtn {
+ /*Button*/
+ width: 100%;
+ background-color: white;
+ border: 1px solid #D0D0D0;
+ cursor: pointer;
+
+ /*Text*/
+ color: #828282;
+ padding: 4% 5%;
+ font-size: 16px;
+ text-align: left;
+}
+
+.dropdown-content {
+ display: none;
+ position: absolute;
+ background-color: white;
+ width: 19%;
+ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
+ z-index: 1;
+}
+
+/*Reactivness*/
+.dropdown-content a {
+ padding: 3% 4%;
+ text-decoration: none;
+ display: block;
+ text-align: left;
+}
+
+.dropdown-content a:hover {background-color: #f1f1f1}
+
+.dropdown:hover .dropdown-content {
+ display: block;
+}
+
+.dropdown:hover .dropbtn {
+ background-color: #D0D0D0;
+ border: 1px solid black;
+ color: black;
+}
+
diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/index.html b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/index.html
new file mode 100644
index 0000000..d4fed07
--- /dev/null
+++ b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/index.html
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+ Paddle tournament system
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/lock.svg b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/lock.svg
new file mode 100644
index 0000000..f28ee78
--- /dev/null
+++ b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/lock.svg
@@ -0,0 +1,5 @@
+
diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/mail.svg b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/mail.svg
new file mode 100644
index 0000000..10ef01f
--- /dev/null
+++ b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/mail.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/mezczyzna_padel.jpg b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/mezczyzna_padel.jpg
new file mode 100644
index 0000000..34297f1
Binary files /dev/null and b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/mezczyzna_padel.jpg differ
diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/person.svg b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/person.svg
new file mode 100644
index 0000000..453c366
--- /dev/null
+++ b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/person.svg
@@ -0,0 +1,4 @@
+
diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/phone.svg b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/phone.svg
new file mode 100644
index 0000000..6ac818d
--- /dev/null
+++ b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/phone.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/tlo_logowanie.png b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/tlo_logowanie.png
new file mode 100644
index 0000000..92ea391
Binary files /dev/null and b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/tlo_logowanie.png differ
diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/x.svg b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/x.svg
new file mode 100644
index 0000000..0ed3171
--- /dev/null
+++ b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/src/x.svg
@@ -0,0 +1,5 @@
+
diff --git a/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/style.css b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/style.css
new file mode 100644
index 0000000..95887e7
--- /dev/null
+++ b/frontend/normal_user/_main page/pojedynczy_turniej/zapisy na turniej/style.css
@@ -0,0 +1,168 @@
+@import "../../../../_global/style.css";
+@import "css/dropdown.css";
+
+/*Layer 0*/
+html {
+ background-image: url(src/tlo_logowanie.png);
+ background-attachment: fixed;
+ background-size: cover;
+
+ font-family: Montserrat, serif;
+}
+
+* {
+ /*border: 2px solid red;*/
+ box-sizing: border-box;
+ text-align: center;
+
+}
+
+/*Layer 1*/
+.container {
+ display: flex;
+ height: 100vh;
+ justify-content: center;
+ align-items: center;
+}
+
+/*Layer 2*/
+.form {
+ width: 40%;
+ height: 50%;
+ background-color: #EBEBEB;
+ display: flex;
+ flex-wrap: wrap;
+
+ justify-content: center;
+ align-items: center;
+
+ border-radius: 2%;
+}
+
+/*Layer 3*/
+.login_header {
+ height: 15%;
+ width: 100%;
+
+ background-color: #ffffff;
+}
+
+
+.loginBox {
+ width: 60%;
+ display: flex;
+ flex-direction: column;
+}
+
+.login_footer {
+ height: 10%;
+ width: 100%;
+ padding-top: 1%;
+
+ background-color: #ffffff;
+}
+
+/*layer 4*/
+.whitebox {
+ width: 100%;
+ height: 100%;
+ padding-top: 0%;
+ padding-bottom: 5%;
+
+ background-color: white;
+}
+
+
+/*Elements*/
+.myButton {
+ /*Outside*/
+ width: 60%;
+ display: inline-block;
+ cursor: pointer;
+ border-radius: 15px;
+ border: 1px solid;
+ margin: 4% auto auto auto;
+
+
+ /*Inside*/
+ background-color: #007C36;
+ padding: 10px 0;
+
+ text-align: center;
+
+ /*Text*/
+ font-family: Montserrat, serif;
+ font-style: normal;
+ font-size: 18px;
+ color: #ffffff;
+ font-weight: 600;
+
+}
+
+#ID_input {
+ /*Outside*/
+ margin: auto;
+ width: 80%;
+
+ /*Inside*/
+ text-align: left;
+ padding-top: 2%;
+ padding-bottom: 2%;
+
+}
+
+.logoImg {
+ margin: 1% auto;
+ width: 20%;
+}
+
+.descriptor {
+ /* Alignment */
+ margin-bottom: 2%;
+ margin-top: 5%;
+ margin-left: 10%;
+ float: left;
+
+ /* Text */
+ font-family: 'Montserrat', serif;
+ font-size: 20px;
+ font-weight: 600;
+ text-align: left;
+ color: #828282;
+}
+
+
+/*##### LINKS TODO WITH HEADER #####*/
+
+/* unvisited link */
+a:link {
+ color: #000000;
+}
+
+/* visited link */
+a:visited {
+ color: #000000;
+}
+
+/* mouse over link */
+a:hover {
+ color: #818181;
+}
+
+/* selected link */
+a:active {
+ color: #000000;
+}
+
+#closelog {
+ float: right;
+}
+
+#title {
+ margin-bottom: 3%;
+
+ font-family: 'Montserrat', serif;
+ font-style: normal;
+ font-weight: 600;
+ font-size: 28px;
+}
\ No newline at end of file
+ 