Merge pull request #42 from IPdotSetAF/41-header-and-footer

changed 404 message
added header and footer tags

Author: IPdotSetAF

Frontend/package-lock.json

@@ -1,5 +1,5 @@
 @if (header) {
-<app-header />
+<header><app-header /></header>
 }
 <router-outlet />
-<app-footer />
+<footer><app-footer /></footer>

Frontend/src/app/app/app.component.html

@@ -1,15 +1,17 @@
 <div class="container-fluid">
-  <div id="header" class="position-absolute p-2">
-    <div class="d-flex align-items-center justify-content-end p-0 gap-2">
-      <a role="button" class="btn-header-round btn-hover btn-circle bi bi-download fs-3" [routerLink]="['/downloads']"
-        title="Downloads"></a>
-      <a role="button" class="btn-header-round btn-hover btn-circle" href="https://ipdotsetaf.ir" title="IPdotSetAF">
-        <img id="ipaf" class="img-header" src="ipaf.svg" />
-      </a>
-      <a role="button" class="btn-header-round btn-hover btn-circle bi bi-github fs-2"
-        href="https://github.com/IPdotSetAF/CodeChef" title="CodeChef Github"></a>
+  <header>
+    <div id="header" class="position-absolute p-2">
+      <div class="d-flex align-items-center justify-content-end p-0 gap-2">
+        <a role="button" class="btn-header-round btn-hover btn-circle bi bi-download fs-3" [routerLink]="['/downloads']"
+          title="Downloads"></a>
+        <a role="button" class="btn-header-round btn-hover btn-circle" href="https://ipdotsetaf.ir" title="IPdotSetAF">
+          <img id="ipaf" class="img-header" src="ipaf.svg" />
+        </a>
+        <a role="button" class="btn-header-round btn-hover btn-circle bi bi-github fs-2"
+          href="https://github.com/IPdotSetAF/CodeChef" title="CodeChef Github"></a>
+      </div>
     </div>
-  </div>
+  </header>
 </div>
 <div class="container-fluid d-flex page p-4">
   <div class="m-auto">

Frontend/src/app/home/home.component.html

@@ -2,7 +2,7 @@
     <div class="m-auto">
       <div class="row text-center">
         <h1>404</h1>
-        <p>Not here bro!</p>
+        <p>Nothing to cook here!</p>
       </div>
       <br />
       <div class="row">