ÿØÿà JFIF ` ` ÿáfExif MM * i >ê 2 ê ê P ê ÿþ ?CREATOR: gd-jpeg v1.0 (usi
|
Server : Apache System : Linux gains.enterpriseappscloud.com 4.18.0-553.62.1.lve.el8.x86_64 #1 SMP Mon Jul 21 17:50:35 UTC 2025 x86_64 User : beyondlimi ( 2438) PHP Version : 7.4.33 Disable Function : allow_url_include, show_source, symlink, system, passthru, exec, popen, pclose, proc_open, proc_terminate,proc_get_status, proc_close, proc_nice, allow_url_fopen, shell-exec, shell_exec, fpassthru, base64_encodem, escapeshellcmd, escapeshellarg, crack_check,crack_closedict, crack_getlastmessage, crack_opendict, posix_kill, posix_mkfifo, posix_setpgid, posix_setsid, posix_setuid, dl, escap, phpinfo Directory : /home/beyondlimi/domains/beyondlimits.org.in/public_html/ |
Upload File : |
<?php
include './include/db.php';
// Fetch all projects from database
$sql = "SELECT * FROM projects ORDER BY project_date DESC";
$result = $conn->query($sql);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Project - Beyondlimits social foundation</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="./NEWIMAGES/BEYONDLIMITS LOGO.png" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Saira:wght@500;600;700&display=swap"
rel="stylesheet">
<!-- Icon Fonts and CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<style>
body {
background: #f4f6f8;
}
.project-card {
background: #fff;
border: none;
border-radius: 20px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.project-card:hover {
transform: translateY(-6px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.project-card img {
height: 280px;
width: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.project-card:hover img {
transform: scale(1.05);
}
.project-content {
padding: 25px;
}
.project-title-row {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.project-name {
font-size: 1.5rem;
font-weight: 600;
color:#4b0082;
}
.project-date {
font-size: 0.95rem;
color: #000000;
}
.project-description {
margin-top: 12px;
font-size: 0.95rem;
color:#2e2b2b;
min-height: 60px;
}
.pay-btn {
background: linear-gradient(135deg, #228b22, #8b4513);
color: #fff;
padding: 10px 25px;
border-radius: 30px;
border: none;
font-size: 0.95rem;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
margin-top: 15px;
}
.pay-btn:hover {
background: linear-gradient(135deg, #8b4513, #228b22);
transform: scale(1.05);
box-shadow: 0 0 12px rgb(255 215 1 / 71%);
color: #fff;
}
</style>
</head>
<body>
<!-- Navbar Start -->
<?php include 'include/navbar.php'; ?>
<!-- Navbar End -->
<!-- Page Header -->
<div class="container-fluid page-headerabt mb-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container text-center">
<h1 class="display-4 text-white animated slideInDown mb-4">Our Projects</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb mb-0 justify-content-center">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item text-white">Pages</li>
<li class="breadcrumb-item text-light active" aria-current="page">Projects</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<div class="container py-5">
<h2 class="text-center text-primary mb-5">Our Projects</h2>
<div class="row g-4">
<?php if ($result->num_rows > 0): ?>
<?php while ($row = $result->fetch_assoc()): ?>
<div class="col-md-6 col-lg-4">
<div class="card project-card h-100">
<img src="admin/uploads/<?= htmlspecialchars($row['project_image']) ?>" alt="<?= htmlspecialchars($row['project_name']) ?>">
<div class="project-content">
<div class="project-title-row">
<div class="project-name"><?= htmlspecialchars($row['project_name']) ?></div>
<div class="project-date"><?= htmlspecialchars($row['project_date']) ?></div>
</div>
<div class="project-description">
<?= nl2br(htmlspecialchars($row['project_description'])) ?>
</div>
<a href="donate.php" class="pay-btn">Donate Now</a>
</div>
</div>
</div>
<?php endwhile; ?>
<?php else: ?>
<div class="col-12 text-center">
<p>No projects found.</p>
</div>
<?php endif; ?>
</div>
</div>
<!-- Footer -->
<?php include 'include/footer.php'; ?>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-square back-to-top abtbg"><i class="bi bi-arrow-up"></i></a>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/parallax/parallax.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>