diff --git a/sxd b/sxd
new file mode 100644
index 0000000..3da17a6
--- /dev/null
+++ b/sxd
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+  <meta charset="UTF-8">
+  <title>Panel zamówień</title>
+  
+  <link rel="stylesheet" href="css/style.css">
+  <script src="js/post.js" defer></script>
+  <script src="js/get.js" defer></script>
+  <script src="js/js.js" defer></script> 
+
+</head>
+<body>
+  
+  <header class="header">
+    <h1>Aplikacja Zamówień</h1>
+  </header>
+  
+  <nav>
+    <a href="#home" class="tab-link active" data-tab="home">Strona główna</a>
+    <a href="#dodaj" class="tab-link" data-tab="dodaj">Dodaj zamówienie</a>
+    <a href="#lista" class="tab-link" data-tab="lista">Lista zamówień</a>
+  </nav>
+  
+  <main>
+   
+    <section id="home" class="tab-content active">
+      <h2>Witaj w Aplikacji Zamówień</h2>
+    </section>
+    
+    <section id="dodaj" class="tab-content">
+      <h2>Dodaj zamówienie</h2>
+      <form id="orderForm">
+
+          Klient:
+          <input type="text" name="nazwa">
+
+          Data zamówienia:
+          <input type="date" name="data_zamowienia">
+
+          Kwota:
+           <input type="number" name="cena">
+        
+           <button type="submit">Dodaj</button>
+      </form>
+    </section>
+
+    
+    <section id="lista" class="tab-content">
+        <h2>Lista zamówień</h2>
+          <button onclick="getData()">Odśwież</button>
+
+      <table id="ordersTable"></table>
+    </section>
+  
+  </main>
+
+  
+</body>
+</html>
+
