Monkey Albino

<?php include 'header.php';  ?>
<div id="content" class="site-content"><div class="container"><div class="inner-wrapper">    

	<?php include 'left_bar.php';?> 
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

    <style>
      /* Flex container */
      #p-flex {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
      }
      /* Product items */
      div.p-flex {
        width: 33.33%;
      }
      div.p-flex-in {
        box-sizing: border-box;
        margin: 5px; 
        padding: 10px;
        border: 1px solid #e7fcde;
        background: #f6fff2;
        text-align:center;
      }
      img.p-img {
        width: 100%;
        height: auto;
      }
     .p-flex-in img.p-img {
        width: 250px;
        height: 250px;
      }
      div.p-name {
        font-weight: bold;
        font-size: 1.1em;
      }
      div.p-price {
        color: #f44242;
      }
      div.p-desc {
        color: #888;
        font-size: 0.9em;
      }
      button.p-add {
        background: #f46b41;
        color: #fff;
        border: none;
        width: 100%;
        margin: 10px 5px 5px 5px;
        font-size: 1.1em;
        font-weight: bold;
        cursor: pointer;
      }
      /* Responsive */
      @media only screen and (max-width: 1024px) {
        div.p-flex { width: 33%; }
      }
      @media only screen and (max-width: 600px) {
        div.p-flex { width: 50%; }
      }
      /* [DOES NOT MATTER] */
      html, body {
        padding: 0;
        margin: 0;
        font-family: arial, sans-serif;
      }
    </style>			
				
<article id="post-4" class="post-4 page type-page status-publish hentry"> 
 
	<header class="entry-header">
		<h1 class="entry-title" style="text-align:right; padding-right:10px;"><?=$Pages;?></h1>	
	</header><!-- .entry-header -->

 
   					   <?php 
					//$SQL_pro_img = mysql_query("select * from pages_content where content_pages_name='$Pages' ORDER BY `id` DESC");
					//$SQL_pro_video = mysql_fetch_array(mysql_query("select * from pages_content where content_pages_name='$Pages' and post_position='Product Video' ORDER BY `Id` ASC"));
					//$SQL_pro_catelog = mysql_fetch_array(mysql_query("select * from pages_content where content_pages_name='$Pages' and post_position='Product Catelog' ORDER BY `Id` ASC"));
					//$SQL = "select * from pages_content where content_pages_name='$Pages' and post_position='Body' ORDER BY `Id` ASC";
					//$proVideo_arry = explode('=',$SQL_pro_video['title']);
					//$proVideo = end($proVideo_arry);
						?>

 
	 
</article><!-- #post-## -->


 
                  
             <link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen" />
	
<script src="lightbox/prototype.js" type="text/javascript"></script>
<script src="lightbox/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="lightbox/lightbox.js" type="text/javascript"></script>
    			  
    
    <div id="templatemo_main" style="float:left;">
        <ul id="gallery">
		 
						<?php 
							$SQL = "select * from pages_content where content_pages_name='$Pages' ORDER BY `id` ASC";
							$query = mysql_query($SQL);	 
							while ($result = mysql_fetch_array($query))
								{$Id =$result['id'];	
						?>
            <li style=""><a href="media/<?php echo $result['image'];?>" rel="lightbox[portfolio]">
			<img src="media/<?php echo $result['image'];?>" alt="<?php echo $result['title'];?>" height="200" style="max-width:250px"/> <br />
			<?=$result['title'];?></a></li>
			<?php
				}
				?> 
          
        </ul> 
        </div>    
						 
         
         
         
         
         
    </div>




				
			
		</main><!-- #main -->
	</div><!-- #primary -->

 

</div><!-- .inner-wrapper --></div><!-- .container --></div><!-- #content -->

<?php include 'footer.php';  ?>