File: /www/wwwroot/ahmsolaiman.com/wp-content/themes/ahm/front-page.php
<?php
// Exit if accessed directly
if (!defined('ABSPATH')) exit;
/**
*Full Content Template
Template Name: Home
*@file home.php
*@package ahm
*@author Md Rabiul Islam Robin
*@copyright 2025
*@license
*@version 1.0
*@filesource ahm/home.php
*@since ahm 1.0
*/
get_header();
?>
<!-----------------------------------------------
Hero Thumb
------------------------------------------------->
<section
class="hero-thumb fix bg-cover"
style="background-image: url(<?php echo get_template_directory_uri(); ?>/image/bg.jpg)">
<div class="arrow-shape float-baby-y">
<img src="<?php echo get_template_directory_uri(); ?>/image/angle-arrow.png" alt="This is Arrow Shape" />
</div>
<div class="star-shape float-baby-y">
<img src="<?php echo get_template_directory_uri(); ?>/image/star.png" alt="this is star image" />
</div>
<div class="hero-social-info">
<li><a href="<?php echo get_post_meta($homeId, 'wpcf-facebook-url', true); ?>">Facebook</a></li>
<li><a href="<?php echo get_post_meta($homeId, 'wpcf-twitter-url', true); ?>">Twitter</a></li>
<li><a href="<?php echo get_post_meta($homeId, 'wpcf-instagram-url', true); ?>">Instagram</a></li>
<li><a href="<?php echo get_post_meta($homeId, 'wpcf-youtube-url', true); ?>">Youtube</a></li>
</div>
<div class="hero-banner container-fluid container-lg">
<div class="row align-items-center">
<div class="col-md-6 order-2 order-md-1">
<div class="hero-banner-thumb">
<div class="hero-banner-img">
<img src="<?php echo get_post_meta($homeId, 'wpcf-hero-banner-image', true); ?>" alt="" />
<div class="hero-shape-img">
<img src="<?php echo get_template_directory_uri(); ?>/image/bg-shape.png" alt="" />
</div>
</div>
</div>
</div>
<div class="col-md-6 order-1 order-md-2">
<div class="hero-content">
<span class="hero-content-image d-flex" data-aos="fade-down" data-aos-duration="900"><img src="<?php echo get_template_directory_uri(); ?>/image/star-2.png" alt="This is hero Star image" />Hey
There!</span>
<div class="txt-wrapper" data-aos="fade-left" data-aos-duration="900">
<div class="static-txt">I'm <?php echo get_post_meta($homeId, 'wpcf-hero-name', true); ?></div>
<div class="dynamic-txt">
<li><span><?php echo get_post_meta($homeId, 'wpcf-first-position', true); ?></span></li>
<li><span><?php echo get_post_meta($homeId, 'wpcf-seccond-position', true); ?></span></li>
</div>
</div>
<p class="hero-pera">
<?php echo get_post_meta($homeId, 'wpcf-hero-description', true); ?>
</p>
<div class="hero-wrapper-btn">
<div>
<a
href="<?php echo get_post_meta($homeId, 'wpcf-hero-resume', true); ?>" download
class="hero-btn">Download CV
<span class="rot-90"><i class="fa-solid fa-arrow-up"></i></span>
</a>
</div>
<div>
<a
href="<?php echo get_post_meta($homeId, 'wpcf-reel-url', true); ?>"
target="_blank"
class="hero-youtube-btn">
<span class="h-y-btn-b"><i class="fa-solid fa-play"></i></span>
<span class="h-y-btn">Show Reel</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-----------------------------------------------
Marque Section
------------------------------------------------->
<section class="marquee-section fix">
<div class="marquee-container">
<div class="marquee-wrapper">
<div class="marquee-content d-flex">
<?php
$marquees = get_post_meta($post->ID, 'wpcf-marquee-positions', false);
foreach ($marquees as $item) { ?>
<div class="marquiee-text">
<img src="<?php echo get_template_directory_uri(); ?>/image/star-3.png" alt="This is star image" />
<h3><?php echo $item; ?></h3>
</div>
<?php } ?>
</div>
<div class="marquee-content d-flex">
<?php
$marquees = get_post_meta($post->ID, 'wpcf-marquee-positions', false);
foreach ($marquees as $item) { ?>
<div class="marquiee-text">
<img src="<?php echo get_template_directory_uri(); ?>/image/star-3.png" alt="This is star image" />
<h3><?php echo $item; ?></h3>
</div>
<?php } ?>
</div>
</div>
</div>
</section>
<!-----------------------------------------------
About-banner
------------------------------------------------->
<section id="about">
<div class="about-container fix">
<div class="container">
<div class="about-wrapper">
<div class="random-shape float-bob-x">
<img src="<?php echo get_template_directory_uri(); ?>/image/random-shape.png" alt="This is random image" />
</div>
<div class="star-about float-bob-y">
<img src="<?php echo get_template_directory_uri(); ?>/Image/star-(1).png" alt="" />
</div>
<div class="row align-items-center">
<div class="col-lg-6">
<div class="about-content">
<div class="about-title">
<div class="about-top-title">
<img src="<?php echo get_template_directory_uri(); ?>/Image/star-2.png" alt="" />About Me
</div>
<h2>
<?php echo get_post_meta($homeId, 'wpcf-about-banner-title', true); ?>
<span class="txt-clr"><?php echo get_post_meta($homeId, 'wpcf-about-color-title', true); ?></span>
</h2>
<p><?php echo get_post_meta($homeId, 'wpcf-about-banner-name', true); ?></p>
<p class="a-p">
<?php echo get_post_meta($homeId, 'wpcf-about-banner-description', true); ?>
</p>
</div>
<div class="about-project-experience">
<div class="experience-year">
<h4><?php echo get_post_meta($homeId, 'wpcf-professional-experience-years', true); ?></h4>
<h3>Years of Professional Experience</h3>
</div>
<div class="experience-year">
<h4 class="e-m"><?php echo get_post_meta($homeId, 'wpcf-teaching-experience-years', true); ?></h4>
<h3>Years of Teaching Experience</h3>
</div>
</div>
<div class="about-btn">
<div>
<a href="#resume" class="about-m-btn">
About Me
<span class="rot-95"><i class="fa-solid fa-arrow-up"></i></span>
</a>
</div>
<div class="about-call-btn">
<div class="btn-call">
<img src="<?php echo get_template_directory_uri(); ?>/image/phone.svg" alt="This is Phone Logo" />
</div>
<div class="btn-call-content">
<h2>Phone</h2>
<h4><?php echo get_post_meta($homeId, 'wpcf-office-phone', true); ?></h4>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 d-flex justify-content-center">
<div class="about-banner-image">
<img src="<?php echo get_post_meta($homeId, 'wpcf-about-banner-image', true); ?>" alt="" />
<div class="man-bg-shape">
<img src="<?php echo get_template_directory_uri(); ?>/image/bg-shape-2.png" alt="" />
</div>
<div class="shape-left float-bob-x d-block align-items-center">
<div class="research-b-img d-flex align-items-center gap-2">
<img src="<?php echo get_post_meta($homeId, 'wpcf-bottom-add-image', true); ?>" alt="" />
<h2><?php echo get_post_meta($homeId, 'wpcf-bottom-add-countup', true); ?></h2>
</div>
<p><?php echo get_post_meta($homeId, 'wpcf-about-bottom-add-title', true); ?></p>
</div>
<div class="shape-right float-bob-y d-block align-items-center">
<div class="research-b-img d-flex align-items-center gap-2">
<img src="<?php echo get_post_meta($homeId, 'wpcf-top-add-image', true); ?>" alt="" />
<h2><?php echo get_post_meta($homeId, 'wpcf-top-add-countup', true); ?></h2>
</div>
<p><?php echo get_post_meta($homeId, 'wpcf-about-top-add-title', true); ?></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-----------------------------------------------
Experience Part
------------------------------------------------->
<section class="experience-section section-bg fix" id="resume">
<div class="random-shape float-bob-x">
<img src="<?php echo get_template_directory_uri(); ?>/image/random-shape.png" alt="This is random image" />
</div>
<div class="container-lg">
<div class="ex-section-title mb-5">
<h2 class="ex-front" data-aos="zoom-out-up" data-aos-duration="1500">Resume</h2>
<p data-aos="zoom-out-up" data-aos-duration="1500">
<img src="Image/star-2.png" alt="" />My Experience
<span class="section-title-border"></span>
</p>
</div>
<div class="experience-wrapper">
<?php $args = array(
'posts_per_page' => $postPerPage,
'post_type' => 'experience',
'post_status' => 'publish',
'orderby' => 'date',
'order' => 'ASC'
);
$glance = new wp_query($args);
if ($glance->have_posts()) :
while ($glance->have_posts()) : $glance->the_post(); ?>
<div class="experience-item" data-aos="fade-up" data-aos-duration="1500">
<span><?php echo get_post_meta($post->ID, 'wpcf-experience-start-date', true); ?></span>
<div class="ex-content">
<h2><?php echo $post->post_title; ?></h2>
<h3><?php echo get_post_meta($post->ID, 'wpcf-experience-organization-location', true); ?></h3>
</div>
<h6><?php echo get_post_meta($post->ID, 'wpcf-experience-end-date', true); ?></h6>
</div>
<?php endwhile;
endif;
wp_reset_postdata(); ?>
</div>
</div>
</section>
<!-----------------------------------------------
Award Part
------------------------------------------------->
<section class="award-section fix">
<div class="trophy">
<img src="<?php echo get_template_directory_uri(); ?>/image/trophy.png" alt="trophy.png" />
</div>
<div class="a-star-shape float-bob-x d-md-block d-none">
<img src="<?php echo get_template_directory_uri(); ?>/image/star.png" alt="This is Star png" />
</div>
<div class="container">
<div class="award-wrapper">
<div class="row g-4">
<div class="col-md-6">
<div class="title-section">
<span class="d-flex align-items-center"><img src="<?php echo get_template_directory_uri(); ?>/image/star-2.png" alt="" />Awards</span>
<h2><span class="clr-g">Awards</span> & Recognition</h2>
</div>
</div>
<?php $args = array(
'posts_per_page' => $postPerPage,
'post_type' => 'award',
'post_status' => 'publish',
'orderby' => 'date',
'order' => 'DESC'
);
$glance = new wp_query($args);
if ($glance->have_posts()) :
while ($glance->have_posts()) : $glance->the_post(); ?>
<div class="col-md-6">
<div class="award-item">
<div class="content">
<div class="icon">
<img src="<?php echo get_template_directory_uri(); ?>/image/award first.svg" alt="" />
</div>
<div class="award-text">
<h3><?php echo $post->post_title; ?></h3>
<span><?php echo get_post_meta($post->ID, 'wpcf-award-date', true); ?></span>
</div>
</div>
<div class="icon">
<img src="image/founder.svg" alt="" />
</div>
</div>
</div>
<?php endwhile;
endif;
wp_reset_postdata(); ?>
</div>
</div>
</div>
</section>
<!-----------------------------------------------
CoursesS Part
------------------------------------------------->
<section class="courses-section fix" id="Courses">
<div class="random-s-left float-bob-y">
<img src="<?php echo get_template_directory_uri(); ?>/Image/random-shape.png" alt="This is random shape image" />
</div>
<div class="courses-container container">
<div class="ex-section-title mb-5">
<h2 class="ex-front">Courses</h2>
<p>
<img src="Image/star-2.png" alt="" />Categories
<span class="section-title-border"></span>
</p>
</div>
<div class="courses-wrapper">
<?php
$args = array(
'post_type' => 'courses', // Toolset custom post type
'posts_per_page' => 6,
'orderby' => 'meta_value_num', // numeric value er jonno
'order' => 'ASC'
);
$portfolio_query = new WP_Query($args);
if ($portfolio_query->have_posts()):
while ($portfolio_query->have_posts()): $portfolio_query->the_post();
?>
<div class="courses-item d-sm-flex align-items-sm-center" data-aos="fade-up" data-aos-duration="1500">
<div class="head">
<span><?php echo get_post_meta($post->ID, 'wpcf-courses-count', true); ?></span>
</div>
<div class="text"><?php echo the_title() ?></div>
<div class="courses-l-btn">
<i class="fa-solid fa-arrow-right"></i>
<a href="<?php the_permalink(); ?>">Read More</a>
</div>
</div>
<?php
endwhile;
wp_reset_postdata();
else:
echo '<p>No portfolio items found.</p>';
endif;
?>
</div>
</div>
</section>
<!-----------------------------------------------
Protfolio Part
------------------------------------------------->
<section class="protfolio-section fix" id="protfolio">
<div class="protfolio-wrapper">
<div class="p-title-bar">
<h3><img src="<?php echo get_template_directory_uri(); ?>/image/star-2.png" alt=""><?php echo get_post_meta($post->ID, 'wpcf-portfolio-title', true); ?></h3>
<p><?php echo get_post_meta($post->ID, 'wpcf-portfolio-subtitle', true); ?></p>
</div>
<div class="protfolio-conent">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<!-- Slide item-->
<?php
$args = array(
'post_type' => 'portfolios', // Toolset custom post type
'posts_per_page' => 16,
'orderby' => 'meta_value_num', // numeric value er jonno
'order' => 'ASC'
);
$portfolio_query = new WP_Query($args);
if ($portfolio_query->have_posts()):
while ($portfolio_query->have_posts()): $portfolio_query->the_post();
$categories = get_the_category();
$cat_name = !empty($categories) ? $categories[0]->name : 'Blog';
?>
<div class="swiper-slide">
<div class="card-item">
<div class="card-img" style="background-image: url(<?php
if (has_post_thumbnail()) {
the_post_thumbnail_url('large');
} else {
echo get_template_directory_uri() . '/image/default.jpg';
}
?>);">
<div class="card-text">
<div class="card-text-wrapper">
<span class="card-text-h">
<?php
$terms = wp_get_post_terms(get_the_ID(), 'protfolio-categories'); // Toolset taxonomy slug
if (!empty($terms) && !is_wp_error($terms)) {
// শুধু প্রথম selected category দেখাবে
echo $terms[0]->name;
}
?>
</span>
<div class="card-round"></div>
<div class="card-text-details">
<?php
$parent_id = get_the_ID();
$child_posts = toolset_get_related_posts(
$parent_id,
'portfolio-d-project',
array(
'query_by_role' => 'parent',
'return' => 'post_object'
)
);
$total_items = count($child_posts);
?>
<?php echo $total_items; ?>
</div>
</div>
</div>
</div>
<h2><?php echo the_title() ?></h2>
<div class="card-btn">
<a href="<?php the_permalink(); ?>">Read More <i class="fa-solid fa-angle-right"></i></a>
</div>
</div>
</div>
<?php
endwhile;
wp_reset_postdata();
else:
echo '<p>No portfolio items found.</p>';
endif;
?>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<div class="thesis-wrapper">
<div class="container">
<div class="super-heading">
<h2 class="d-flex align-items-center justify-content-center"><span><img src="image/star-2.png" alt=""></span>Supervised Theses</h2>
<p>"Theses by My Graduate Students"</p>
<div class="thesis-container">
<div class="row">
<div class="col-lg-6 ">
<div class="thesis-box">
<h4><?php echo get_post_meta($post->ID, 'wpcf-degree-1st', true); ?></h4>
<h5 class="t-heading"><?php echo get_post_meta($post->ID, 'wpcf-student-name-1st', true); ?></h5>
<h6>Regisration No: <span><?php echo get_post_meta($post->ID, 'wpcf-regisration-number-1st', true); ?></span></h6>
<div class="t-title">
<h5>Session: <span><?php echo get_post_meta($post->ID, 'wpcf-session-1st', true); ?></span></h5>
<p><?php echo get_post_meta($post->ID, 'wpcf-thesis-title-1st', true); ?></p>
</div>
</div>
</div>
<div class="col-lg-6 ">
<div class="thesis-box">
<h4><?php echo get_post_meta($post->ID, 'wpcf-degree-2nd', true); ?></h4>
<h5 class="t-heading"><?php echo get_post_meta($post->ID, 'wpcf-name-2nd', true); ?></h5>
<h6>Regisration No: <span><?php echo get_post_meta($post->ID, 'wpcf-regisration-number-2nd', true); ?></span></h6>
<div class="t-title">
<h5>Session: <span><?php echo get_post_meta($post->ID, 'wpcf-session-2nd', true); ?></span></h5>
<p><?php echo get_post_meta($post->ID, 'wpcf-thesis-title-2nd', true); ?></p>
</div>
</div>
</div>
</div>
</div>
<div class="t-btn">
<a href="<?php echo get_permalink(98); ?>">Read More <span><i class="fa-solid fa-arrow-up"></i></span></a>
</div>
</div>
</div>
</div>
</section>
<!-----------------------------------------------
Gallery Part
------------------------------------------------->
<section class="gallery-section fix">
<div class="random-s-left float-bob-x">
<img src="<?php echo get_template_directory_uri(); ?>/Image/random-shape.png" alt="This is random shape image" />
</div>
<div class="gallery-wrapper container">
<div class="ex-section-title mb-5">
<h2>Moments</h2>
<p>
<img src="Image/star-2.png" alt="" />Gallery
<span class="section-title-border"></span>
</p>
</div>
<div class="gallery-c-wrapper">
<div class="row">
<div class="col-md-6 d-flex align-items-center">
<div class="g-content">
<h2><span><img src="<?php echo get_template_directory_uri(); ?>/image/star-2.png" alt=""></span><?php echo get_post_meta($homeId, 'wpcf-gallery-title', true); ?><span class="clr-g"><?php echo get_post_meta($homeId, 'wpcf-gallery-color-title', true); ?></span></h2>
<p><?php echo get_post_meta($homeId, 'wpcf-gallery-description', true); ?></p>
</div>
</div>
<div class="col-md-6">
<div class="g-slider-wrapper">
<div class="swiper g-Swiper">
<div class="swiper-wrapper">
<?php
$gellary = get_post_meta($post->ID, 'wpcf-gellary-image', false);
foreach ($gellary as $item) { ?>
<div class="swiper-slide"><img src="<?php echo $item; ?>" alt="Slide 1" /></div>
<?php } ?>
</div>
<div class="swiper-pagination margin-bottom"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>
<!-----------------------------------------------
HOME Script
------------------------------------------------->
<!--_______________ protfolio slide script _____________-->
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 1,
spaceBetween: 20,
pagination: {
el: ".swiper-pagination",
dynamicBullets: true,
clickable: true,
},
breakpoints: {
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
},
speed: 1000,
});
</script>
<!--_______________ Gallery slide script _____________-->
<script>
var swiper = new Swiper(".g-Swiper", {
pagination: {
el: ".swiper-pagination",
dynamicBullets: true,
clickable: true,
},
effect: "cards",
grabCursor: true,
speed: 1000,
});
</script>