p2_fruitaisle.php

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

    <main>
        <!-- product list -->
        <section>
            <h1 class="section-title"><span>Our Fresh Fruits</span></h1>


            <!-- the files path will have to be changed -->
            <div class="row">

                <div class="col-4">
                    <div class="product">
                        <a href="./p3_honeycrisp.php">
                            <img src="./images/apple.jpg" alt="Honeycrisp Apple">
                            <h4 class="aisle-text">Honeycrisp Apples</h4>
                            <p class="aisle-text">$1.05/unit</p>
                        </a>
                    </div>
                </div>


                <div class="col-4">
                    <div class="product">
                        <a href="./p3_cucumber.php">
                            <img src="./images/cucumber.jpg" alt="Cucumber">

                            <h4 class="aisle-text">English Cucumbers</h4>
                            <p class="aisle-text">$5.00/pack</p>
                        </a>
                    </div>
                </div>


                <div class="col-4">
                    <div class="product">
                        <a href="./p3_banana.php">
                            <img src="./images/banana.jpg" alt="Banana">
                            <h4 class="aisle-text">Bananas</h4>
                            <p class="aisle-text">$0.30/unit</p>
                        </a>
                    </div>
                </div>



            </div>

        </section>

        <div class="page-btn">
            <h2 class="span1">Page</h2>
            <span>1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
            <span>&#85943 </span>
        </div>
        </div>

    </main>

    <!---- Footer --->
    <div id="footer"></div>
    <!-End Of Footer->

        <script src="js/script.js"></script>
</body>

</html>