<?php

get_header();
?>


		<?php
		while ( have_posts() ) :
			the_post();

			?>
			 <!-- Start Breadcrumb 
    ============================================= -->
    <div class="breadcrumb-area text-center shadow dark bg-fixed text-light" style="background-image: url(<?php echo get_field('web_banner'); ?>);">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <h1><?php echo get_field('banner_title'); ?></h1>
                    <ul class="breadcrumb">
                        <li><a href="<?php echo site_url() ?>"><i class="fas fa-home"></i> <?php the_title() ?></a></li>
                        <li class="active">Product</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Breadcrumb -->

    <div class="about-content-area overflow-hidden inc-shape default-padding">
    <!-- Illustration -->
    <div class="illustration">
        <img src="<?php echo get_template_directory_uri() ?>/assets/img/shape/4.png" alt="Illustration">
    </div>
    <!-- Illustration -->
    <div class="container">
        <div class="row">

            <div class="col-lg-6 info">
                <div class="content wow fadeInLeft" data-wow-delay="300ms">
                    <h2 class="area-title"><?php the_title() ?></h2>
                    <?php the_content() ?>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="thumb">
                    <img class="wow fadeInRight" data-wow-delay="700ms" src="<?php the_post_thumbnail_url(); ?>" alt="Thumb">
                </div>
            </div>

        </div>
    </div>
</div>


<?php endwhile ?>
<?php
get_footer();
?>