Semantic HTML Outline for Projects Page

src/frontend/pages/projects.tsx

@@ -1,8 +1,18 @@
 export function Projects(){
     return (
+        <div class="projects">
             <div>
-            <h1>Projects</h1>
-            <p>Maybe pull from Gitea at some point</p>
+                <img src="https://via.placeholder.com/150" />
+                <h2>This Site</h2>
+                <p>Project 1 description</p>
+                <a href="/project/1">Git Repo</a>
+            </div>
+            <div>
+                <img src="https://via.placeholder.com/150" />
+                <h2>Home Server</h2>
+                <p>Project 1 description</p>
+                <a href="/project/1">Git Repo</a>
+            </div>
         </div>
     )
 }