<?php include 'includes/header.php'; ?>

<section id="billboard"
    style="background-image: url(assets/images/slider-image-5.jpeg); background-size: cover; background-repeat: no-repeat; height: 50vh; background-position: top"
    class="position-relative">
    <div
        class="d-none banner-content px-5 py-4 text-center m-auto py-5 rounded-1 shadow position-absolute top-50 start-50 translate-middle">
        <h2 class="text-white display-4">Portfolio & Gallery</h2>
    </div>
</section>

<section id="gallery" class="py-5">
    <div class="container ">
        <h3 class="text-center mb-5 fw-bold">View our gallary</h3>
        <?php
        $images = [
            'assets/images/items_10.jpg',
            'assets/images/items_3.jpg',
            'assets/images/items_4.jpg',
            'assets/images/items_12.jpg',
            'assets/images/items_13.jpg',
            'assets/images/items_5.jpg',
            'assets/images/items_7.jpg',
            'assets/images/items_9.jpg',
            'assets/images/items_14.jpg',
            'assets/images/items_15.jpg',
            'assets/images/items_17.jpg',
            'assets/images/items_18.jpg',
            'assets/images/items_19.jpg',
            'assets/images/items_21.jpeg',
            'assets/images/items_23.jpeg',
            'assets/images/items_24.jpeg',
            'assets/images/items_25.jpeg',
            'assets/images/items_27.jpeg',
            'assets/images/items_28.jpeg',
            'assets/images/items_29.jpeg',
            'assets/images/items_30.jpeg',
            'assets/images/items_31.jpeg',
        ];
        ?>
        <div class="row">
            <?php foreach ($images as $image): ?>
            <div class="col-xl-3 col-md-4 col-sm-6 mb-4 text-center">
                <a href="<?= $image ?>" title="Govind Technochem" class="image-link">
                    <img src="<?= $image ?>" style="height: 300px; width: 330px;"
                        class=" post-image img-fluid rounded-2">
                </a>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>
<?php include 'includes/footer.php'; ?>
