72 lines
2.9 KiB
PHP
72 lines
2.9 KiB
PHP
<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>
|