front-page.php 3.04 KB
<?php


// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;

get_header();
$container = get_theme_mod( 'understrap_container_type' );

if ( is_front_page() ) {
	get_template_part( 'global-templates/hero' );
}

$wrapper_id = 'full-width-page-wrapper';
if ( is_page_template( 'page-templates/no-title.php' ) ) {
	$wrapper_id = 'no-title-page-wrapper';
}

$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'full' ); 
?>


	
<?php
 if ( has_post_thumbnail() ) { ?>
 <div class='home-header-moibile'>
 <?php echo get_the_post_thumbnail( $post->ID, 'large' ); ?>
 </div>
<div class='home-header' style=" background-image: url('<?php echo $url;?> ')">
	<div class="content-container">
		<?php the_field('header_text'); ?>
		</div>
</div>
	
<?php } ?>

<div class="wrapper home-page" id="<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?>">

	<div class="<?php echo esc_attr( $container ); ?>" id="content">

		<div class="row">

			<div class="col-md-12 content-area" id="primary">

				<main class="site-main" id="main" role="main">

					<?php
					while ( have_posts() ) {
						the_post();
						get_template_part( 'loop-templates/content', 'page' );

						// If comments are open or we have at least one comment, load up the comment template.
						if ( comments_open() || get_comments_number() ) {
							comments_template();
						}
					}
					?>

				</main>

			</div><!-- #primary -->

		</div><!-- .row -->

	</div><!-- #content -->

</div><!-- #<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?> -->
<div class="modal fade" id="contest_popup" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h2 class="modal-title" id="exampleModalLabel">Thank you for your entry!</h2>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
	  5 winners will be drawn on . If you’re one of them (fingers crossed), we’ll be in touch! For full giveaway details, go to <a href="https://stellervista.ca/giveaway-details/">Giveaway Details.</a>

      </div>
      <div class="modal-footer">
        <button type="button" class="contest-close" data-bs-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="contact_popup" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h2 class="modal-title" id="exampleModalLabel">Thank you!</h2>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
	 

      </div>
      <div class="modal-footer">
        <button type="button" class="contest-close" data-bs-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
<?php
get_footer();