<section id="page-title" class="page-title-parallax page-title-center page-title-dark"
         style="background: url('<?= theme("assets/images/bg1.jpg")?>') no-repeat center center / cover; max-height: 400px; padding: 100px 0; margin-top: 0" >
<!--    <div class="overlay overlay-black-medium bg-dark-gray opacity-medium"></div>-->

<div class="container clearfix">
        <h1 style="line-height: 1em"><?= $pageTitle->title ?></h1>
        <span><?= $pageTitle->subtitle ?></span>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="<?= url()?>">Home</a></li>
            <?php
            $i=1;
            foreach ($breadcrumb as $b):
                if($b[1] == "#" || $b[1] == ""):
                    echo "<li class='breadcrumb-item" .($i == count((array)$breadcrumb) ? " active" : ""). "' aria-current='page'>{$b[0]}</li>";
                else:
                    echo "<li class='breadcrumb-item" .($i == count((array)$breadcrumb) ? " active" : ""). "' aria-current='page'><a href='" .$b[1]. "'>{$b[0]}</a></li>";

                endif;
                $i++;
                ?>
            <?php endforeach; ?>
        </ol>
    </div>

</section><!-- #page-title end -->