Mini Shell

<div class="row row-cols-2 row-cols-md-3 row-cols-lg-3 row-cols-xl-3">
<div class="col">
						<div class="card radius-10  bg-gradient-cosmic animated <?= $kbilgi['animasyon']?>">
							<div class="card-body">
								<div class="d-flex align-items-center">
									<div>
										<p class="mb-0 text-white">MAAŞ</p>
										<h4 class="my-1 text-white"><?php
$maastopla=$baglanti->prepare("SELECT SUM(maas) AS maas FROM PersonelMaas");
$maastopla->execute();
$maasyaz= $maastopla->fetch();
$maastoplam=$maasyaz['maas'];
?>
	<?= number_format($maastoplam, 2, ',', '.'); ?></h4>
									</div>
									<div class="widgets-icons text-white ms-auto"><i class="fas fa-lira-sign"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
<div class="col">
						<div class="card radius-10 bg-gradient-burning animated <?= $kbilgi['animasyon']?> delay-1s">
							<div class="card-body">
								<div class="d-flex align-items-center">
									<div>
										<p class="mb-0 text-white">AGİ</p>
										<h4 class="my-1 text-white"><?php
$agitopla=$baglanti->prepare("SELECT SUM(agi) AS agi FROM PersonelMaas");
$agitopla->execute();
$agiyaz= $agitopla->fetch();
$agitoplam=$agiyaz['agi'];
?>
	<?= number_format($agitoplam, 2, ',', '.'); ?></h4>
									</div>
									<div class="widgets-icons text-white ms-auto"><i class="fas fa-level-down-alt"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
<div class="col">
						<div class="card radius-10 bg-gradient-lush animated <?= $kbilgi['animasyon']?> delay-2s">
							<div class="card-body">
								<div class="d-flex align-items-center">
									<div>
										<p class="mb-0 text-white">MESAİ</p>
										<h4 class="my-1 text-white"><?php
$mesaitopla=$baglanti->prepare("SELECT SUM(mesaitutar) AS mesai FROM PersonelMesai");
$mesaitopla->execute();
$mesaiyaz= $mesaitopla->fetch();
$mesaitoplam=$mesaiyaz['mesai'];
?>
	<?= number_format($mesaitoplam, 2, ',', '.'); ?></h4>
									</div>
									<div class="widgets-icons text-white ms-auto"><i class="fas fa-user-clock"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
<div class="col">
						<div class="card radius-10 bg-gradient-kyoto animated <?= $kbilgi['animasyon']?>">
							<div class="card-body">
								<div class="d-flex align-items-center">
									<div>
										<p class="mb-0 text-white">İZİN</p>
										<h4 class="my-1 text-white"><?php
$izinucrettopla=$baglanti->prepare("SELECT SUM(ucret) AS ucret FROM PersonelIzin");
$izinucrettopla->execute();
$izinucretyaz= $izinucrettopla->fetch();
$izinucrettoplam=$izinucretyaz['ucret'];
?>
	<?= number_format($izinucrettoplam, 2, ',', '.'); ?></h4>
									</div>
									<div class="widgets-icons text-white ms-auto"><i class="fas fa-user-slash"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
<div class="col">
						<div class="card radius-10 bg-gradient-blues animated <?= $kbilgi['animasyon']?> delay-1s">
							<div class="card-body">
								<div class="d-flex align-items-center">
									<div>
										<p class="mb-0 text-white">ÖDEME</p>
										<h4 class="my-1 text-white"><?php
$odemetopla=$baglanti->prepare("SELECT SUM(odeme) AS odeme FROM PersonelOdeme");
$odemetopla->execute();
$odemeyaz= $odemetopla->fetch();
$odemetoplam=$odemeyaz['odeme'];
?>
	<?= number_format($odemetoplam, 2, ',', '.'); ?></h4>
									</div>
									<div class="widgets-icons text-white ms-auto"><i class="fas fa-lira-sign"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
<div class="col">
						<div class="card radius-10 bg-gradient-moonlit animated <?= $kbilgi['animasyon']?> delay-2s">
							<div class="card-body">
								<div class="d-flex align-items-center">
									<div>
										<p class="mb-0 text-white">KALAN</p>
										<h4 class="my-1 text-white"><?php
$alacak  = $maastoplam + $agitoplam + $mesaitoplam;
$borc  = $izinucrettoplam + $odemetoplam;
$kalan  = $alacak - $borc;
?>
	<?= number_format($kalan, 2, ',', '.'); ?></h4>
									</div>
									<div class="widgets-icons text-white ms-auto"><i class="far fa-money-bill-alt"></i>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					
				</div>