diff --git a/ng8-seed/src/app/components/contribute/contribute.component.html b/ng8-seed/src/app/components/contribute/contribute.component.html
index 7d082d0..5a4645d 100644
--- a/ng8-seed/src/app/components/contribute/contribute.component.html
+++ b/ng8-seed/src/app/components/contribute/contribute.component.html
@@ -132,7 +132,7 @@
              </table>
              <div class="pt-1" style="text-align: right;">
                     <button mat-raised-button color="primary" class="mr-1 mb-1">Will Contribute the above in kind</button>
-                    <button [routerLink]="['/authentication']" mat-raised-button style="background-color:rgb(69, 189, 189);color:white" >Proceed for Payment</button>
+                    <button [routerLink]="['../payment']" mat-raised-button style="background-color:rgb(69, 189, 189);color:white" >Proceed for Payment</button>
                   </div>
          </form>
          <!-- <div class="clearfix order-total">
@@ -201,7 +201,7 @@
                     <mat-form-field dividerColor="warn" class="ml-xs mr-xs" style="width: 100%;">
                             <textarea matInput placeholder="Remarks" value="Some Text ..."></textarea>
                           </mat-form-field>  
-                    <button [routerLink]="['/authentication']" class="mat-green" mat-raised-button>Proceed for Payment</button>                      
+                    <button [routerLink]="['../payment']" class="mat-green" mat-raised-button>Proceed for Payment</button>                      
                 </div>
     </mat-card-content>
 </mat-card>
diff --git a/ng8-seed/src/app/components/payment/payment.component.html b/ng8-seed/src/app/components/payment/payment.component.html
index e9009b9..ecbe931 100644
--- a/ng8-seed/src/app/components/payment/payment.component.html
+++ b/ng8-seed/src/app/components/payment/payment.component.html
@@ -1,4 +1,4 @@
-<mat-card>
+<!-- <mat-card>
     <mat-card-title><h5 class="mt-0">Review and Pay</h5></mat-card-title>
     <hr><br/>  
     <mat-card-content>
@@ -22,11 +22,11 @@
  </div>
 
     </mat-card-content>
-</mat-card>
+</mat-card> -->
 <mat-card>
         <mat-card-title><h5 class="mt-0">Choose a Payment Option</h5></mat-card-title>
-        <hr><br/>  
-        <mat-tab-group class="mt-2 p-2">
+        <hr>  
+        <mat-tab-group class="p-2">
                 <mat-tab>
                         <ng-template mat-tab-label>Cheque</ng-template>
                         <mat-card-content>
@@ -91,6 +91,6 @@
                 </mat-tab> -->
              </mat-tab-group>
              <div class="pt-1" style="text-align: right;">
-                    <button mat-raised-button color="primary" class="mr-1 mb-1">Complete Payment</button>
+                    <button [routerLink]="['../paymentconfirmation']" mat-raised-button color="primary" class="mr-1 mb-1">Complete Payment</button>
                   </div>
     </mat-card>
\ No newline at end of file
diff --git a/ng8-seed/src/app/components/projects/projects.component.html b/ng8-seed/src/app/components/projects/projects.component.html
index 699f7e0..a5e6871 100644
--- a/ng8-seed/src/app/components/projects/projects.component.html
+++ b/ng8-seed/src/app/components/projects/projects.component.html
@@ -1,7 +1,8 @@
   <!--starts-->
   <div fxLayout fxLayout="row"  fxLayout.xs="column"  fxLayoutGap.xs="0">
     <!-- <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="1000" fxFlex.xl="40"> -->
-<mat-card class="p-2" fxFlex="75%" fxFlex.xs="100" fxFlex.sm="100">
+<!-- <mat-card class="p-2" fxFlex="75%" fxFlex.xs="100" fxFlex.sm="100"> -->
+<mat-card class="p-2" fxFlex="100%" fxFlex.xs="100" fxFlex.sm="100">
         <mat-card-title><h5 class="mt-0">Projects</h5></mat-card-title>
         <hr>
          <form method="post">
@@ -37,7 +38,7 @@
 </div>
              
 <div fxLayout="row wrap">
