fix-headers, imgs

This commit is contained in:
2023-08-04 12:06:48 +00:00
parent 189ba134f1
commit 439dcd3f24
32 changed files with 116 additions and 120 deletions

110
_home.php
View File

@@ -19,21 +19,22 @@ include("_navbar.php");
<section data-jarallax data-speed=".8" class="shadow-light-lg bg-cover overlay overlay-dark overlay-60" style="background-image: url(/assets/img/homepage-banner.jpeg);padding-top: 9rem;padding-bottom: 5rem;">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-8 col-lg-6">
<div class="col-12 col-md-10 col-lg-8">
<div class="qwq">
<!-- Heading -->
<div style="height:250px">
<h1 class="display-3 font-weight-bold or" id="welcomeHeadingSource">
<h1 class="display-3 font-weight-bold position-relative" id="welcomeHeadingSource" style="color:white">
<span
data-typed='{"strings": ["Impactful", "Innovative","Inspiring"]}'></span></h1>
<p class="text-white">
data-typed='{"strings": ["Impactful", "Innovative","Inspiring"]}'></span><span class='h2 or font-weight-bold position-absolute' style="left:0; top:60px;"> Montessori Teacher Training Program</span></h1>
<p class="text-white pt-10 pt-md-8 pt-lg-6">
Montessori Education is based on a holistic approach that begins at birth and builds over the years over four distinct planes of development. If implemented well, it has the advantage of positively impacting a wide range of children. It is an entire system that has been tested over the past 100 years and can be implemented in whole or in part.
</p>
</div>
</div>
<!-- Form -->
<form>
<div class="input-group">
<div class="input-group pt-8 pt-md-0">
<a class="new1 btn btn-sm right bt" href="curriculum">
Montessori Approach +
</a>
@@ -123,8 +124,8 @@ include("_navbar.php");
<div class="fluid-container">
<div class="row">
<div class="col-12">
<h1 class="text-center mt-3">Montessori in our<span class="sblue"> DNA</span></h1>
<hr>
<h2 class="text-center mt-3">Montessori in our<span class="sblue"> DNA</span></h2>
<hr/>
<!-- Text -->
<div class="row align-items-center mb-6 mb-md-8">
@@ -146,9 +147,9 @@ include("_navbar.php");
</div>
<!-- Heading -->
<h4 class="font-weight-bold">
<h3 class="font-weight-bold">
<SPAN class="or">I</SPAN>nspire
</h4>
</h3>
<!-- Text -->
<p class="text-gray-700 mb-5">
@@ -171,9 +172,9 @@ include("_navbar.php");
</div>
<!-- Heading -->
<h4 class="font-weight-bold">
<h3 class="font-weight-bold">
<SPAN class="dblue">I</SPAN>mpact
</h4>
</h3>
<!-- Text -->
<p class="text-gray-700 mb-5">
@@ -196,9 +197,9 @@ include("_navbar.php");
</div>
<!-- Heading -->
<h4 class="font-weight-bold">
<h3 class="font-weight-bold">
<span class="sblue">M</span>otivate
</h4>
</h3>
<!-- Text -->
<p class="text-gray-700 mb-5">
@@ -221,9 +222,9 @@ include("_navbar.php");
</div>
<!-- Heading -->
<h4 class="font-weight-bold">
<h3 class="font-weight-bold">
<span class="dblue">T</span>echnology
</h4>
</h3>
<!-- Text -->
<p class="text-gray-700 mb-5">
@@ -248,9 +249,9 @@ include("_navbar.php");
</div>
<!-- Heading -->
<h4 class="font-weight-bold">
<h3 class="font-weight-bold">
<span class="or">T</span>rust
</h4>
</h3>
<!-- Text -->
<p class="text-gray-700 mb-5">
@@ -260,6 +261,7 @@ include("_navbar.php");
</div>
</div>
</div>
</div>
</section>
<!--------------------------------------quote 1-------------------------------------------->
<section>
@@ -391,6 +393,9 @@ include("_navbar.php");
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!---------------------------------------------------card section----------------------------------->
<section class="pt-8 pt-md-11 bg-gradient-light">
@@ -405,9 +410,9 @@ include("_navbar.php");
<div class="card-body">
<!-- Heading -->
<h3 class="text-center or">
<h2 class="text-center or">
IIMTT Teacher Education
</h3>
</h2>
<!-- Text -->
<p class="mb-0 text-center text-white-80">
@@ -422,6 +427,7 @@ include("_navbar.php");
</div> <!-- / .row -->
</div>
</div>
</div>
</section>
<!-------------------------------------------------------------------------------------------->
<div class="container">
@@ -573,40 +579,30 @@ include("_navbar.php");
</div>
</div>
</section>
<div class="row">
<?php
$sql = "SELECT * FROM PAGES WHERE `DOMAIN` = 'teenybeanspreschoolcurriculum.com' ORDER BY PAGE_ID DESC";
$result = mysqli_query($link, $sql);
if(mysqli_num_rows($result)>0){
while($row = mysqli_fetch_array($result,MYSQLI_ASSOC)){
$id = $row['PAGE_ID'];
$domain = $row['DOMAIN'];
$uri = $row['URI'];
$slug = $row['SLUG'];
$title = $row['TITLE'];
$meta = $row['META'];
echo '<div class="col-sm-12 col-md-6 col-lg-4" style="padding-bottom:20px;"><div class="card h-100" style="width:100%;border:none; border-bottom: 5px solid #A3CB37; cursor: pointer;">
<a href="'.$slug.'"><img src="https://bscdn.sgp1.digitaloceanspaces.com/publicImages/'.$domain.$uri.$slug.'.jpg" alt="'.$title.'" loading="lazy" style="height:250px; width:100%;"></a>
<div style="height:250px;" class="card-body">
<a class="hovergreen" href="'.$slug.'"><p class="" style="text-decoration:none;font-size:17px; font-weight:bold;">'.$title.'</p></a>
<a href="'.$slug.'"><p>'.$meta.'</p></a>
</div>
<div class="card-footer" style="border:none;">
<a href="'.$slug.'" style="position:relative; margin-bottom:10px;" class="btn btn-outline-success">Read More</a>
</div>
</div></div>';
// echo '<div class="col-sm-4 col-md-6 col-lg-2">
// <a href="singleProduct?id='.$id.'"><img style="margin-bottom:5px; border: 2px solid;" src="/CONTENT/UPLOADS/PRODUCT/'.$id.'/'.$imgName.'" width="90px" height="90px"></a>
// </div>';
}
}else{
// echo mysqli_error($link);
echo '<div class="alert alert warning">Blog Posts are coming!</div>';
}
?>
</div>
<!----------------blogs------------------>
<div class="container mb-10">
<h2 class="text-center mt-3">Read <span class="sblue">Our Blogs</span></h2>
<blogs class="d-block d-md-flex"></blogs>
</div>
<script>
fetch("https://curriculum-app-api.beanstalkedu.com/items/blog?filter[status][_eq]=published&filter[property][_eq]=iimtt", {
method: "GET",
}).then(
function (response) {
response.json().then(function (res) {
const a = res.data.reverse();
b=a.slice(0, 3)
b.forEach(u=>{
const markup =`<div class="px-4 pb-1 m-2 col-12 col-md-4 col-lg-4 shadow" style="background-color:rgb(229, 238, 238)"><img src=https://management.beanstalkedu.com/assets/${u.img} width='100%' height='160'/><h3><b>${u.title}</b></h3> <p>${u.meta_description}</p><a style="text-decoration:none;color:#0585c7" href=https://blogs.iimtt.org/${u.slug}><p>Read More</p></a></div>`
document.querySelector('blogs').insertAdjacentHTML('beforeend',markup);
})
});
}
)
.catch(function (err) {
console.log('Fetch Error :-S', err);
});
</script>
<!-----------------------------------flip replace----------------------------->
<!-- PROCESS -->
<section class="card card-row shadow-light-lg bg-cover overlay overlay-dark overlay-80 text-white mb-6" style="background-image:url(./assets/img/Montessori-Teachers-successful.jpeg);">
@@ -819,9 +815,9 @@ include("_navbar.php");
<div style="height: 100px;" class="col-12 col-md-1- col-lg-8 text-center">
<!-- Heading -->
<h1 class="sblue">
<h2 class="sblue h1">
Find an IIMTT training centre near you
</h1>
</h2>
<!-- Text -->
<p class=" find1 font-size-lg text-white-80 mb-6 mb-md-8">
@@ -845,9 +841,9 @@ include("_navbar.php");
<div class="col-12 col-md">
<!-- Heading -->
<h3 class="mb-1 font-weight-bold dblue">
<h2 class="mb-1 font-weight-bold dblue h3">
Get our stories delivered
</h3>
</h2>
<!-- Text -->
<p class="font-size-lg text-muted mb-6 mb-md-0">