1#@!#!123s

: / home3 / encodto1 / www /
Filename : logodesignp.php
back
<?php
// Include database connection
include 'database.php';

// Fetch logos from the database
$query = "SELECT logo_id, image FROM logos";
$result = mysqli_query($conn, $query);

// Check if there are results
if (!$result) {
    die('Error fetching logos: ' . mysqli_error($conn));
}
?>

<!DOCTYPE html>
<html lang="en">

<?php include 'style.php'; ?>
<style>.logo-portfolio-section {
    padding: 40px 0;
    background-color: #f9f9f9;
}

.logo-portfolio-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two images in a row */
    gap: 20px; /* Space between images */
}

.logo-portfolio-item {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.logo-image-box img {
    max-width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: contain;
    border-radius: 8px;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .logo-portfolio-list {
        grid-template-columns: 1fr; /* One image per row on mobile */
    }
}
</style>

<body>

    <!-- Main -->
    <main class="main-page overview-page">

        <!-- Header -->
        <?php include 'header.php'; ?>

        <!-- Team Hero -->
        <section class="hero-service-wrap hero-section-wrap hero-career-wrap">
            <div class="hero-section-content-wrap">
                <img src="assets/imgs/bg-shape-1.svg" alt="Shape" class="animation-slide-left bg-shape" />
                <div class="custom-container">
                    <div class="hero-portfolio-body">
                        <div class="hero-section-content text-center">
                            <h5 class="section-subtitle">Logo Design</h5>
                            <h1 class="section-title fade-in">Creative Logo Designing. Deliver your message with brilliant visual artistry</h1>
                            <p>Transform Your Online Reach - Let Us Amplify Your Digital Impact</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Logo Portfolio Section -->
        <section class="logo-portfolio-section">
            <div class="custom-container">
                <div class="section-header">
                    <h5 class="section-subtitle">LOGO PORTFOLIO</h5>
                    <h1 class="section-title">Our Logo Portfolio</h1>
                    <p>Showcasing Creativity, One Project at a Time</p>
                </div>

                <div class="logo-portfolio-list">
                    <?php while ($row = mysqli_fetch_assoc($result)) { ?>
                        <div class="logo-portfolio-item">
                            <div class="logo-image-box">
                                <img src="encoadminders/uploads/logos/<?php echo $row['image']; ?>" alt="Logo" />
                            </div>
                        </div>
                    <?php } ?>
                </div>
            </div>
        </section>

        <!-- Footer -->
        <?php include 'footer.php'; ?>

    </main>

    <!-- jQuery and JavaScript -->
    <script src="assets/js/jquery-3.7.0.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/gsap.min.js"></script>
    <script src="assets/js/Draggable.min.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/client-marquee.js"></script>
    <script src="assets/js/theme-custom.js"></script>
    <script src="assets/js/form1.js"></script>
    <script src="assets/js/subscribe-form.js"></script>
</body>

</html>