diff --git a/ng8-seed/src/app/components/contribute/contribute.component.html b/ng8-seed/src/app/components/contribute/contribute.component.html
index 5a4645d..3f984ab 100644
--- a/ng8-seed/src/app/components/contribute/contribute.component.html
+++ b/ng8-seed/src/app/components/contribute/contribute.component.html
@@ -2,8 +2,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-title><h5 class="mt-0">Contribute to school requirements</h5></mat-card-title>
+<mat-card class="p-2" fxFlex="60%" fxFlex.xs="100" fxFlex.sm="100">
+        <mat-card-title><h5 class="mt-0">Be a Champion of Change </h5></mat-card-title>
         <hr>
          <form method="post">
              <div fxLayout="row" fxLayoutAlign="start center" class="mb-2 pt-1">
@@ -49,7 +49,7 @@
                          </td>
                          <td class="product-name">Student Benches required at Govt Girls School, Panruti, Villupuram Dt.</td>
                          <td class="product-price">
-                             <span class=" amount">25</span>
+                             <span class=" amount">30</span>
                          </td>
                          <td class="product-quantity" data-title="Quantity">
                              <div class="quantity buttons_added">
@@ -67,9 +67,9 @@
                              <a href="#"><img src="assets/images/csr-img/img1.jpeg" alt="" width="100"></a>
                          </td>
                          <td class="product-name">
-                             <a href="#">Student Benches required at Govt Girls School, Panruti, Villupuram Dt.</a> </td>
+                             <a href="#">Desktop Computers require for GGHSS,Palacode</a> </td>
                          <td class="product-price">
-                             <span class=" amount">20</span>
+                             <span class=" amount">15</span>
                          </td>
                          <td class="product-quantity" data-title="Quantity">
                              <div class="quantity buttons_added">
@@ -87,9 +87,9 @@
                                 <a href="#"><img src="assets/images/csr-img/img2.jpeg" alt="" width="100"></a>
                             </td>
                             <td class="product-name">
-                                <a href="#">Student Benches required at Govt Girls School, Panruti, Villupuram Dt.</a> </td>
+                                <a href="#">Smartboard required for CPS Kannammapey</a> </td>
                             <td class="product-price">
-                                <span class=" amount">28</span>
+                                <span class=" amount">5</span>
                             </td>
                             <td class="product-quantity" data-title="Quantity">
                                 <div class="quantity buttons_added">
@@ -107,9 +107,9 @@
                                     <a href="#"><img src="assets/images/csr-img/img3.jpg" alt="" width="100"></a>
                                 </td>
                                 <td class="product-name">
-                                    <a href="#">Student Benches required at Govt Girls School, Panruti, Villupuram Dt.</a> </td>
+                                    <a href="#">R.O Purifier required for 500 students in GHS, Periamedu</a> </td>
                                 <td class="product-price">
-                                    <span class=" amount">38</span>
+                                    <span class=" amount">2</span>
                                 </td>
                                 <td class="product-quantity" data-title="Quantity">
                                     <div class="quantity buttons_added">
@@ -158,7 +158,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="40%" fxFlex.xs="100" fxFlex.sm="100px">
     <mat-card-header>
         <mat-card-title>
             <h5>Or Contribute to General Development Fund</h5>
diff --git a/ng8-seed/src/app/components/payment/payment.component.html b/ng8-seed/src/app/components/payment/payment.component.html
index ecbe931..98546ef 100644
--- a/ng8-seed/src/app/components/payment/payment.component.html
+++ b/ng8-seed/src/app/components/payment/payment.component.html
@@ -26,23 +26,7 @@
 <mat-card>
         <mat-card-title><h5 class="mt-0">Choose a Payment Option</h5></mat-card-title>
         <hr>  
-        <mat-tab-group class="p-2">
-                <mat-tab>
-                        <ng-template mat-tab-label>Cheque</ng-template>
-                        <mat-card-content>
-                           <form #form="ngForm">
-                           
-                           </form>
-                        </mat-card-content>
-                     </mat-tab>
-                     <mat-tab>
-                            <ng-template mat-tab-label>Bank Transfer</ng-template>
-                            <mat-card-content>
-                               <form #form="ngForm">
-                               
-                               </form>
-                            </mat-card-content>
-                         </mat-tab>
+        <mat-tab-group class="p-2"> 
                 <mat-tab>
                    <ng-template mat-tab-label>Credit/Debit Cards</ng-template>
                    <mat-card-content>
