1 files changed, 87 insertions, 0 deletions
diff --git a/clams-server/src/main/resources/templates/projects.html b/clams-server/src/main/resources/templates/projects.html
new file mode 100644
index 0000000..8af0538
--- /dev/null
+++ b/clams-server/src/main/resources/templates/projects.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Projects - Elias Haugsbakk</title>
+    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/projects.css">
+</head>
+<body>
+
+<main class="main-container">
+    <header>
+        <h1>Projects</h1>
+    </header>
+
+    <section class="projects-category">
+        <h2>Featured Projects</h2>
+
+        <div class="project-item">
+            <div class="content-grid">
+                <div class="left-column">
+                    <h3>Project One Name</h3>
+                    <div class="tech-stack">
+                        <span class="tag">Java</span>
+                        <span class="tag">SQLite</span>
+                    </div>
+                    <p>Short project description / introduction.</p>
+                    <div class="project-links">
+                        <a href="#">GitHub</a> | <a href="#">Live Demo</a>
+                    </div>
+                </div>
+                <div class="right-column">
+                    <div class="project-placeholder">
+                        <span>Image Placeholder</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="project-item">
+            <div class="content-grid">
+                <div class="left-column">
+                    <h3>Project Two Name</h3>
+                    <div class="tech-stack">
+                        <span class="tag">Rust</span>
+                    </div>
+                    <p>Short project description / introduction.</p>
+                    <div class="project-links">
+                        <a href="#">GitHub</a> | <a href="#">Read More</a>
+                    </div>
+                </div>
+                <div class="right-column">
+                    <div class="project-placeholder">
+                        <span>Image Placeholder</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="projects-category">
+        <h2>Other Projects</h2>
+        <ul class="simple-project-list">
+            <li>
+                <strong>Other Project One</strong> - A short one-line description.
+                <span class="tech-stack-inline">(Bash)</span>
+                <a href="#" class="small-link">GitHub</a>
+            </li>
+            <li>
+                <strong>Other Project Two</strong> - A short one-line description.
+                <span class="tech-stack-inline">(Python, PostgreSQL)</span>
+                <a href="#" class="small-link">GitHub</a>
+            </li>
+        </ul>
+    </section>
+</main>
+
+<footer>
+    <p>
+        <span class="footer-left"><a href="/">eliashaugsbakk.xyz</a></span>
+        <span class="footer-separator">|</span>
+        <span class="footer-right"><a href="mailto:[email protected]">[email protected]</a></span>
+    </p>
+</footer>
+
+</body>
+</html>