<?php /* Template Name: About Page Template */ get_header(); ?>
<style>
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');
</style>
	<main role="main">
	    <?php $backgroundImg = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>
		<div class="header-wrap" style="background: linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(168, 169, 173, 0.3)), url('<?php echo $backgroundImg[0]; ?>') no-repeat center center; min-height: 450px; padding-top: 20%;">
        <div class="container"><div class="row"><div class="col-lg-12 align-self-baseline">
        <h1 class="entry-title"><?php the_title(); ?></h1>
        <?php
            if ( function_exists('yoast_breadcrumb') ) {
                yoast_breadcrumb( '<p id=“breadcrumbs”>','</p><p>' );
            }
        ?>
        </div></div></div>
    </div>
		<!-- section -->
	
		    
		<section>

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

			<!-- article -->
			<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

				<?php the_content(); ?>

				<?php comments_template( '', true ); // Remove if you don't want comments ?>

				<span class="clear"></span>

				<?php edit_post_link(); ?>

			</article>
			<!-- /article -->

		<?php endwhile; ?>

		<?php else: ?>

			<!-- article -->
			<article>

				<h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>

			</article>
			<!-- /article -->

		<?php endif; ?>

		</section>
		<!-- /section -->
 </main>


<?php get_footer(); ?>