@@ -60,11 +44,20 @@
                          <mat-form-field style="width: 100%">
                             <input matInput placeholder="Expiration Date: 01/16" type="text" name="ctry" required>
                          </mat-form-field>
-                         <button class="mat-green" mat-raised-button>Submit</button>
+                         <!-- <button class="mat-green" mat-raised-button>Submit</button> -->
                       </div>
                       </form>
                    </mat-card-content>
                 </mat-tab>
+
+                <mat-tab>
+                     <ng-template mat-tab-label>Bank Transfer</ng-template>
+                     <mat-card-content>
+                        <form #form="ngForm">
+                        
+                        </form>
+                     </mat-card-content>
+                  </mat-tab>
                 <mat-tab>
                         <ng-template mat-tab-label>Wallets</ng-template>
                         <mat-card-content>
diff --git a/ng8-seed/src/app/components/project-list/project-list.component.html b/ng8-seed/src/app/components/project-list/project-list.component.html
index ac7cb50..5408f7f 100644
--- a/ng8-seed/src/app/components/project-list/project-list.component.html
+++ b/ng8-seed/src/app/components/project-list/project-list.component.html
@@ -17,7 +17,7 @@
          <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" style="margin-left: 5px;">
              <div class="p-list-main mb-2">
                  <div class="p-list">
-                     <div class="top"><img src="assets/images/csr-img/Back.jpg" alt=""></div>
+                     <div class="top"><img src="assets/images/csr-img/1.jpg" alt=""></div>
                      <div class="bottom">
                          <div class="left">
                              <div class="details">
@@ -56,7 +56,7 @@
          <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 class="p-list-main mb-2">
                  <div class="p-list">
-                     <div class="top"><img src="assets/images/csr-img/donate.jpg" alt=""></div>
+                     <div class="top"><img src="assets/images/csr-img/2.jpg" alt=""></div>
                      <div class="bottom">
                          <div class="left">
                              <div class="details">
@@ -95,7 +95,7 @@
          <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 class="p-list-main mb-2">
                  <div class="p-list">
-                     <div class="top"><img src="assets/images/csr-img/img1.jpeg"  alt=""></div>
+                     <div class="top"><img src="assets/images/csr-img/3.jpg"  alt=""></div>
                      <div class="bottom">
                          <div class="left">
                              <div class="details">
@@ -134,7 +134,7 @@
          <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 class="p-list-main mb-2">
                  <div class="p-list">
-                     <div class="top"><img src="assets/images/csr-img/img2.jpeg" alt=""></div>
+                     <div class="top"><img src="assets/images/csr-img/4.jpg" alt=""></div>
                      <div class="bottom">
                          <div class="left">
                              <div class="details">
@@ -173,7 +173,7 @@
          <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 class="p-list-main mb-2">
                  <div class="p-list">
-                     <div class="top"><img src="assets/images/csr-img/img3.jpg" alt=""></div>
+                     <div class="top"><img src="assets/images/csr-img/5.jpg" alt=""></div>
                      <div class="bottom">
                          <div class="left">
                              <div class="details">
@@ -212,7 +212,7 @@
          <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 class="p-list-main mb-2">
                  <div class="p-list">
-                     <div class="top"><img src="assets/images/csr-img/Back.jpg" alt=""></div>
+                     <div class="top"><img src="assets/images/csr-img/6.jpg" alt=""></div>
                      <div class="bottom">
                          <div class="left">
                              <div class="details">
@@ -251,7 +251,7 @@
          <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 class="p-list-main mb-2">
                  <div class="p-list">
-                     <div class="top"><img src="assets/images/csr-img/img1.jpeg" alt=""></div>
+                     <div class="top"><img src="assets/images/csr-img/7.jpg" alt=""></div>
                      <div class="bottom">
                          <div class="left">
                              <div class="details">
@@ -290,7 +290,7 @@
          <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 class="p-list-main mb-2">
                  <div class="p-list">
-                     <div class="top"><img src="assets/images/csr-img/donate.jpg" alt=""></div>
+                     <div class="top"><img src="assets/images/csr-img/8.jpg" alt=""></div>
                      <div class="bottom">
                          <div class="left">
                              <div class="details">
diff --git a/ng8-seed/src/app/components/projects/projects.component.html b/ng8-seed/src/app/components/projects/projects.component.html
index a5e6871..36572f2 100644
--- a/ng8-seed/src/app/components/projects/projects.component.html
+++ b/ng8-seed/src/app/components/projects/projects.component.html
@@ -41,7 +41,7 @@
     <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>
