changes by suren
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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'}
|
||||
]
|
||||
|
||||
BIN
ng8-seed/src/assets/images/csr-img/1.jpg
Normal file
|
After Width: | Height: | Size: 6.3 MiB |
BIN
ng8-seed/src/assets/images/csr-img/2.jpg
Normal file
|
After Width: | Height: | Size: 6.5 MiB |
BIN
ng8-seed/src/assets/images/csr-img/3.jpg
Normal file
|
After Width: | Height: | Size: 6.3 MiB |
BIN
ng8-seed/src/assets/images/csr-img/4.jpg
Normal file
|
After Width: | Height: | Size: 118 KiB |
BIN
ng8-seed/src/assets/images/csr-img/5.jpg
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
ng8-seed/src/assets/images/csr-img/6.jpg
Normal file
|
After Width: | Height: | Size: 221 KiB |
BIN
ng8-seed/src/assets/images/csr-img/7.jpg
Normal file
|
After Width: | Height: | Size: 5.4 MiB |
BIN
ng8-seed/src/assets/images/csr-img/8.jpg
Normal file
|
After Width: | Height: | Size: 2.8 MiB |