diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..1ecdaf3
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,109 @@
+
+
+
+
+ Inteligentny wózek
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/script.js b/frontend/script.js
new file mode 100644
index 0000000..ba16a09
--- /dev/null
+++ b/frontend/script.js
@@ -0,0 +1,24 @@
+var regaly = ['1-1', '1-3', '1-4', '1-6', '1-7', '1-9', '2-1', '2-9', '3-3', '3-4', '3-6', '3-7', '4-1', '4-9', '5-1', '5-3', '5-4', '5-6', '5-7', '5-9']
+
+function start(){
+ ponumerujPola();
+ pokolorujRegaly();
+}
+
+function pokolorujRegaly(){
+ let x;
+ for(x = 0; x < regaly.length; x++){
+ document.getElementById(regaly[x]).className = 'regal';
+ }
+}
+
+function ponumerujPola(){
+ let x,y
+ for(x = 0; x < 7; x++){
+ for(y = 0; y < 11; y++){
+ id = x.toString() + "-" + y.toString();
+ document.getElementById(id).innerHTML = id;
+ }
+ }
+}
+
diff --git a/frontend/styles.css b/frontend/styles.css
new file mode 100644
index 0000000..a88e52e
--- /dev/null
+++ b/frontend/styles.css
@@ -0,0 +1,57 @@
+.container{
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ background-color: grey;
+}
+
+.plansza{
+ width: 1100px;
+ height:700px;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ background-color: lightyellow;
+
+}
+
+.row{
+ width: 1100px;
+ height: 100px;
+
+ display: flex;
+ flex-direction: row;
+}
+
+.pole{
+ height: 100px;
+ width: 100px;
+ background-color: lightyellow;
+ border-color: black;
+ border-width: 1px;
+ border-style: solid;
+ color: gray;
+ font-size: 30px;
+ font-weight: 500;
+ font-family: Arial, Helvetica, sans-serif;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.regal{
+ height: 100px;
+ width: 100px;
+ color: lightyellow;
+ background-color: darkslategrey;
+ border-color: black;
+ border-width: 1px;
+ border-style: solid;
+ font-size: 30px;
+ font-weight: 500;
+ font-family: Arial, Helvetica, sans-serif;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
\ No newline at end of file