-    <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
+    <div [routerLink]="'/home/project-detail'" fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
         <div class="p-list-main mb-2">
             <div class="p-list">
                 <div class="top"><img src="assets/images/csr-img/Back.jpg" alt=""></div>
@@ -76,7 +77,7 @@
             </div>
         </div>
     </div>
-    <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
+    <div [routerLink]="'/home/project-detail'" fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
         <div class="p-list-main mb-2">
             <div class="p-list">
                 <div class="top"><img src="assets/images/csr-img/donate.jpg" alt=""></div>
@@ -115,7 +116,7 @@
             </div>
         </div>
     </div>
-    <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
+    <div [routerLink]="'/home/project-detail'" fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
         <div class="p-list-main mb-2">
             <div class="p-list">
                 <div class="top"><img src="assets/images/csr-img/img1.jpeg"  alt=""></div>
@@ -154,7 +155,7 @@
             </div>
         </div>
     </div>
-    <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
+    <div [routerLink]="'/home/project-detail'" fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
         <div class="p-list-main mb-2">
             <div class="p-list">
                 <div class="top"><img src="assets/images/csr-img/img2.jpeg" alt=""></div>
@@ -193,7 +194,7 @@
             </div>
         </div>
     </div>
-    <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
+    <div [routerLink]="'/home/project-detail'" fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
         <div class="p-list-main mb-2">
             <div class="p-list">
                 <div class="top"><img src="assets/images/csr-img/img3.jpg" alt=""></div>
@@ -232,7 +233,7 @@
             </div>
         </div>
     </div>
-    <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
+    <div [routerLink]="'/home/project-detail'" fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
         <div class="p-list-main mb-2">
             <div class="p-list">
                 <div class="top"><img src="assets/images/csr-img/Back.jpg" alt=""></div>
@@ -271,7 +272,7 @@
             </div>
         </div>
     </div>
-    <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
+    <div [routerLink]="'/home/project-detail'" fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
         <div class="p-list-main mb-2">
             <div class="p-list">
                 <div class="top"><img src="assets/images/csr-img/img1.jpeg" alt=""></div>
@@ -310,7 +311,7 @@
             </div>
         </div>
     </div>
-    <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
+    <div [routerLink]="'/home/project-detail'" fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
         <div class="p-list-main mb-2">
             <div class="p-list">
                 <div class="top"><img src="assets/images/csr-img/donate.jpg" alt=""></div>
@@ -413,7 +414,7 @@
 </mat-card>
 
 <!-- <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="20" fxFlex.xl="40"> -->
-<mat-card class="support_mat" fxFlex="25%" fxFlex.xs="100" fxFlex.sm="100px">
+<!-- <mat-card class="support_mat" fxFlex="25%" fxFlex.xs="100" fxFlex.sm="100px">
     <mat-card-header>
         <mat-card-title>
             <h5>Make a contribution now</h5>
@@ -439,7 +440,7 @@
                     <button class="mat-green" mat-raised-button>Proceed for Payment</button>                      
                 </div>
     </mat-card-content>
-</mat-card>
+</mat-card> -->
 <!-- </div> --> 
 <!-- </div> -->
 </div>
diff --git a/ng8-seed/src/app/dashboard/dashboard.component.html b/ng8-seed/src/app/dashboard/dashboard.component.html
index 80e6551..e7b8e72 100644
--- a/ng8-seed/src/app/dashboard/dashboard.component.html
+++ b/ng8-seed/src/app/dashboard/dashboard.component.html
@@ -1,19 +1,16 @@
 <!-- <app-layout></app-layout> -->
 <div id="top"></div>
 <div fxLayout="row wrap">
-  <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="200" fxFlex.xl="100"> 
-    <div class="form-bg">
-      <!-- <div class="container"> -->
-         <div fxLayout="column" fxLayoutAlign="center">
-            <!-- <div fxFlex="100"> -->
+   <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="30" fxFlex.lg="200" fxFlex.xl="30">
+ <div  class="container">
+    <!-- <div class="form-bg"> 
+         <div fxLayout="column" fxLayoutAlign="center"> 
                <div  fxLayoutAlign="center"  fxFlex="10">
                <h5 class="flex-text">There is no exercise better for the heart than reaching down and lifting people up.</h5>
