<script>
  $(document).ready(function(){
    $('#slideanh').owlCarousel({
    loop:true,
    margin:10,
    autoplay:true,
    autoplayTimeout:5000,
    dots:false,
    autoplayHoverPause:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
})

$('#slidedoitac').owlCarousel({
    loop:true,
    margin:10,
    autoplay:true,
    autoplayTimeout:5000,
    dots:false,
    
    responsive:{
        0:{
            items:4
        },
        600:{
            items:6
        },
        1000:{
            items:8
        }
    }
  })  
})
</script> 
<video autoplay="autoplay" muted loop  width="100%" >
  <source src="public/images/video/tueba.mp4" type="video/mp4" />

  Your browser does not support the video tag.</video>
<div class="news mt-5">
  <div class="tieude"><a href="chuyen-muc/tin-tuc-1-1.html"><h1 style="color:#004ba9">LATEST NEWS</h1></a></div>
  <div class="row mt-3">
   <?php 
            $result = $homedata -> tinmoinhat_theloai(1,4);
            while($row = mysqli_fetch_assoc($result))
            {?>
        <div class="col-md-3 cotanh text-justify">
        <div class = "tintuc">  
              <a href= "bai-viet/<?php echo $row['TieuDe_KhongDau'] ?>-<?php echo $row['idTin'] ?>.html"><img class="img-responsive anhthumb" src="uploads/thumb2020/<?php echo $row['urlHinh']; ?>" alt="" ></a>
              <p class="mt-2"><a class="tieudebv " href="bai-viet/<?php echo $row['TieuDe_KhongDau'] ?>-<?php echo $row['idTin'] ?>.html">
                <?php  echo ($row['TieuDe']); ?></a></p>
        </div>
        </div>    
             <?php } ?>  
</div>
</div>

<div class="academics news mt-5">
  <div class="tieude"><a href=""><h1 style="color:#004ba9">ACADEMICS</h1></a></div>
  <div class="row mt-3">
        <div class="col-md-3 cotanh text-justify">
        <div class = "tintuc1">  
              <a href= "pages/Undergraduate-Programs-81.html"><img class="img-responsive anhthumb1" src="public/images/academics/1.jpg" alt="" ></a>
              <div class="td"><a class="tieudebv1 " href="pages/Undergraduate-Programs-81.html">Undergraduate Programs</a></div>
        </div>
        </div> 
        <div class="col-md-3 cotanh1 text-justify">
        <div class = "tintuc1">  
              <a href= "pages/Graduate-Programs-82.html"><img class="img-responsive anhthumb1" src="public/images/academics/2.jpg" alt="" ></a>
              <div class="td"><a class="tieudebv1 " href="pages/Graduate-Programs-82.html">Graduate Programs</a></div>
        </div>
        </div> 
        <div class="col-md-3 cotanh1 text-justify">
        <div class = "tintuc1">  
              <a href= "pages/International-Joint-degree-Programs-83.html"><img class="img-responsive anhthumb1" src="public/images/academics/3.jpg" alt="" ></a>
              <div class="td"><a class="tieudebv1 " href="pages/International-Joint-degree-Programs-83.html">International Joint – Degree Programs</a></div>
        </div>
        </div> 
        <div class="col-md-3 cotanh1 text-justify">
        <div class = "tintuc1">  
              <a href= "pages/Short-term Programs-84.html"><img class="img-responsive anhthumb1" src="public/images/academics/4.jpg" alt="" ></a>
              <div class="td"><a class="tieudebv1 " href="pages/Short-term Programs-84.html">Short – Term Programs</a></div>
        </div>
        </div>    
            
</div>
</div>
<!-- -------doi tac-- -->
<div class="partners news mt-5">
<div class="tieude"><a href=""><h1 style="color:#004ba9">PARTNERS</h1></a></div>
<div class="row mt-3 mb-2 " >
    <div  class="owl-carousel owl-theme mt-2 imgdoitac" id="slidedoitac" >
      <div class="item ">
        <img src="./public/images/doitac/01.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/02.png" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/03.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/04.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/05.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/06.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/07.png" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/08.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/09.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/10.jpg" alt="">
      </div>
     <div class="item">
        <img src="./public/images/doitac/11.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/12.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/13.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/14.jpg" alt="">
      </div>
      <div class="item">
        <img src="./public/images/doitac/15.png" alt="">
      </div>
      
  </div>  
 </div> 