diff --git a/FlaskWebProject/FlaskWebProject/routes.py b/FlaskWebProject/FlaskWebProject/routes.py
new file mode 100644
index 0000000..effc2cf
--- /dev/null
+++ b/FlaskWebProject/FlaskWebProject/routes.py
@@ -0,0 +1,17 @@
+from flask import render_template, request, make_response
+from FlaskWebProject import app
+
+@app.route('/')
+def index():
+    # Odczyt ciasteczka "darkMode" � domy�lnie "disabled"
+    dark_mode = request.cookies.get('darkMode', 'disabled')
+    return render_template('index.html', dark_mode=dark_mode)
+
+@app.route('/toggle_dark_mode')
+def toggle_dark_mode():
+    # Prze��cz tryb i zapisz w ciasteczku
+    dark_mode = request.cookies.get('darkMode', 'disabled')
+    new_mode = 'enabled' if dark_mode == 'disabled' else 'disabled'
+    response = make_response("OK")
+    response.set_cookie('darkMode', new_mode, max_age=31536000)  # Ustawienie ciasteczka na 1 rok
+    return response
diff --git a/FlaskWebProject/FlaskWebProject/static/lewandowski.jpg b/FlaskWebProject/FlaskWebProject/static/lewandowski.jpg
new file mode 100644
index 0000000..d84fd79
Binary files /dev/null and b/FlaskWebProject/FlaskWebProject/static/lewandowski.jpg differ
diff --git a/FlaskWebProject/FlaskWebProject/static/script.js b/FlaskWebProject/FlaskWebProject/static/script.js
new file mode 100644
index 0000000..ea262aa
--- /dev/null
+++ b/FlaskWebProject/FlaskWebProject/static/script.js
@@ -0,0 +1,8 @@
+// Funkcja prze��czaj�ca tryb ciemny
+function toggleDarkMode() {
+    const body = document.body;
+    const isDarkMode = body.classList.toggle("dark");
+
+    // Zapisuje stan trybu ciemnego w localStorage
+    localStorage.setItem("darkMode", isDarkMode ? "enabled" : "disabled");
+}
diff --git a/FlaskWebProject/FlaskWebProject/static/style.css b/FlaskWebProject/FlaskWebProject/static/style.css
new file mode 100644
index 0000000..3d57bb5
--- /dev/null
+++ b/FlaskWebProject/FlaskWebProject/static/style.css
@@ -0,0 +1,62 @@
+﻿body {
+    font-family: 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+    background: #f7f7f7;
+    color: #222;
+    transition: all 0.3s ease;
+}
+
+nav {
+    background: #d32f2f;
+    padding: 10px;
+    display: flex;
+    justify-content: space-around;
+    color: white;
+}
+
+    nav a, nav button {
+        color: white;
+        text-decoration: none;
+        font-weight: bold;
+        background: none;
+        border: none;
+        cursor: pointer;
+    }
+
+main {
+    padding: 20px;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px;
+}
+
+th, td {
+    padding: 10px;
+    border-bottom: 1px solid #ccc;
+    text-align: center;
+}
+
+.photo {
+    width: 200px;
+    border-radius: 50%;
+    display: block;
+    margin: 20px auto;
+}
+
+/* Dark Mode */
+body.dark-mode {
+    background-color: #121212;
+    color: white;
+}
+
+body.dark-mode nav {
+    background: #333;
+}
+
+body.dark-mode table {
+    color: #e0e0e0;
+}
diff --git a/FlaskWebProject/FlaskWebProject/templates/base.html b/FlaskWebProject/FlaskWebProject/templates/base.html
new file mode 100644
index 0000000..06925ce
--- /dev/null
+++ b/FlaskWebProject/FlaskWebProject/templates/base.html
@@ -0,0 +1,42 @@
+﻿<!DOCTYPE html>
+<html lang="pl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}Lewandowski Stats{% endblock %}</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+</head>
+<body>
+    <nav>
+        <a href="/">🏠 Strona główna</a> |
+        <a href="/mecze">📅 Mecze</a> |
+        <a href="/statystyki">📊 Statystyki</a> |
+        <button id="theme-toggle" onclick="toggleTheme()">🌙 / 🌞</button>
+    </nav>
+
+    <header>
+        <img src="{{ url_for('static', filename='lewandowski.jpg') }}" alt="Robert Lewandowski" style="width: 200px; height: auto; border-radius: 50%;">
+        <h1>Statystyki Roberta Lewandowskiego</h1>
+    </header>
+
+    <main>
+        {% block content %}{% endblock %}
+    </main>
+
+    <script>
+        function toggleTheme() {
+            const currentMode = document.body.classList.contains('dark-mode') ? 'dark' : 'light';
+            const newMode = currentMode === 'light' ? 'dark' : 'light';
+            document.body.classList.toggle('dark-mode');
+            localStorage.setItem('theme', newMode);
+        }
+
+        window.onload = function () {
+            const savedTheme = localStorage.getItem('theme');
+            if (savedTheme === 'dark') {
+                document.body.classList.add('dark-mode');
+            }
+        }
+    </script>
+</body>
+</html>
diff --git a/FlaskWebProject/FlaskWebProject/templates/matches.html b/FlaskWebProject/FlaskWebProject/templates/matches.html
new file mode 100644
index 0000000..0574fe8
--- /dev/null
+++ b/FlaskWebProject/FlaskWebProject/templates/matches.html
@@ -0,0 +1,23 @@
+﻿{% extends 'base.html' %}
+{% block title %}Historia meczów{% endblock %}
+{% block content %}
+<h2>Historia ostatnich meczów</h2>
+<table>
+    <tr>
+        <th>Data</th>
+        <th>Przeciwnik</th>
+        <th>Gole</th>
+        <th>Asysty</th>
+        <th>Minuty</th>
+    </tr>
+    {% for match in matches %}
+    <tr>
+        <td>{{ match.date }}</td>
+        <td>{{ match.opponent }}</td>
+        <td>{{ match.goals }}</td>
+        <td>{{ match.assists }}</td>
+        <td>{{ match.minutes }}</td>
+    </tr>
+    {% endfor %}
+</table>
+{% endblock %}
diff --git a/FlaskWebProject/FlaskWebProject/templates/stats.html b/FlaskWebProject/FlaskWebProject/templates/stats.html
new file mode 100644
index 0000000..d846fc3
--- /dev/null
+++ b/FlaskWebProject/FlaskWebProject/templates/stats.html
@@ -0,0 +1,12 @@
+﻿{% extends "base.html" %}
+
+{% block title %}Statystyki{% endblock %}
+
+{% block content %}
+    <h2>Statystyki Roberta Lewandowskiego</h2>
+    <ul>
+        <li>Gole: {{ stats.goals }}</li>
+        <li>Asysty: {{ stats.assists }}</li>
+        <li>Mecze: {{ stats.matches }}</li>
+    </ul>
+{% endblock %}
