You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.7 KiB
61 lines
1.7 KiB
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Donation Categories</title>
|
|
<link rel="stylesheet" href="donate1.css" />
|
|
</head>
|
|
<body>
|
|
<!-- Navbar Section -->
|
|
<?php include 'includes/header.php'; ?>
|
|
|
|
<!-- Main Content Section -->
|
|
<div class="container main mt-5">
|
|
<h1 class="text-center">Choose Donation Category</h1>
|
|
<div class="categories row justify-content-center">
|
|
<!-- Food Box -->
|
|
<div
|
|
class="category-box col-md-3"
|
|
onclick="window.location.href='fooddonation.php';"
|
|
>
|
|
<img src="foods.jpg" alt="Food Donation" class="img-fluid" />
|
|
<h2>Food</h2>
|
|
</div>
|
|
|
|
<!-- Monetary Box -->
|
|
<div
|
|
class="category-box col-md-3"
|
|
onclick="window.location.href='monetary.php';"
|
|
>
|
|
<img src="money.jpg" alt="Monetary Donation" class="img-fluid" />
|
|
<h2>Monetary</h2>
|
|
</div>
|
|
|
|
<!-- Blood Box -->
|
|
<div class="category-box col-md-3" onclick="window.location.href='blood.php';">
|
|
<img src="bloods.png" alt="Blood Donation" class="img-fluid" />
|
|
<h2>Blood</h2>
|
|
</div>
|
|
|
|
<!-- Clothes Box -->
|
|
<div
|
|
class="category-box col-md-3"
|
|
onclick="window.location.href='clothes.php';"
|
|
>
|
|
<img src="clothes.jpg" alt="Clothes Donation" class="img-fluid" />
|
|
<h2>Clothes</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br />
|
|
<br />
|
|
<br />
|
|
|
|
<!-- Optional Footer Section -->
|
|
<?php include 'includes/footer.php'; ?>
|
|
</body>
|
|
</html>
|
|
|