File: /var/www/americahealthline.com/wp-content/themes/americahealthhaven/single.php
<?php
/**
* The template for displaying all single posts Blog
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
*
* @package WordPress
* @subpackage americahealthhaven
* @since americahealthhaven
*/
get_header(); ?>
<!-- banner area start -->
<section class="slider-sec">
<div class="slider-container">
<button class="slider-arrow left" id="left-arrow">←</button>
<div class="slider">
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/Anxiety Disorders.jpg" alt="Leo">
<p>Today: You need to get out there and socialize...</p>
</div>
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/begenire-guide.jpg" alt="Aquabats">
<p>Events Near You: The Aquabats!</p>
</div>
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/Boost Your Mood.jpg" alt="AI Chat">
<p>AI Chat: What habit could improve my week?</p>
</div>
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/Depressive Disorders.jpg" alt="Watch">
<p>What to Watch: Happy Gilmore 2</p>
</div>
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/Building Resilience After Trauma.jpg" alt="History">
<p>Today in History: 'Animal House' hits theaters</p>
</div>
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/Building Resilience After Trauma.jpg" alt="Play Creators">
<p>Play Creators: 275K plays</p>
</div>
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/begenire-guide.jpg" alt="Aquabats">
<p>Events Near You: The Aquabats!</p>
</div>
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/Boost Your Mood.jpg" alt="AI Chat">
<p>AI Chat: What habit could improve my week?</p>
</div>
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/Depressive Disorders.jpg" alt="Watch">
<p>What to Watch: Happy Gilmore 2</p>
</div>
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/Building Resilience After Trauma.jpg" alt="History">
<p>Today in History: 'Animal House' hits theaters</p>
</div>
<div class="slider-item">
<img src="<?php echo bloginfo('template_directory'); ?>/image/Building Resilience After Trauma.jpg" alt="Play Creators">
<p>Play Creators: 275K plays</p>
</div>
</div>
<button class="slider-arrow right" id="right-arrow">→</button>
</div>
</section>
<section class="banner-sec">
<div class="container">
<div class="row">
<div class="banner-main-div" style="background:url('<?php echo bloginfo('template_directory'); ?>/image/about-landing-banner.png');background-repeat: no-repeat;
object-fit: cover;background-position: center;">
<!--<h1>Home of Trusted Health Information</h1>-->
<div class="social-links-main">
<div class="container">
<div class="d-flex justify-content-center ">
<div class="col-box mx-3">
<a href="">
<i class="fab fa-ebay"></i>
</a>
</div>
<div class="col-box mx-3">
<a href="">
<i class="fas fa-envelope"></i>
</a>
</div>
<div class="col-box mx-3">
<a href="">
<i class="fas fa-store"></i>
</a>
</div>
<div class="col-box mx-3">
<a href="">
<i class="fas fa-book"></i>
</a>
</div>
<div class="col-box mx-3">
<a href="">
<i class="fab fa-youtube"></i>
</a>
</div>
<div class="col-box mx-3">
<a href="">
<i class="fab fa-facebook"></i>
</a>
</div>
<div class="col-box mx-3">
<a href="">
<i class="fab fa-whatsapp"></i>
</a>
</div>
<div class="col-box mx-3">
<a href="">
<i class="fab fa-linkedin"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- banner area end -->
<?php
/* Start the Loop */
while ( have_posts() ) :
the_post();
?>
<section class="news-sec mt-5">
<div class="container">
<div class="row">
<!--Start Blog Details Content-->
<div class="col-xl-8">
<div class="blog-details__content">
<div class="blog-list-page__single">
<div class="blog-list-page__single-content">
<h2><?php the_title(); ?></h2>
</div>
</div>
<div class="blog-details__content-text2 is-blog-post">
<?php echo the_content(); ?>
</div>
</div>
</div>
<!--End Blog Details Content-->
<!--Start Sidebar-->
<!--Start Sidebar-->
<div class="col-xl-4">
<aside class="sidebar px-3 pt-4">
<!-- Latest Blog Posts Widget -->
<div class="sidebar__widget mb-5">
<div class="widget-title border-bottom pb-2 mb-3">
<h4 class="mb-0">Latest News</h4>
</div>
<ul class="sidebar__post-list list-unstyled">
<?php
$args = array(
'numberposts' => 9, // Show only latest 5
'post_type' => 'post',
'post_status' => 'publish',
);
$recent_posts = wp_get_recent_posts($args);
foreach ($recent_posts as $recentpost) {
?>
<li class="d-flex mb-3">
<div class="sidebar__post-image flex-shrink-0 me-3">
<?php $blog_image = wp_get_attachment_url(get_post_thumbnail_id($recentpost["ID"])); ?>
<img src="<?php echo esc_url($blog_image); ?>" alt="<?php echo esc_attr($recentpost["post_title"]); ?>" class="img-fluid rounded" style="width: 80px; height: 80px; object-fit: cover;">
</div>
<div class="sidebar__post-content">
<h6 class="mb-1 fw-semibold">
<a href="<?php echo get_permalink($recentpost["ID"]); ?>" class="text-dark text-decoration-none">
<?php echo esc_html($recentpost["post_title"]); ?>
</a>
</h6>
<small class="text-muted">
<i class="fa fa-calendar me-1"></i>
<?php echo get_the_date('M d, Y', $recentpost["ID"]); ?>
</small>
</div>
</li>
<?php } wp_reset_query(); ?>
</ul>
</div>
</aside>
</div>
<!--End Sidebar-->
</div>
</div>
</section>
<?php
endwhile;
get_footer();