ch to groupboi page

reqtool/ReqmanAngular11/src/app/app.component.html

@@ -13,8 +13,21 @@
             <main>
               <router-outlet></router-outlet>
             </main>
+             <!-- Footer -->
+            <footer class="footer page-footer font-small ">
+
+              <!-- Copyright -->
+              <div class="footer-copyright text-center py-3">© 2021 Copyright:
+                <a href="https://depend.csd.auth.gr/">Depend Research Team</a>
+              </div>
+              <!-- Copyright -->
+
+            </footer>
+            <!-- Footer -->
           </mat-sidenav-content>
         </mat-sidenav-content>
   </mat-sidenav-container>
+
 </div>
-<notifier-container></notifier-container>
\ No newline at end of file
+<notifier-container></notifier-container>
+

reqtool/ReqmanAngular11/src/app/app.component.scss

@@ -6,4 +6,11 @@ mat-sidenav {
 }
 main {
     padding: 10px;
-}
\ No newline at end of file
+}
+.footer {
+    position: auto;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+  }
\ No newline at end of file

reqtool/ReqmanAngular11/src/app/components/groupboil/groupboil.component.html

-<div>
-    <input class="btn btn-success" type="button" value="Add New project" routerLink="add-groupboil"/>
+<nav aria-label="breadcrumb">
+    <ol class="breadcrumb">
+      <li class="breadcrumb-item" aria-current="page">Projects</li>
+    </ol>
+</nav>
+<div class="list row">
+    <div class="col-md-8">
+        <div class="input-group mb-3">
+        <input
+            type="text"
+            class="form-control"
+            placeholder="Search"
+            [(ngModel)]="title"
+        />
+            <!-- (keyup.enter)="SearchTitle()"-->
+            <!-- (click)="SearchTitle()" -->
+        <div class="input-group-append">
+            <button
+            class="btn btn-primary"
+            type="button"
+            >Search
+            </button>
+        </div>
+        </div>
+        <div fxFlex fxLayout fxHide.xs fxLayoutAlign="end">
+            <ul fxLayout fxLayoutGap="15px" class="navigation-items">
+                <div>
+                <input class="btn btn-success" type="button" value="Add New project" routerLink="add-groupboil"/>
+                </div>
+            </ul>
+        </div>
+        
+    </div>
 </div>
 <div *ngFor="let gb of grouboilerplates">
         <mat-card class="example-card">

reqtool/ReqmanAngular11/src/app/components/groupboil/groupboil.component.scss

 .example-card {
-    max-width: 400px;
+    max-width: auto;
   }
   
   .example-header-image {
     background-size: cover;
+  }
+
+  .list {
+    text-align: left;
+    max-width: 750px;
+    margin: auto;
   }
\ No newline at end of file

reqtool/ReqmanAngular11/src/app/components/groupboil/groupboil.component.ts

@@ -9,6 +9,7 @@ import { BoilerplateService } from 'src/app/services/boilerplate.service';
 })
 export class GroupboilComponent implements OnInit {
   grouboilerplates?: GroupBoilerplate[];
+  title = '';
 
   constructor(private boilerplateService: BoilerplateService) { }