Cacher is the code snippet organizer for pro developers

<?php
/**
 * The template for displaying the front page.
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package whiteboard
 */

get_header(); ?>

	<section class="hero-section">
		<div class="container">
			<div class="row justify-content-end">
				<div class="col-md-4 text-light">			
					
					<p>Every day at Employer Flexible, we work with organizations to help them streamline their HR processes — so they can focus on what matters most.</p>
					
					<a class="btn btn-medium-turquoise btn-lg text-light" href="#">Call To Action</a>				
				</div> <!-- .col-md-6 -->
			</div> <!-- .row -->
		</div> <!-- .container -->
	</section> <!-- .hero-section -->
	
	<section class="section-main section-solutions pt-5 pb-5">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<div class="solution-item">
						<img class="mx-auto" src="<?php echo get_template_directory_uri(); ?>/img/icon-hr-solutions-color.png">
						
						<h2 class="text-center mt-3">HR Solutions</h2>
						
						<hr>
						
						<p>It's more than taking the burden of HR off your shoulders.</p>
						
						<div class="row">
							<div class="col-md-6">
								<ul class="list-unstyled">
									<li><a href="#">HR Services</a></li>
									<li><a href="#">Employee Benefits</a></li>
									<li><a href="#">Payroll Management</a></li>
								</ul>
							</div> <!-- .col-md-6 -->
							
							<div class="col-md-6">
								<ul class="list-unstyled">
									<li><a href="#">Risk Management</a></li>
									<li><a href="#">Dedicated Recruitment</a></li>
								</ul>
							</div> <!-- .col-md-6 -->
						</div> <!-- .row -->
					</div> <!-- .solution-item -->
				</div> <!-- .col-md-6 -->
				
				<div class="col-md-6">
					<div class="solution-item">
						<img class="mx-auto" src="<?php echo get_template_directory_uri(); ?>/img/icon-recruitment-solutions-color.png">
						
						<h2 class="text-center mt-3">Recruitment Solutions</h2>	
						
						<hr>
						
						<p>We help you find the perfect match to achieve your vision.</p>	
						
						<div class="row">
							<div class="col-md-6">
								<ul class="list-unstyled">
									<li><a href="#">RPO</a></li>
									<li><a href="#">Professional Search</a></li>
									<li><a href="#">Sourcing</a></li>
								</ul>
							</div> <!-- .col-md-6 -->
							
							<div class="col-md-6">
								<ul class="list-unstyled">
									<li><a href="#">Consulting</a></li>
									<li><a href="#">Research</a></li>
								</ul>							
							</div>
						</div> <!-- .row -->
					</div> <!-- .solution-item -->
				</div> <!-- .col-md-6 -->
			</div> <!-- .row -->
		</div> <!-- .container -->
	</section>
	
	<section class="section-cta pt-4 pb-4 text-light">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					
					<p class="mb-0">If you'd like to explore how Employer Flexible can support you,<br> please contact us.</p>
				</div> <!-- .col-md-8 -->
				
				<div class="col-md-4">
					<a class="btn btn-lg btn-mexican-red mt-2" href="#">Contact Us</a>	
				</div> <!-- .col-md-4 -->
			</div> <!-- .row -->
		</div>	 <!-- .container -->
	</section> <!-- .section-cta -->
	
	<section class="section-contact pt-4 pb-4">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<h3>Lorem Ipsum Dolor</h3>
					
					<?php // echo do_shortcode('[contact-form-7 id="23" title="Home Contact Form"]'); ?>
					<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
		
				</div> <!-- .col-md-6 -->
				
				<div class="col-md-6">
					<div class="row">
						<div class="col-md-3">
							<img src="<?php echo get_template_directory_uri(); ?>/img/icon-app-empflex.png">	
						</div> <!-- .col-md-4 -->
						
						<div class="col-md-9">
							<p class="h3">The EF-myHR Mobile App</p>
							
							<p>The All-in-One Employer Flexible App</p>
							
							<p><strong>Learn More and Share <i class="fa fa-arrow-circle-right"></i></strong></p>
						</div> <!-- .col-md-9 -->
					</div> <!-- .row -->
					
					<img class="mx-auto mt-5" src="<?php echo get_template_directory_uri(); ?>/img/badge-app-store-download.png">	
					
					<img class="mx-auto mt-3" src="<?php echo get_template_directory_uri(); ?>/img/badge-google-play-download.png">	
				</div> <!-- .col-md-6 -->
			</div> <!-- .row -->
		</div> <!-- .container -->
	</section> <!-- .section-contact -->
	
	

<?php get_footer(); ?>