<?php
/**
* Template Name: Custom Template
*/
get_header() ; ?>
<!-- Banner Section -->
    <section class="section position-relative"
      style="background-image: url('<?php echo bloginfo('template_directory'); ?>/image/multiethnic-women-with-tattoo-and-coffee-to-go-hol-2024-11-08-08-18-58-utc.jpg'); height: 40vh;">
      <div class="bg-overlay-secondary"></div>
      <div class="b-container h-100 position-relative pt-4 text-white" style="z-index: 2;">
        <div
          class="col-10 d-flex flex-column w-100 h-100 justify-content-center align-items-center text-center text-white gap-3 font-1">
          <h1 class="display-2 mb-0" style="font-weight: 900;"><?php the_title(); ?></h1>
          <nav aria-label="breadcrumb" style="font-weight: 900;">
            <ol class="breadcrumb justify-content-center align-items-center">
              <li class="breadcrumb-item font-1">
                <a class="text-decoration-none text-primary-color" href="<?php echo home_url(); ?>">Home</a>
              </li>
              <li class="breadcrumb-item text-white active" aria-current="page"><?php the_title(); ?></li>
            </ol>
          </nav>
        </div>
      </div>
    </section>
    <!-- #banner end -->
 <div class="section-block">
 <div class="container">
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
the_content();
endwhile; endif; ?>
</div>
</div>
<?php get_footer() ; ?>