<div class="container content">
      <div class="twelve columns">
        <h1> Alumni Store </h1>
        <hr/>
        <div class="products">
          <?php 
while ($product = $query->fetch_assoc()) {
    ?>
            <div class="product">
              <div class="product-image"> 
                <?php 
    if (isset($product["data"])) {
        ?>
 
                  <?php 
        echo base64_image($product["data"], $product["type"]);
        ?>
                <?php 
    } else {
        ?>
                  <image src="http://placehold.it/200x200"/>
                <?php 
    }
    ?>
              </div>
              <div class="product-name">
                <a href="product.php?id=<?php 
    echo $product["id"];
    ?>
">
                  <?php 
          <div class="row friend-info">
            <h3> Friends </h3>
            <?php 
foreach ($friends as $friend) {
    ?>
              <div class="friend"> 
                <div class="friend-icon">
                  <?php 
    if (!isset($friend["image_data"])) {
        ?>
                    <img src="http://placehold.it/50x50"/>
                  <?php 
    } else {
        ?>
                    <?php 
        base64_image($friend["image_data"], $friend["type"]);
        ?>
                  <?php 
    }
    ?>
                </div>
                <div class="friend-name">
                  <a href="profile.php?id=<?php 
    echo $friend["id"];
    ?>
">
                    <?php 
    echo $friend["first_name"];
    ?>
<br />
                    <?php