관리-도구

편집 파일: inspiration.php

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

<div id="preloader">
            <div id="spinner">
                <img alt src="images/preloaders/5.gif">
            </div>
            <div id="disable-preloader" class="btn btn-default btn-sm">Disable Preloader</div>
        </div>

<?php
        include('include/header.php')
        ?>

<div class="section-content">
                        <div class="row">
                            <div class="col-md-12">
                                <h2 class="title text-white text-center">Our Inspiration</h2>
                                <ol class="breadcrumb text-left text-black mt-10">
                                    <li><a href="index.php">Home</a></li>

<li class="active text-gray-silver">Inspiration</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

<?php
            $sql = mysqli_query($con, "SELECT * FROM `inspiration`");
            $alternate = false; // Variable to alternate section layout

while ($inspiration = mysqli_fetch_assoc($sql)) {
                $backgroundColor = $alternate ? 'background-color: #f9f9f9;' : 'background-color: white;';
                $imageFirst = $alternate ? 'order-md-2' : ''; // Apply order to alternate image position
                $textFirst = $alternate ? 'order-md-1' : 'order-md-2';

echo '<section id="' . $inspiration['id'] . '" style="' . $backgroundColor . '">
            <div class="container">
                <div class="section-content">
                    <div class="row">
                        <div class="col-md-4 ' . $imageFirst . '">
                            <div class="thumb">
                                <img src="media/inspiration/' . $inspiration['image'] . '" alt="' . $inspiration['image_alt_tag'] . '">
                            </div>
                        </div>
                        <div class="col-md-8 ' . $textFirst . '">
                            <h4 class="name font-24 mt-0 mb-0">' . $inspiration['name'] . '</h4>
                            <h5 class="mt-5">' . $inspiration['designation'] . '</h5>
                            <p>' . $inspiration['description'] . '</p>
                        </div>
                    </div>
                </div>
            </div>
          </section>';

// Toggle the alternate flag for the next section
                $alternate = !$alternate;
            }
            ?>
        </div>

<?php
        include('include/footer.php')
        ?>
        <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>

<?php
        include('include/foot.php')
        ?>
</body>

</html>