p2_MeatAisle.php

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

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


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

                <div class="col-4">
                    <div class="product">
                        <a href="./p3_Steak.php">
                            <img src="./images/Steak.jpg" alt="Steak">
                            <h4 class="aisle-text">AAA Angus Steak</h4>
                            <p class="aisle-text">$36.50/kg</p>
                        </a>
                    </div>
                </div>


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

                            <h4 class="aisle-text">Whole Chicken</h4>
                            <p class="aisle-text">$13.46/unit</p>
                        </a>
                    </div>
                </div>


                <div class="col-4">
                    <div class="product">
                        <a href="./p3_Ribs.php">
                            <img src="./images/Ribs.jpg" alt="Pork Ribs">
                            <h4 class="aisle-text">Pork Ribs</h4>
                            <p class="aisle-text">$7.49/pack</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>