Add project page

src/Interlinked.Core/Pages/Project.razor

@@ -0,0 +1,32 @@
+@page "/project" 
+
+@code {
+    private string UserName = "John Doe";
+    private string project = "Building a computer from a scrap";
+    private string description = "In this project we're going to build computer from a scrap.";
+    private List<string> tags = new List<string> { "hardware", "embedded" }; @*choosen from the list*@
+    private List<string> persons = new List<string> { "Jan Kowalski", "Kamil Ślimak" }; @*got from database*@
+}
+
+<div class="project">
+    <img class="project-img" src="images/project.jpg" alt="Project" />
+    <h1>@project</h1>
+    <h2>Tags</h2>
+    <ul>
+        @foreach (var tag in tags)
+        {
+            <li>@tag</li>
+        }
+    </ul>
+    <h2>Description</h2>
+    <p>@description</p>
+    <h3>Owner</h3>
+    <p>@UserName</p>
+    <h4>Other persons working on project</h4>
+    <ul>
+        @foreach (var person in persons)
+        {
+            <li>@person</li>
+        }
+    </ul>
+</div>

src/Interlinked.Core/wwwroot/css/app.css

@@ -122,3 +122,13 @@ a,
   margin-top: 0;
   color: gray;
 }
+
+.background-img{
+  max-width: 1500px;
+  max-height: 800px;
+}
+
+.project-img {
+  max-width: 1500px;
+  max-height: 450px;
+}