BLACKSITE


	: 216.73.216.62
	: 147.93.18.13 / vinyasaweddings.com
	: Linux srv667811 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64

: /var/www/kds/views/layout/

files >> /var/www/kds/views/layout/portfolio.php

 <?php
require_once 'config/config.php';

// Fetch only 3 active services at a time
$stmt = $db->prepare("SELECT * FROM portfolio_page WHERE status = 'active' ORDER BY id DESC");
$stmt->execute();
$services = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>

<section class="services-section py-5">
    <div class="container">
       <div class="section-header text-center mb-5">
            <h2 class="section-title">Our Portfolio</h2>
            <p class="section-subtitle">Professional courses to help you grow in the digital era</p>
        </div>

        <div class="row  g-4">
            <?php foreach ($services as $service): ?>
                <div class="col-lg-4 col-md-6">
                    <div class="service-card h-100 text-center shadow-sm border rounded overflow-hidden">
                        <!-- Image Section -->
                        <div class="service-img">
                            <img src="<?= BASE_URL ?>/<?= htmlspecialchars($service['logo_image']) ?>" 
                                 alt="<?= htmlspecialchars($service['title']) ?>" 
                                 class="img-fluid w-100" 
                                 style="object-fit: cover; height: 100%;">
                        </div>

                        <!-- Content Section -->
                        <div class="service-content p-3">
                            <h3 class="service-title"><?= htmlspecialchars($service['title']) ?></h3>
                            <p class="service-desc">
                                <?= mb_strimwidth(strip_tags($service['description']), 0, 150, '...') ?>
                            </p>
                            <a href="<?= BASE_URL ?>/portfolio/<?= htmlspecialchars($service['slug']) ?>" 
                               class="btn btn-primary mt-2">
                                Explore More <i class="fas fa-arrow-right ms-2"></i>
                            </a>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>