<?php
/* Template Name: about */
get_header();
while ( have_posts() ) :
	the_post();
	//if(get_post_thumbnail_id(get_the_ID())) {
	//	echo '<img src="'.wp_get_attachment_url( get_post_thumbnail_id(get_the_ID()), 'full' ).'" class="img-responsive" style="width: 100%;">';
	//}
?>
<div class="pageme"><h1><?php the_title(); ?></h1></div>
<div class="container mt-3">
	<div class="row">
		<div class="col-sm-12">
            <!-- About 1 - Bootstrap Brain Component -->
            <section class="py-3 py-md-5">
                <div class="container">
                    <div class="row gy-3 gy-md-4 gy-lg-0 align-items-lg-center">
                    <div class="col-12 col-lg-6 col-xl-5">
                        <img class="img-fluid rounded" loading="lazy" src="https://greenbrissie.com/wp-content/themes/efb-garden/assets/images/greenbrisie1.jpg" alt="About 1">
                    </div>
                    <div class="col-12 col-lg-6 col-xl-7">
                        <div class="row justify-content-xl-center">
                        <div class="col-12 col-xl-11">
                            <h2 class="mb-3">Who Are We?</h2>
                            <p class="lead fs-4 text-secondary mb-3">We at Green Brissie offers a range of services to keep residential and commercial gardens healthy and beautiful</p>
                            <p class="mb-5">These services may include regular mowing, edging, and trimming, weeding and pruning, fertilizing and pest control, aerating and dethatching lawns, installing and maintaining irrigation systems, and planting and maintaining flower beds and shrubs.</p>
                            <div class="row gy-4 gy-md-0 gx-xxl-5X">
                            <div class="col-12 col-md-6">
                                <div class="d-flex">
                                <div class="me-4 text-primary">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16">
                                    <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z" />
                                    </svg>
                                </div>
                                <div>
                                    <h2 class="h4 mb-3">Time Savings</h2>
                                    <p class="text-secondary mb-0"> Outsourcing garden maintenance frees up valuable time for homeowners and businesses.</p>
                                </div>
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="d-flex">
                                <div class="me-4 text-primary">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-fire" viewBox="0 0 16 16">
                                    <path d="M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-1.25 2C11 4 9 .5 6 0c.357 2 .5 4-2 6-1.25 1-2 2.729-2 4.5C2 14 4.686 16 8 16Zm0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 10.5c-.375-1.25.5-3.25 2-3.5-.179 1-.25 2 1 3 .625.5 1 1.364 1 2.25C11 14 9.657 15 8 15Z" />
                                    </svg>
                                </div>
                                <div>
                                    <h2 class="h4 mb-3">Professional Expertise</h2>
                                    <p class="text-secondary mb-0">Experienced professionals possess the knowledge and skills to maintain gardens</p>
                                </div>
                                </div>
                            </div>
                            </div>
                        </div>
                        </div>
                    </div>
                    </div>
                </div>
            </section>
			<?php the_content(); ?>
		</div>
	</div>
</div>
<?php
endwhile;
get_footer();