Revonzy Mini Shell

<?php
include("header.php");
?>
<style>
.text-h6h
{
	color:red !important;
}
.imgy {
    max-width: 100%;
	height:200px !important;
}
@media only screen and (max-width: 800px) {
  .imgy {
    max-width: 100%;
	height:100px !important;
}
}
</style>
<!-- gallery -->
    <div class="gallery section py-5" id="gallery" style="background-color:#f9f9ff;">
        <div class="container">
            <div class="h3-head text-center">
                <h3 class="title-1">Gallery</h3>
            </div>
            <div class="gallery_grids">
                <div class="row" style="min-height:800px;">
				<?php
				$report_details = $db->get_all_gallery_images();
				if(!empty($report_details))
				{
					$counter =0;
					foreach($report_details as $record)
					{
						$id				=	$report_details[$counter][0];
						$title			=	$report_details[$counter][1];
						$images			=	$report_details[$counter][2];
				?>
                    <div class="col-md-4 col-xs-4 col-sm-4 agile-gallery_grid_main" >
                        <div class="gallery-img-grid gallery_grid1 hover14 column">
                            <div class="gallery_effect"  style="height:100px !important;">
                                <a href="gallery/<?php echo $images; ?>" class="sb" title="Gallery Images">
                                    <figure  style="height:200px !important;BORDER:4PX SOLID RED;">
                                        <img src="gallery/<?php echo $images; ?>" alt=" " class="imgy" style="height:200px !important; " />
                                    </figure>
                                </a>
                            </div>
                        </div>
                    </div>
                   <?php
	   
					$counter ++;
					}
					
				}
				else
				{
				?>
				 <div class="col-md-12 agile-gallery_grid_main">
                        <div class="gallery-img-grid gallery_grid1 hover14 column">
                            <div class="gallery_effect">
                                <a href="images/no-image.png" class="sb" title="">
                                    <figure>
                                        <img src="images/no-image.png" alt=" " class="img-fluid" />
                                    </figure>
                                </a>
                            </div>
                        </div>
                    </div>
				<?php
				}
				?>
                   
        

                </div>
            </div>
        </div>
    </div>
	<!-- VIDEO -->
	 <div class="gallery section py-5"  style="background-color:#f9f9ff;">
<div class="container">
	<div class="h3-head text-center">
		<h3 class="title-1">Video</h3>
	</div>
	<div>
 <div class="row" style="min-height:700px;">
<?php
		$report_details = $db->get_all_video_info();
		if(!empty($report_details))
		{
			$counter =0;
			foreach($report_details as $record)
			{
				$id				=	$report_details[$counter][0];
				$title			=	$report_details[$counter][1];
				$video_url		=	$report_details[$counter][2];
		?>
 <!-- video section -->
 <div class="col-md-6 col-xs-6 col-sm-6 agile-gallery_grid_main" >
   <div class="video-w3l" data-vide-bg="video/1">
        <h2><?php echo $title; ?></h2>
        <a href="#small-dialog4" class="play-icon popup-with-zoom-anim ">
			<i class="fas fa-play-circle"></i>
		</a>
        <div id="small-dialog4" class="mfp-hide w3ls_small_dialog wthree_pop">
            <iframe src="<?php echo $video_url; ?>"></iframe>
        </div>
    </div>
  </div>  
	<?php
	   
			$counter ++;
			}
			
		}
	else
	{
	?>
	 <div class="col-md-12 agile-gallery_grid_main">
			<div class="gallery-img-grid gallery_grid1 hover14 column">
				<div class="gallery_effect">
					<a href="images/video.jpg" class="sb" title="">
						<figure>
							<img src="images/video.jpg" alt=" " class="img-fluid" />
						</figure>
					</a>
				</div>
			</div>
		</div>
	<?php
	}
	?>
    <!-- //video section -->
	</div>
	</div>
	</div>
	</div>
    <!-- //gallery -->

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