-            </div>
-            <!-- </div> -->
+            </div> 
          </div>
         
-        <div fxLayout="row wrap" fxLayoutAlign="center" >
-           <!-- <div > -->
+        <div fxLayout="row wrap" fxLayoutAlign="center" > 
             <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="25.33" fxFlex.lg="25.33" fxFlex.xl="25.33" fxFlex="100" *ngFor="let flex_value of flexContent;let i=index" style="margin-top:30px;">
                <mat-card [class]="flex_value.card_class" style="width: 75%;height: 160px;"> 
                   <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
@@ -26,121 +23,10 @@
                    </div>
                </mat-card>
             </div>
-         <!-- </div> -->
-            <!-- <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
-                <mat-card class="mc-2" style="width: 75%;height: 160px;"> 
-                    <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
-                        <div class="text-center m-color">
-                           <i class="fa fa-university fa-3x"></i>
-                           <div class="d-inline-block">
-                              <h5>School</h5>
-                           </div>
-                        </div>
-                     </div>
-                  </mat-card>
-             </div>
-             <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
-                <mat-card class="mc-3" style="width: 75%;height: 160px;">
-                    <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
-                        <div class="text-center m-color">
-                           <i class="fa fa-university fa-3x"></i>
-                           <div class="d-inline-block">
-                              <h5>School</h5>
-                           </div>
-                        </div>
-                     </div> 
-                  </mat-card>
-             </div>
-             <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
-                <mat-card class="mc-4" style="width: 75%;height: 160px;"> 
-                    <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
-                        <div class="text-center m-color">
-                           <i class="fa fa-university fa-3x"></i>
-                           <div class="d-inline-block">
-                              <h5>School</h5>
-                           </div>
-                        </div>
-                     </div>
-                  </mat-card>
-             </div>
-             <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
-                <mat-card class="mc-5" style="width: 75%;height: 160px;">
-                    <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
-                        <div class="text-center m-color">
-                           <i class="fa fa-university fa-3x"></i>
-                           <div >
-                              <h5>School</h5>
-                           </div>
-                        </div>
-                     </div> 
-                  </mat-card>
-             </div>
-         </div>
-         <div fxLayout="row wrap" fxLayoutAlign="center" class="mb-2 pt-1">
-            <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
-               <mat-card class="mc-6" style="width: 75%;height: 160px;"> 
-                  <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
-                      <div class="text-center m-color">
-                         <i class="fa fa-university fa-3x"></i>
-                         <div class="d-inline-block">
-                            <h5>School</h5>
-                         </div>
-                      </div>
-                   </div>
-               </mat-card>
-            </div>
-            <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
-                <mat-card class="mc-7" style="width: 75%;height: 160px;"> 
-                    <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
-                        <div class="text-center m-color">
-                           <i class="fa fa-university fa-3x"></i>
-                           <div class="d-inline-block">
-                              <h5>School</h5>
-                           </div>
-                        </div>
-                     </div>
-                  </mat-card>
-             </div>
-             <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
-                <mat-card class="mc-8" style="width: 75%;height: 160px;">
-                    <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
-                        <div class="text-center m-color">
-                           <i class="fa fa-university fa-3x"></i>
-                           <div class="d-inline-block">
-                              <h5>School</h5>
-                           </div>
-                        </div>
-                     </div> 
-                  </mat-card>
-             </div>
-             <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
-                <mat-card class="mc-9" style="width: 75%;height: 160px;">
-                    <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
-                        <div class="text-center m-color">
-                           <i class="fa fa-university fa-3x"></i>
-                           <div class="d-inline-block">
-                              <h5>School</h5>
-                           </div>
-                        </div>
-                     </div> 
-                  </mat-card>
-             </div>
-             <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
-                <mat-card class="mc-10" style="width: 75%;height: 160px;">
-                    <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
-                        <div class="text-center m-color">
-                           <i class="fa fa-university fa-3x"></i>
-                           <div class="d-inline-block">
-                              <h5>School</h5>
-                           </div>
-                        </div>
-                     </div> 
-                  </mat-card>
-             </div> -->
-         </div>
-        <!-- </div> -->
-    </div>
-<!-- <slideshow class="image" [height]="height"
+        
+         </div> 
+    </div> -->
+<slideshow class="image" [height]="height"
 [autoPlay]="true"
 [showArrows]="true"
 arrowSize="20px"
