index.html

<div class="col-md-12">
    <div class="jumbotron">
        <h1><i class="fa fa-heart"></i> Welcome to our store!</h1>
        <p>You will find the latest trendy clothes with the lowest prices in the market. We are dealing with high
            quality factories for the best wear experience...</p>
        <p><a class="btn btn-danger btn-lg" href="#" role="button">Learn more</a></p>
    </div>
</div>
</div>

<div class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="section-header">
                <h1>Our Latest Products</h1>
            </div>
        </div>
        <?php  foreach($ProductData as $data)
                        {
                           extract($data);
                     ?>
        <div class="col-md-4">
            <div class="product-box text-center">
                <div class="product-box__image">
                    <a href="product-info.php?ID=<?php echo $ID ?>">
                        <img src="uploads/<?php echo $image ?>" class="img-responsive" alt="Product Image">
                        <span><i class="fa fa-star"></i> Product Info</span>
                    </a>
                </div>
                <div class="product-box__title">
                    <h2>
                        <?php echo $title ?>
                    </h2>
                </div>
                <div class="product-box__desc">
                    <p>
                        <?php echo $content ?>
                    </p>
                </div>
                <div class="product-box__price">
                    <span>
                        <?php echo $price ?><sup>EGP</sup>
                    </span>
                </div>
                <a href="product-info.php?ID=<?php echo $ID ?>" class="btn btn-lg btn-success"><i class="fa fa-shopping-cart"></i> Buy Now</a>
            </div>
        </div>
        <?php } ?>
    </div>
</div>
</div>