p2_SnacksAisle.php

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


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


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

                <div class="col-4">
                    <div class="product">
                        <a href="./p3_Chips.php">
                            <img src="./images/Chips.jpg" alt="Chips">
                            <h4 class="aisle-text">BBQ Chips</h4>
                            <p class="aisle-text">$4.59/bag</p>
                        </a>
                    </div>
                </div>


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

                            <h4 class="aisle-text">Watermelon Candies</h4>
                            <p class="aisle-text">$4.50/bag</p>
                        </a>
                    </div>
                </div>


                <div class="col-4">
                    <div class="product">
                        <a href="./p3_Bars.php">
                            <img src="./images/Bars.jpg" alt="Chocolat Bar">
                            <h4 class="aisle-text">Lindt Chocolat Bar</h4>
                            <p class="aisle-text">$2.75/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>