<?php /* Template Name: Blog detail Page */
get_header();
?>
<section class="sub-bnr blog-details">
        <div class="container custom-container">
            <div class="content-area">
           <?php  $title = get_the_title(); // Get the dynamic blog title
            if (strpos($title, ':') !== false) {
                // Split the title into two parts if a colon is present
                $parts = explode(':', $title);
                ?>
                <div class="title">
                    <?php echo esc_html($parts[0]); // Display the first part ?>
                    <span class="nxt"><?php echo esc_html($parts[1]); ?></span>
                </div>
                <?php
            } else {
                // Display the title as it is if no colon is found
                ?>
                <div class="title"><?php echo esc_html($title); ?></div>
                <?php
            } ?>
                <div class="date-blog sub-title"><span></span><?php echo get_the_date('M j, Y'); ?><span></span></div>
            </div>
            <!-- <div class="bnr-img">
                <img src="<?php echo get_template_directory_uri(); ?>/img/service-detail-bnr-img.png" alt="">
            </div> -->
        </div>
    </section>

    <section class="blog-details-blk">
        <div class="container custom-container">
            
            <div class="content-area">
            <?php the_excerpt(); ?>
            </div>
            <div class="img-blk-full">
                <img src="<?php echo get_template_directory_uri(); ?>/img/blog-dtl-img1.png" alt="">
                <div class="txt"><?php echo get_the_title(); ?></div>
            </div>
             
            <div class="content-area">
            <?php the_content(); ?>
            </div>
            
        </div>
    </section>


    <section class="logo-slider-sec">
        <div class="logo-slider">
            <div class="logo-slide">
                <div class="inner">
                    <img src="<?php echo get_template_directory_uri(); ?>/img/logo-1.svg" alt="">
                </div>
            </div>
            <div class="logo-slide">
                <div class="inner">
                    <img src="<?php echo get_template_directory_uri(); ?>/img/logo-2.svg" alt="">
                </div>
            </div>
            <div class="logo-slide">
                <div class="inner">
                    <img src="<?php echo get_template_directory_uri(); ?>/img/logo-3.svg" alt="">
                </div>
            </div>
            <div class="logo-slide">
                <div class="inner">
                    <img src="<?php echo get_template_directory_uri(); ?>/img/logo-4.svg" alt="">
                </div>
            </div>
        </div>
    </section>

<?php get_footer(); ?>