<link rel="canonical" href="https://iimtt.org/blogs" />
<title>Blog | IIMTT </title>
<meta name="description" content="">
<style type="text/css">
	.cardBg {
   background-color: #E5EEEE;
    color:black;
    text-align:justify;
   }
   .cardBg :hover {
   background-color: #00B1C1;
   color:white;
   }
</style>
<?php include("_menu.php");?>
 <!-- WELCOME -->
<section style="background-image: url(/assets/img/center-web-bg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;">
    <section data-speed=".8" class="pt-10 pt-md-14 pb-12 pb-md-14 pb-xl-16 bg-cover" style="background-image: url(assets/img/Blogs.webp);height:200px">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-12 col-md-8 text-center py-9">
          </div>
        </div>
      </div>
    	<!-- Shape -->
<!--       <div class="position-absolute right-0 bottom-0 left-0">
        <div class="position-relative shape shape-bottom shape-fluid-x svg-shim text-white">
          <svg viewBox="0 0 2880 250" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M720 125L2160 0h720v250H0V125h720z" fill="currentColor"/></svg>        </div>
      </div> -->
    </section>
<!--------------------------------------------------------->
<section>
<div class="text-center" style="color:#1B2A4E;margin-top:-40px"><h2>Our Blogs</h2><div style="border-top:4px solid #1B2A4E;width:100px;" class="mx-auto"/></div>
<div class="container pt-6">
   <Box class="row mb-10">
</Box>
</div>
</section>
</section>
<!---------------------------------------------------------------------------------------------------------------->
<script type="text/javascript">
   fetch('https://curriculum-app-api.beanstalkedu.com/items/blog?filter[status][_eq]=published&filter[property][_eq]=atheneum').then(function(response) {
     return response.json();
   }).then(function(data) {
   const blogs=data.data;
     console.log(blogs);
   blogs.forEach(user=>{
   const Image='https://management.beanstalkedu.com/assets/'+user.img;
   const blogUrl='/blogs/'+user.slug
   const markup =`<div class="col-12 col-md-6 col-lg-4 d-flex mb-6">
               <a style="text-decoration:none;" href=${blogUrl}>
<div class="cardBg">
                  <div class="p-4 mb-6 mb-lg-0 lift lift-lg">
                     <div class="card-img-top img-fluid">
                        <img src=${Image} alt="iimtt blog" height=100px style="overflow:hidden">
                     </div>
                     <div class="pt-1">
                        <h3>
                           <b>${user.title}</b>
                        </h3>
					<p>${user.meta_description}</p>
                     </div>
                  </div>
</div>
               </a>
            </div>`
   document.querySelector('Box').insertAdjacentHTML('beforeEnd',markup);
   })
   }).catch(function(err) {
     console.log('Fetch Error :-S', err);
   });
</script>