diff --git a/ex1.html b/ex1.html
new file mode 100644
index 0000000000000000000000000000000000000000..eca7bad562d656ef315f3eb240b4659b655882c9
--- /dev/null
+++ b/ex1.html
@@ -0,0 +1,37 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>ex1</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
+    <style>
+        body { font-family: sans-serif; max-width: 800px; margin: auto; padding: 2rem; }
+        pre code { background: #f5f5f5; padding: 1rem; display: block; overflow-x: auto; }
+        h1, h2, h3 { border-bottom: 1px solid #ddd; padding-bottom: 0.3em; }
+    </style>
+</head>
+<body>
+<h1>✨ My Awesome Project</h1>
+<p>Welcome to <strong>My Awesome Project</strong> – a small but powerful app that helps you stay focused and get things done.</p>
+<hr />
+<h2>🚀 Features</h2>
+<ul>
+<li>✅ Minimal UI, maximum productivity</li>
+<li>🕒 Pomodoro Timer built-in</li>
+<li>☁️ Cloud sync support (via Firebase)</li>
+<li>🎨 Custom themes (Light/Dark/Colorful)</li>
+<li>📈 Analytics to track focus trends</li>
+</ul>
+<hr />
+<h2>📸 Screenshot</h2>
+<p><img alt="App Screenshot" src="https://via.placeholder.com/600x300.png?text=Your+App+Screenshot" /></p>
+<hr />
+<h2>🔧 Technologies Used</h2>
+<p>```bash
+Frontend:   React + TypeScript
+Backend:    Firebase Functions
+Styling:    Tailwind CSS
+State:      Redux Toolkit</p>
+</body>
+</html>
diff --git a/ex1.pdf b/ex1.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..4e8f9a313e61d74a3fe768c551eb4104a7f72711
Binary files /dev/null and b/ex1.pdf differ