+                <div class="top"><img src="assets/images/csr-img/1.jpg" alt=""></div>
                 <div class="bottom">
                     <div class="left">
                         <div class="details">
@@ -80,7 +80,7 @@
     <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>
+                <div class="top"><img src="assets/images/csr-img/2.jpg" alt=""></div>
                 <div class="bottom">
                     <div class="left">
                         <div class="details">
@@ -119,7 +119,7 @@
     <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>
+                <div class="top"><img src="assets/images/csr-img/3.jpg"  alt=""></div>
                 <div class="bottom">
                     <div class="left">
                         <div class="details">
@@ -158,7 +158,7 @@
     <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>
+                <div class="top"><img src="assets/images/csr-img/4.jpg" alt=""></div>
                 <div class="bottom">
                     <div class="left">
                         <div class="details">
@@ -197,7 +197,7 @@
     <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>
+                <div class="top"><img src="assets/images/csr-img/5.jpg" alt=""></div>
                 <div class="bottom">
                     <div class="left">
                         <div class="details">
@@ -236,7 +236,7 @@
     <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>
+                <div class="top"><img src="assets/images/csr-img/6.jpg" alt=""></div>
                 <div class="bottom">
                     <div class="left">
                         <div class="details">
@@ -275,7 +275,7 @@
     <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>
+                <div class="top"><img src="assets/images/csr-img/7.jpg" alt=""></div>
                 <div class="bottom">
                     <div class="left">
                         <div class="details">
@@ -314,7 +314,7 @@
     <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>
+                <div class="top"><img src="assets/images/csr-img/8.jpg" alt=""></div>
                 <div class="bottom">
                     <div class="left">
                         <div class="details">
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 c72834f..d07d65b 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
@@ -36,12 +36,12 @@ const HORIZONTALMENUITEMS = [
   // },
   {
     state: 'apps',
-    name: 'Contribute',
+    name: 'Support',
     type: 'sub',
     icon: 'apps',
     children: [
       {state: 'contribute', name: 'Contribute',},
-      {state: 'projects', name: 'Projects',},
+      {state: 'projects', name: 'View Projects',},
       // {state: 'payment', name: 'Payment'},
       // {state: 'paymentconfirmation', name: 'PaymentConfirmation'}
     ]
diff --git a/ng8-seed/src/assets/images/csr-img/1.jpg b/ng8-seed/src/assets/images/csr-img/1.jpg
new file mode 100644
index 0000000..aa47e55
Binary files /dev/null and b/ng8-seed/src/assets/images/csr-img/1.jpg differ
diff --git a/ng8-seed/src/assets/images/csr-img/2.jpg b/ng8-seed/src/assets/images/csr-img/2.jpg
new file mode 100644
index 0000000..bd6cbef
Binary files /dev/null and b/ng8-seed/src/assets/images/csr-img/2.jpg differ
diff --git a/ng8-seed/src/assets/images/csr-img/3.jpg b/ng8-seed/src/assets/images/csr-img/3.jpg
new file mode 100644
index 0000000..7da37b5
Binary files /dev/null and b/ng8-seed/src/assets/images/csr-img/3.jpg differ
diff --git a/ng8-seed/src/assets/images/csr-img/4.jpg b/ng8-seed/src/assets/images/csr-img/4.jpg
new file mode 100644
index 0000000..1b5be96
Binary files /dev/null and b/ng8-seed/src/assets/images/csr-img/4.jpg differ
diff --git a/ng8-seed/src/assets/images/csr-img/5.jpg b/ng8-seed/src/assets/images/csr-img/5.jpg
new file mode 100644
index 0000000..0ec856e
Binary files /dev/null and b/ng8-seed/src/assets/images/csr-img/5.jpg differ
diff --git a/ng8-seed/src/assets/images/csr-img/6.jpg b/ng8-seed/src/assets/images/csr-img/6.jpg
new file mode 100644
index 0000000..9df0b6d
Binary files /dev/null and b/ng8-seed/src/assets/images/csr-img/6.jpg differ
diff --git a/ng8-seed/src/assets/images/csr-img/7.jpg b/ng8-seed/src/assets/images/csr-img/7.jpg
new file mode 100644
index 0000000..e861238
Binary files /dev/null and b/ng8-seed/src/assets/images/csr-img/7.jpg differ
diff --git a/ng8-seed/src/assets/images/csr-img/8.jpg b/ng8-seed/src/assets/images/csr-img/8.jpg
new file mode 100644
index 0000000..be8a915
Binary files /dev/null and b/ng8-seed/src/assets/images/csr-img/8.jpg differ