Revonzy Mini Shell

<?php
include("header.php");
?>
<style>
.w3-team banner-bottom py-5
{
	background-color:#EFB14F !important;
}
.w3_agile_team_grid h4 {
    font-size: 1.0em; 
    color: #000;
     margin:3px !important; 
    text-transform: capitalize;
}
@media only screen and (max-width: 600px) {
  .img {
   width:20px;
   height:20px;
  }
}
.contact_to_staff_tbl tr td
{
    text-align:center;
	padding:2px;
	border:1px solid #DFDFDF;
	
	font-family:Montserrat Alternates;
}
.th_s
{
	font-weight:bold;
	text-align:center;
}
.tab_table {
	  margin:0px;
	  width:100%;
  }
	.tab_data
	{
		background:#880015;
		font-weight:bold;
		font-size:16px;
		color:white;
		border-right:1px solid black;
		text-align:center;
	}
	tr td
	{
		padding:10px;
		border:1px solid black;
		text-align:center;
		
		font-size:17px;
	}
	th 
	{
		padding:10px;
	}
	.sp_img
	{
		height:200px;
		width:100%;
		border:0px solid #blue;
		margin-bottom:5px;
		border:1px solid #DFDFDF;
		 border-radius: 1rem;
	}
	.sp_link_title
	{
		background:none; border:0px; color:GREEN; text-decoration:none; float:right;
		font-family:Cambria;
		font-size:17px;
	}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 1rem;
	margin:20px !important;
	box-shadow:1px 1px 3px 3px red;
	height:300px !important;
}
h5 
{
   text-align:left !important;
    color: black;
    font-weight: bold;
	font-family: 'Muli', sans-serif !important;
	color:black !important;
	font-size:14px;
}
h4 {
    color: black;
	 text-align:left !important;
    font-family: 'Muli', sans-serif !important;
	color:black !important;
	font-size:14px;
	font-weight: normal !important;
}
</style>
   <!-- team -->
    <div class="w3-team banner-bottom py-5" style="background-color:#E6EFE5;">
        <div class="container">
            <div class="h3-head text-center">
                <h3 class="title-1">MEMBER'S</h3>
            </div>

            <div class="w3ls_banner_bottom_grids">
                <div class="row" style="min-height:700px;">
				<?php
				$report_details = $db->get_all_member_details();
				if(!empty($report_details))
				{
					$counter =0;
					foreach($report_details as $record)
					{
						$id				=	$report_details[$counter][0];
						$member_name	=	$report_details[$counter][1];
						$deignation		=	$report_details[$counter][2];
						$images			=	$report_details[$counter][3];
				?>
         <div class="col-lg-2 col-xs-6 card">
		 <?php
		 if($images!="")
		 {
		 ?>
		  <img src="member_profile/<?php echo $images; ?>" class="sp_img card-img-top" alt="...">
		 <?php
		 }
		?>
		  <div class="card-body">
			<h5 class="card-title"><?php echo $member_name; ?></h5>
			<h4 class="card-title"><?php echo $deignation; ?></h4>
			
		
		  </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 class="clearfix"> </div>
            </div>
        </div>
    </div>
    <!-- //team -->

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