<?php
$video_query=db_query("select * from tbl_video where video_status='Active' limit 3 ");
if(mysqli_num_rows($video_query)>0)
{
?>


<div data-section-id="1526549521259"  data-section-type="blog-post-type-4" class="blog-post-type-4" style="background:#f7fafb;float:left;width:100%;">
  <div class="dt-sc-hr-invisible-large"></div>
  <div class="container">
    <div class="blog-post">
      <div class="grid">        
        <div class="section-header section-header--smal wow fadeInDown animatedl">
          
          <div class="border-title">  
            <h2 style="color:#ffffff;background:#e81a46">Liza Tiles In Media</h2>              
            <div class="small-desc"> <p style="color:#3e454c;">Here’s what we’re working on and thinking about at Nest.</p></div>  
          </div>
          
        </div>
        <div class="home-blog blog-section" id="BlogType4">        
             
<?php
while($video_res=mysqli_fetch_array($video_query))
{
?>
          <div class="article-item grid__item wide--one-third post-large--one-third large--one-third medium--one-whole small-grid__item wow fadeInUp animated ">
            <div class="article ">      
              <div class="home-blog-image grid__item">
                
<iframe width="420" height="315"
src="https://www.youtube.com/embed/<?=$video_res['video_url']?>" allowfullscreen>
</iframe>                 
              </div>
          

            </div>  


          </div>
<?}?>
        
        <div class="blog-btn">
          <a class="btn"  href="<?=$site_url?>/videos.html">View All Videos<span class="lnr lnr-arrow-right"></span></a>
        </div>
        
        <!--  <div class="nav_article"> </div> -->
      </div>

      <style>
        
        .blog-post-type-4 .blogs-sub-title h4 a:hover { color:#e81a46 !important; }
        .blog-post-type-4 .blogs-sub-title .comments-count { color:#3e454c; }
        .blog-post-type-4 .comments-count:before { background:#3e454c; }
        .blog-post-type-4 .blog-description {background:#ffffff;}
      </style>
    </div>
  </div>

  <div class="dt-sc-hr-invisible-large"></div>

</div>




</div>
<?}?>