<?php
$home_cat_query=db_query("select * from tbl_category where category_status='Active' and category_parent_id='0' and category_for_home='Yes' limit 8 ");
if(mysqli_num_rows($home_cat_query)>0)
{

?>

<style>
    .pro_ul{
        text-align:left; 
   
    }
    
    .pro_ul li{
        display: list-item;   list-style-type: disc; list-style-position: inside;
    }
    
</style>

<div id="shopify-section-1529924056715" class="shopify-section index-section">
<div data-section-id="1529924056715"  data-section-type="category-listing-type-1" class="category-listing-type-1" style=" position:relative; background-image:url('img/banner/banner-1_35a2f4bf-f483-452c-bc63-b35acf225beee873.jpg?v=1532430216');background-repeat:no-repeat;background-position:top center;">  
  <div class="category_listing_overlay" style="position:absolute;top:0;width:100%;height:100%;left:0;right:0;background:rgba(0, 0, 0, 0.7);"></div> 
  
  
  <div class="grid-uniform">

    <div class="container">     
    
      <ul class="category-listing_block">         
<?php
$j=0;
while($home_cat_res=mysqli_fetch_array($home_cat_query))
{
  $j++;

?>
        

   


        
        
       <li class="grid__item wide--one-quarter post-large--one-quarter large--one-half medium--one-half small-grid__item wow fadeInUp"  data-wow-delay="ms">
          <div class="category-listing_section" style="background:<?php if($j==2 || $j==4 || $j==5 || $j==7){?>#1d3750<?}else{?>#ffffff<?}?>;">                      
            <div class="category-listing_inner">    
                
              <div class="category_image" style="width:100px; height:100px;">                      
                <img style="width:100px; height:100px;"  src="<?=$site_url?>/uploaded_files/<?=$home_cat_res['category_image_name']?>" alt="<?=$home_cat_res['category_name']?>"  title="<?=$home_cat_res['category_name']?>"/>                
              </div>
                 
              <div class="category_text"> 
                                      
                <h4 style="color:#ffffff;background:<?php if($j==2 || $j==4 || $j==5 || $j==7){?>#e81a46<?}else{?>#1d3750<?}?>;"><?=$home_cat_res['category_name']?></h4>
                                  
<?php $description=strip_tags($home_cat_res['category_description']);?>

                  
                <p style="color:<?php if($j==2 || $j==4 || $j==5 || $j==7){?>#ffffff<?}else{?>#3e454c<?}?>;"><?=substr($description,0,100);?></p>
<?php
/*
$brnd_pro_sql=db_query("select * from tbl_category where category_status='Active' and category_parent_id='$home_cat_res[category_id]' limit 5");
if(mysqli_num_rows($brnd_pro_sql)>0)
{?>

          <br>
            <ul class="pro_ul" >
                <?php
                while($brnd_pro_res=mysqli_fetch_array($brnd_pro_sql))
                {?>
                
                <li style="color:<?php if($j==2 || $j==4 || $j==5 || $j==7){?>#ffffff<?}else{?>#3e454c<?}?>;">
                    <a href="<?=$site_url?>/product-details.html?id=<?=$brnd_pro_res['category_id']?>" style="color:<?php if($j==2 || $j==4 || $j==5 || $j==7){?>#ffffff<?}else{?>#3e454c<?}?>;"><?=$brnd_pro_res['category_name']?></a></li>
                <?}?>
    
            </ul>
<?}*/?>

<?php if($home_cat_res['category_name']=="FLOOR TILES"){?>           
<br>
<ul class="pro_ul" >

<li style="color:#3e454c;">
<a href="<?=$site_url?>/products.html?id=547&area_check%5B%5D=Living+Room+Tiles" style="color:#3e454c">
Living Room Floor Tiles
</a>
</li>

<li style="color:#3e454c;">
<a href="<?=$site_url?>/products.html?id=547&area_check%5B%5D=Outdoor+Tiles" style="color:#3e454c">
Outdoor Floor Tiles
</a>
</li>

<li style="color:#3e454c;">
<a href="<?=$site_url?>/products.html?id=547&area_check%5B%5D=Bedroom+Tiles" style="color:#3e454c">
Bedroom Floor Tiles
</a>
</li>

<li style="color:#3e454c;">
<a href="<?=$site_url?>/products.html?id=547&area_check%5B%5D=Kitchen+Tiles" style="color:#3e454c">
Kitchen Floor Tiles
</a>
</li>
</ul>
<?}?>



<?php if($home_cat_res['category_name']=="WALL TILES"){?>           
<br>
<ul class="pro_ul" >

<li style="color:#ffffff;">
<a href="<?=$site_url?>/products.html?id=803&area_check%5B%5D=Bathroom+Tiles" style="color:#ffffff">
Bathroom Wall Tiles
</a>
</li>

<li style="color:#ffffff;">
<a href="<?=$site_url?>/products.html?id=803&area_check%5B%5D=Kitchen+Tiles" style="color:#ffffff">
Kitchen Wall Tiles
</a>
</li>

<li style="color:#ffffff;">
<a href="<?=$site_url?>/products.html?id=803&area_check%5B%5D=Outdoor+Tiles" style="color:#ffffff">
Outdoor Wall Tiles
</a>
</li>

<li style="color:#ffffff;">
<a href="<?=$site_url?>/products.html?id=803&area_check%5B%5D=Living+Room+Tiles" style="color:#ffffff">
Living Room Wall Tiles
</a>
</li>
</ul>
<?}?>


<?php if($home_cat_res['category_name']=="3D TILES"){?>           
<br>
<ul class="pro_ul" >

<li style="color:#3e454c;">
<a href="<?=$site_url?>/products.html?id=547&design_check%5B%5D=3d+Tiles" style="color:#3e454c">
3D Floor Tiles
</a>
</li>

<li style="color:#3e454c;">
<a href="<?=$site_url?>/products.html?id=803&design_check%5B%5D=3d+Tiles" style="color:#3e454c">
3D Wall Tiles
</a>
</li>



</ul>
<?}?>



                 
<a href="<?=$site_url?>/products.html?id=<?=$home_cat_res['category_id']?>"  class="small-btn"  style="color:<?php if($j==2 || $j==4 || $j==5 || $j==7){?>#ffffff<?}else{?>#3e454c<?}?>;">View Products<i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
                 

              </div>     
            </div>
          </div>       
        </li>   

        
      <?}?>
        
        
      </ul>


      

      <div class="grid__item">


        <div class="border-title wow flash">          
          
          <h3 style="color:#ffffff">Online Multibrands Tiles Marketplace</h3>
          
        </div>
      </div>

      



    </div>
  </div>  
</div>
<style>
  .category-listing-type-1 .category_image img { background:#000000;}
  .category-listing-type-1 ul {margin-top:-10%;}
  .category-listing-type-1 .small-btn:hover {color:#e81a46!important}
  
  .category-listing-type-1 .category_image {background:#e81a46;}
  .category-listing_section:hover .category_image::before {box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.25); }
  
</style>


</div>

<?}?>