@@ -150,15 +36,15 @@ arrowSize="20px"
 showDots="true"
 showCaptions="true"
 >
-</slideshow> -->
+</slideshow>
 <!-- <div align="center">
   <button mat-raised-button class="button-cyan">Contribute</button>
 </div> -->
-<!-- <div class="middle">
+<div class="middle">
   <button mat-stroked-button class="text">Contribute</button>
-</div> --> 
-</div>
+</div> 
 </div>
+</div></div>
 <!-- <hr/> -->
 <!-- <mdb-carousel class="carousel slide carousel-fade" >
     <mdb-carousel-item>
diff --git a/ng8-seed/src/app/dashboard/dashboard.component.ts b/ng8-seed/src/app/dashboard/dashboard.component.ts
index 46c2c80..7916b18 100644
--- a/ng8-seed/src/app/dashboard/dashboard.component.ts
+++ b/ng8-seed/src/app/dashboard/dashboard.component.ts
@@ -7,23 +7,24 @@ import { Component } from '@angular/core';
 })
 export class DashboardComponent { 
   txt:string;
-  height:string="350px"
-  width:string="320px;"
+  height:string="600px"
+  width:string="500px;"
   imageSources=[{
     // url:'https://cdn.vox-cdn.com/uploads/chorus_image/image/56748793/dbohn_170625_1801_0018.0.0.jpg',
-    url:'assets/images/csr-img/ban1.jpg',
+    url:'assets/images/csr-img/IMG_2535.jpg',
     caption:'First'
   },
   {
     // url:'https://cdn.vox-cdn.com/uploads/chorus_asset/file/9278671/jbareham_170917_2000_0124.jpg',
-    url:'assets/images/csr-img/ban2.jpg',
+    url:'assets/images/csr-img/IMG_2928.jpg',
     caption:'Second'
-  },
-  {
+  }
+  // {
     // url:'https://cdn.vox-cdn.com/uploads/chorus_image/image/56789263/akrales_170919_1976_0104.0.jpg',
-    url:'assets/images/csr-img/ban3.jpg',
-    caption:'Third'
-  }]
+    // url:'assets/images/csr-img/ban3.jpg',
+    // caption:'Third'
+  // }
+]
 
   flexContent=[{
     id:1,
diff --git a/ng8-seed/src/app/shared/menu-items/horizontal-menu-items.ts b/ng8-seed/src/app/shared/menu-items/horizontal-menu-items.ts
index 73a9d2a..c72834f 100644
--- a/ng8-seed/src/app/shared/menu-items/horizontal-menu-items.ts
+++ b/ng8-seed/src/app/shared/menu-items/horizontal-menu-items.ts
@@ -42,8 +42,8 @@ const HORIZONTALMENUITEMS = [
     children: [
       {state: 'contribute', name: 'Contribute',},
       {state: 'projects', name: 'Projects',},
-      {state: 'payment', name: 'Payment'},
-      {state: 'paymentconfirmation', name: 'PaymentConfirmation'}
+      // {state: 'payment', name: 'Payment'},
+      // {state: 'paymentconfirmation', name: 'PaymentConfirmation'}
     ]
   },
   {
diff --git a/ng8-seed/src/assets/images/csr-img/IMG_2535.jpg b/ng8-seed/src/assets/images/csr-img/IMG_2535.jpg
new file mode 100644
index 0000000..cd3ce4d
Binary files /dev/null and b/ng8-seed/src/assets/images/csr-img/IMG_2535.jpg differ
diff --git a/ng8-seed/src/assets/images/csr-img/IMG_2928.jpg b/ng8-seed/src/assets/images/csr-img/IMG_2928.jpg
new file mode 100644
index 0000000..aeac05e
Binary files /dev/null and b/ng8-seed/src/assets/images/csr-img/IMG_2928.jpg differ