<!DOCTYPE html>
<html dir="ltr" lang="en-US">




<head>

	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta charset='utf-8' />
	<link rel="icon" type="image/png" href="/static/images/fav.png">
	<meta name="description" content="The Complete Guide To Growing Food In Your Own Backyard." />
	<!-- Stylesheets
	============================================= -->
	<link
		href="https://fonts.googleapis.com/css?family=Cookie|Open+Sans:400,600,700,800,900|Poppins:300,400,500,600,700|Playfair+Display:400,400i,700,700i,900"
		rel="stylesheet">
	<link rel="stylesheet" href="/static/CACHE/css/output.fed1d604da27.css" type="text/css">
	<style>
		.page-transition-wrap {
			display: none;
		}
		#wrapper {
			opacity: 1 !important;
		}
	</style>
	<script src="/static/js/lazysizes.min.js" async></script>
	<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1114557511049859"
     crossorigin="anonymous"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	
	
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158641247-1"></script>
	<script>

		window.dataLayer = window.dataLayer || [];
		function gtag() { dataLayer.push(arguments); }
		gtag('js', new Date());

		

		gtag('config', 'UA-158641247-1');

		

	</script>
	

	<script src="/static/CACHE/js/output.a8526fb7bb5d.js"></script>
	<!-- Document Title
	============================================= -->
	<title>The Home Garden</title>
	<meta property="og:title" content="The Home Garden">
	<meta property="og:image"
		content="https://thehomegarden.com/static/images/hero/hero2.jpg">
	<style>
		.swiper_wrapper .swiper-container {
			position: relative;
			width: 100%;
			height: 100%;
			margin: 0;
			background: url('/static/images/pattern2.png') repeat;
		}

		.dark #page-title.page-title-pattern {
			background-image: url('/static/images/pattern2.png');
		}
	</style>



</head>

<body class=" stretched">

	<!-- Document Wrapper
	============================================= -->
	<div id="wrapper" class="clearfix">

		<!-- Header
		============================================= -->
		<div id="top-bar">

			<div class="container clearfix">

				<div class="col nobottommargin">

					<!-- Top Links
					============================================= -->
					<div class="top-links" style="font-weight: bold;">
						<a href="/">Home</a>
						<a href="/about/">About</a>
						<a href="/blogs/whygrowyourown/">Why Grow Your Own?</a>
						<a href="/contact/">Contact</a>
						
						<a href="/accounts/login/">Login</a>
						
					</div><!-- .top-links end -->
					<style>
						.top-links a:not(:last-child) {
							border-right: #e4e4e4 solid 1px;
						}

						.top-links a {
							color: black !important;
							padding: 15px;
						}

						.top-links a:hover {
							color: #1ABC9C !important;
						}
					</style>
				</div>

			</div>

		</div>

		<header id="header">

			<div id="header-wrap" class="">

				<div class="container-fluid clearfix">

					<div id="primary-menu-trigger" style="background-image: url(/static/images/menu.png);
					background-repeat: no-repeat;
					background-size: cover;
					border-radius: 50px; -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.08);
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.08);"></div>
					<!-- Primary Navigation
					============================================= -->
					<nav id="primary-menu" class="style-2">

						<div id="menu-outer">
							<div class="menutable">
								<ul id="horizontal-list" style="display: inline-block; text-align: center;">
									<li><a href="/">
											<div class="font-secondary" style="font-size: 34px; text-transform: none;">
												The Home Garden</div>
										</a></li>
									<li><a href="/plants/">
											<div>Growing Guides</div>
										</a></li>
									<li><a href="/guides/">
											<div>Preparing Your Garden</div>
										</a></li>
									<li><a href="/blog/">
											<div>Kitchen & Garden
											</div>
										</a></li>
									<li><a href="/design/">
											<div>Garden Design
											</div>
										</a></li>

										<li><a href="/resources/">
											<div>Resources</div>
										</a></li>
										<li><a href="/fun/">
											<div>Garden Quiz</div>
										</a></li>
									<li><a href="/maintenance/">
											<div>Maintaining your garden</div>
										</a></li>
									<li><a href="/helpers/">
											<div>Beneficial Insects</div>
										</a></li>
									<li><a href="/pests/">
											<div>Pests</div>
										</a></li>
									<li><a href="/diseases/">
											<div>Diseases</div>
										</a></li>
									<li><a href="/ask/">
											<div>Ask A Question</div>
										</a></li>
									
									<li><a href="/join/">
											<div style="color: #129279;">Join</div>
										</a></li>
									
								</ul>
							</div>
						</div>
						<div class="mobileheader">
							<p style="padding: 15px; margin: 0; text-align: center;"><a href="/"><span
										class="font-secondary"
										style="font-size: 34px; text-transform: none; color: black;">The Home
										Garden</span></a></p>
						</div>

						<ul class="mobilemenumenu sf-js-enabled">
							<div class="mobile-links" style="text-align: center;">

								<a href="/about/" style="color: black;">About</a>
								<a href="/blogs/whygrowyourown/" style="color: black;">Why Grow Your Own?</a>
								<a href="/contact/" style="color: black;">Contact</a>
								
								<a href="/accounts/login/">Login</a>
								

							</div><!-- .top-links end -->
							<li><a href="/">
									<div class="font-secondary" style="font-size: 34px; text-transform: none;">
										The Home Garden</div>
								</a></li>
							<li><a href="/plants/">
									<div>Growing Guides</div>
								</a></li>
							<li><a href="/guides/">
									<div>Preparing Your Garden</div>
								</a></li>
							<li><a href="/blog/">
									<div>Kitchen & Garden</div>
								</a></li>
							<li><a href="/design/">
									<div>Garden Design</div>
								</a></li>

							<li><a href="/resources/">
									<div>Resources</div>
								</a></li>

							<li><a href="/fun/">
									<div>Garden Quiz</div>
								</a></li>

							<li><a href="/maintenance/">
									<div>Maintaining your garden</div>
								</a></li>
							<li><a href="/helpers/">
									<div>Beneficial Insects</div>
								</a></li>
							<li><a href="/pests/">
									<div>Pests</div>
								</a></li>
							<li><a href="/diseases/">
									<div>Diseases</div>
								</a></li>
							<li><a href="/ask/">
									<div>Ask A Question</div>
								</a></li>

							
							<li><a href="/join/">
									<div style="color: #129279;">Join</div>
								</a></li>
							
						</ul>


						<style>
							.mobile-links {
								line-height: 26px;
							}

							.mobile-links a {
								margin: 5px;
								border-bottom: black solid 1px;
							}

							.freeicon {
								height: 23px;
								width: 23px;
								position: absolute;
								right: -6px;
								top: -2px;
							}

							.mfreeicon {
								height: 23px;
								width: 23px;
								position: absolute;
								right: 10px;
								top: 25%;
							}
						</style>


					</nav><!-- #primary-menu end -->

				</div>

			</div>

		</header>

		
		


<section id="slider" style="z-index: 2;" class="homeherobg slider-element slider-parallax clearfix" data-effect="fade"
  data-loop="true" data-autoplay="6000" data-speed="1400">

  <div class="swiper-container swiper-parent">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <div class="container-fluid dark clearfix">
          <div class="row">
            <div class="col"
              style="background-image: url('/static/images/hero/hero3.jpg'); background-size: cover; background-position: center center;">
              <img class="lazyload" style="opacity: 0;" src="/static/images/tempimage.jpg"
                data-src="/static/images/hero/hero1.jpg" alt="Hero3">
            </div>
            <div class="col"
              style="border-left: 5px solid white; background-image: url('/static/images/hero/hero1.jpg'); background-size: cover; background-position: center center;">
              <img class="lazyload" style="opacity: 0;" src="/static/images/tempimage.jpg"
                data-src="/static/images/hero/hero1.jpg" alt="Hero1">
            </div>
            <div class="col"
              style="border-left: 5px solid white; background-image: url('/static/images/hero/hero2.jpg'); background-size: cover; background-position: center center;">
              <img class="lazyload" style="opacity: 0;" src="/static/images/tempimage.jpg"
                data-src="/static/images/hero/hero2.jpg" alt="Hero2">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</section>

<section class="homeherosm" style="z-index: 2;">
  <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img class="d-block w-100 lazyload" data-src="/static/images/hero/hero1.jpg" alt="Second slide">
      </div>
      <div class="carousel-item">
        <img class="d-block w-100 lazyload" data-src="/static/images/hero/hero2.jpg" alt="Third slide">
      </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>

</section>
<script>
  jQuery(document).ready(function () {
    jQuery('.carousel').carousel({
      interval: 3500
    })
  });
</script>
		

		

<!-- Content
		============================================= -->
<section id="content" style="overflow: visible; z-index: 2;">


    <div class="content-wrap" style="padding: 0px;">

        <div class="section nomargin clearfix" style="padding: 40px 0;">
            <div class="container clearfix">

                <div class="nobottomborder bottommargin-sm" style="text-align: center;">
                    <h1
                        style="text-align: center; font-family: 'Poppins',sans-serif; text-transform: capitalize; font-weight: 400 !important; padding-bottom: 5px; font-size: 30px; font-weight: 800; line-height: 40px;">
                        The complete guide to growing food in your own backyard</h1>
                    <h2
                        style="color: #1ABC9C;; text-align: center; font-family: 'Poppins',sans-serif; text-transform: capitalize; font-weight: 400; font-size: 40px; line-height: 45px; padding-top: 20px;">
                        Suitable for gardeners worldwide</h2>

                </div>

                <div class="row clearfix">
                    <div class="col bottommargin-sm">
                        <div class="feature-box media-box" style="text-align: center; max-width: 400px">
                            <img class="lazyload" style="height: 100px; padding:20px;"
                                data-src="/static/icons/bee.png" alt="Organic">

                            <h3 style="font-size: 22px;">Organic Gardening</h3>
                            <p style="font-size: 18px;">How to grow and maintain your own organic garden</p>
                        </div>
                    </div>

                    <div class="col bottommargin-sm">
                        <div class="feature-box media-box" style="text-align: center; max-width: 400px">
                            <img class="lazyload" style="height: 100px; padding:20px;"
                                data-src="/static/icons/notes.png" alt="Guides">
                            <h3 style="font-size: 22px;">Growing Guides</h3>
                            <p style="font-size: 18px;">Grow a variety of foods with our fuss-free growing guides</p>
                        </div>
                    </div>

                    <div class="col bottommargin-sm">
                        <div class="feature-box media-box" style="text-align: center; max-width: 400px">
                            <img class="lazyload" style="height: 100px; padding:20px;"
                                data-src="/static/icons/question.png" alt="Troubleshooting">
                            <h3 style="font-size: 22px;">Troubleshooting</h3>
                            <p style="font-size: 18px;">Troubleshoot pests and diseases by using our handy charts and
                                guides</p>
                        </div>
                    </div>
                </div>


            </div>
        </div>

        <div class="clear"></div>

        <div class="section nobottommargin notopmargin" style="padding: 40px 0; border-top: 1px solid #EEE;     background: white;
                    border-bottom: 1px solid #EEE">
            <div class="container clearfix">
                <div class="center nobottommargin nobottomborder">

                    <h2 class="" style="font-family: 'Poppins',sans-serif; text-transform: capitalize; font-weight: 400;">
                        <a href="/blog/">Our Home & Garden Tips</a></h2>
                </div>
            </div>
        </div>




        <div class="section dessert-menu nomargin nopadding">


            <div class="container-fluid" style="padding-bottom: 30px; padding-top: 30px;">
                <div class="row align-items-stretch clearfix">

                    
                    <div class="plant-item col-md-3 col-6 bottommargin-sm">
                        <div class="ipost clearfix">

                            <div class="entry blogitem">
                                <div class="entry-image nobottommargin">
                                    <a href="/blogs/spinach-leek-feta-roll/">
                                        <img class="lazyload" class="image_fade"
                                            src="/static/images/tempimage.jpg"
                                            data-src="/media/CACHE/images/static/imgs/blogs/rollsq/c7eea18ea1ce01cddf3d45f159fa7e9b.jpg" alt="Image spinach-leek-feta-roll"
                                            style="opacity: 1;">
                                    </a>
                                </div>
                                <div class="entry-title" style="height: 100%;">
                                    <div class="clear"></div>
                                    <a href="/blogs/spinach-leek-feta-roll/">
                                        <h2 style="padding-bottom: 10px;">Spinach, Leek and Feta Roll</h2>
                                    </a>
                                    <p>Looking for creative ways to use up your home grown greens? Try this&nbsp;delicious&nbsp;Spinach, Leek and Feta Roll.&nbsp;</p>

<p><strong>Ingredients:</strong></p>

<p>4 cups Chard (Silverbe…
                                    <p><a href="/blogs/spinach-leek-feta-roll/">Continue Reading This Blog</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="plant-item col-md-3 col-6 bottommargin-sm">
                        <div class="ipost clearfix">

                            <div class="entry blogitem">
                                <div class="entry-image nobottommargin">
                                    <a href="/blogs/zucchinicannelloni/">
                                        <img class="lazyload" class="image_fade"
                                            src="/static/images/tempimage.jpg"
                                            data-src="/media/CACHE/images/static/imgs/blogs/Zucchini_Cannelloni_Bake-23/b9d4ca14694a9d73a58382d567f5a5b5.jpg" alt="Image zucchinicannelloni"
                                            style="opacity: 1;">
                                    </a>
                                </div>
                                <div class="entry-title" style="height: 100%;">
                                    <div class="clear"></div>
                                    <a href="/blogs/zucchinicannelloni/">
                                        <h2 style="padding-bottom: 10px;">Zucchini Cannelloni Bake</h2>
                                    </a>
                                    <p>Have enough home grown Zucchini to feed a village? Try this&nbsp;delicious&nbsp;Zucchini Cannelloni Bake. It will not disappoint!</p>

<p><strong>Ingredients:</strong></p>

<p>500g beef mince<…
                                    <p><a href="/blogs/zucchinicannelloni/">Continue Reading This Blog</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="plant-item col-md-3 col-6 bottommargin-sm">
                        <div class="ipost clearfix">

                            <div class="entry blogitem">
                                <div class="entry-image nobottommargin">
                                    <a href="/blogs/whygrowyourown/">
                                        <img class="lazyload" class="image_fade"
                                            src="/static/images/tempimage.jpg"
                                            data-src="/media/CACHE/images/static/imgs/blogs/IMG_20200217_074034_643/a4a4253a8d9c28bc97e87ec1c5b5ba1b.jpg" alt="Image whygrowyourown"
                                            style="opacity: 1;">
                                    </a>
                                </div>
                                <div class="entry-title" style="height: 100%;">
                                    <div class="clear"></div>
                                    <a href="/blogs/whygrowyourown/">
                                        <h2 style="padding-bottom: 10px;">Why Grow Your Own?</h2>
                                    </a>
                                    <p>Growing your own food has many health benefits both physically and mentally. The nutrients you receive from eating home grown produce are second to none. Being amongst nature is also great for the…
                                    <p><a href="/blogs/whygrowyourown/">Continue Reading This Blog</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="plant-item col-md-3 col-6 bottommargin-sm">
                        <div class="ipost clearfix">

                            <div class="entry blogitem">
                                <div class="entry-image nobottommargin">
                                    <a href="/blogs/containergardening/">
                                        <img class="lazyload" class="image_fade"
                                            src="/static/images/tempimage.jpg"
                                            data-src="/media/CACHE/images/static/imgs/blogs/IMG_20200521_201006_394_rnKC0Ec/38c43b9de56afd7c0080417f9c0a14b8.jpg" alt="Image containergardening"
                                            style="opacity: 1;">
                                    </a>
                                </div>
                                <div class="entry-title" style="height: 100%;">
                                    <div class="clear"></div>
                                    <a href="/blogs/containergardening/">
                                        <h2 style="padding-bottom: 10px;">Gardening Without A Garden</h2>
                                    </a>
                                    <p>Dreaming of an edible garden but don&rsquo;t have much space to work with? That&rsquo;s OK, you don&rsquo;t even need a garden to start gardening! Keep reading for some great tips on how to garden…
                                    <p><a href="/blogs/containergardening/">Continue Reading This Blog</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
                <div class="" style="text-align: center;">
                    <a href="/blog/" class="button btn">More Home & Garden Blogs</a>
                </div>
                <script>
                    jQuery(function () {
                        jQuery('.blogitem').matchHeight();
                    });
                    window.onresize = function () {
                        jQuery('.blogitem').matchHeight();
                    }
                </script>
            </div>


        </div>

        <div class="clear"></div>




    </div>

    <div class="section nobottommargin notopmargin" style="padding: 40px 0; border-top: 1px solid #EEE;     background: white;
                    border-bottom: 1px solid #EEE">
        <div class="container clearfix">
            <div class="center nobottommargin nobottomborder">

                <h2 class="" style="font-family: 'Poppins',sans-serif; text-transform: capitalize; font-weight: 400;"><a
                        href="/plants/">Most Popular Growing Guides</a></h2>
            </div>
        </div>
    </div>


    <div class="section food-menu nopadding" style="margin: 0px;">
        <div class="container-fluid" style="padding-bottom: 30px; padding-top: 30px;">
            <div class="row align-items-stretch clearfix">

                
                <div class="plant-item  col-md-3 col-6 bottommargin-sm">
                    <div class="ipost clearfix">
                        <a href="/guide/chilli/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">
                                    
                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/media/CACHE/images/static/imgs/plants/20190315_150918/969aaa99158bcb3a475c76e3bec9c40d.jpg" alt="Image chilli"
                                        style="opacity: 1;">
                                    
                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Chilli</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                
                <div class="plant-item  col-md-3 col-6 bottommargin-sm">
                    <div class="ipost clearfix">
                        <a href="/guide/zucchini/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">
                                    
                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/media/CACHE/images/static/imgs/plants/IMG_20210120_212242_071/db4aae078f1ff7b86e67b1e6d1eb2b5a.jpg" alt="Image zucchini"
                                        style="opacity: 1;">
                                    
                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Zucchini</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                
                <div class="plant-item  col-md-3 col-6 bottommargin-sm">
                    <div class="ipost clearfix">
                        <a href="/guide/eggplant/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">
                                    
                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/media/CACHE/images/static/imgs/plants/IMG_20191223_214110_534/eb365329bf5b5031fa6cf291b9b62a52.jpg" alt="Image eggplant"
                                        style="opacity: 1;">
                                    
                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Eggplant</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                
                <div class="plant-item  col-md-3 col-6 bottommargin-sm">
                    <div class="ipost clearfix">
                        <a href="/guide/pomegranate/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">
                                    
                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/media/CACHE/images/static/imgs/plants/IMG_20191031_191535_704/d8778df75575a138468a8ae76ef030c0.jpg" alt="Image pomegranate"
                                        style="opacity: 1;">
                                    
                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Pomegranate</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                
                <div class="plant-item  col-md-3 col-6 bottommargin-sm">
                    <div class="ipost clearfix">
                        <a href="/guide/pumpkin/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">
                                    
                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/media/CACHE/images/static/imgs/plants/pumpkin_3/c5b18933cd77bbd93c0de3d43b73eba9.jpg" alt="Image pumpkin"
                                        style="opacity: 1;">
                                    
                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Pumpkin</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                
                <div class="plant-item  col-md-3 col-6 bottommargin-sm">
                    <div class="ipost clearfix">
                        <a href="/guide/broccoli/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">
                                    
                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/media/CACHE/images/static/imgs/plants/20151018_123317_1/8d521167a0813cd2638ab2875733b2c4.jpg" alt="Image broccoli"
                                        style="opacity: 1;">
                                    
                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Broccoli</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                
                <div class="plant-item  col-md-3 col-6 bottommargin-sm">
                    <div class="ipost clearfix">
                        <a href="/guide/cucumber/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">
                                    
                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/media/CACHE/images/static/imgs/plants/IMG_20201125_211238_384/425f35d85441c22dd7eda901c2292dce.jpg" alt="Image cucumber"
                                        style="opacity: 1;">
                                    
                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Cucumber</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                
                <div class="plant-item  col-md-3 col-6 bottommargin-sm">
                    <div class="ipost clearfix">
                        <a href="/guide/tomato/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">
                                    
                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/media/CACHE/images/static/imgs/plants/IMG_20191120_212558_743_UEzLNRX/948fa8da13f84525d94917447b353621.jpg" alt="Image tomato"
                                        style="opacity: 1;">
                                    
                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Tomato</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                
            </div>
            <div class="" style="text-align: center;">
                <a href="/plants/" class="button btn">More Growing Guides</a>
            </div>
        </div>
    </div>

    <div class="clear"></div>

    <div class="section nobottommargin notopmargin" style="padding: 40px 0; border-top: 1px solid #EEE;     background: white;
        border-bottom: 1px solid #EEE">
        <div class="container clearfix">
            <div class="center nobottommargin nobottomborder">

                <h2 class="" style="font-family: 'Poppins',sans-serif; text-transform: capitalize; font-weight: 400;"><a
                        href="/plants/">Resources</a></h2>
            </div>
        </div>
    </div>


    <div class="section nopadding" style="margin: 0px;">
        <div class="container-fluid" style="padding-bottom: 30px; padding-top: 30px;">
            <div class="row clearfix justify-content-center">


                <div class="plant-item col-md-2 col-6 bottommargin-sm col-centered">

                    <div class="ipost clearfix">
                        <a href="/resources/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">

                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/static/resources/THGCoolSeasonCropPoster.png" alt="Image Resource 1"
                                        style="opacity: 1;">

                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Cool Season Crops Poster</h2>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>

                <div class="plant-item col-md-2 col-6 bottommargin-sm col-centered">

                    <div class="ipost clearfix">
                        <a href="/resources/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">

                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/static/resources/THGWarmSeasonCropPoster.png" alt="Image Resource 1"
                                        style="opacity: 1;">

                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Warm Season Crops Poster</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="plant-item col-md-2 col-6 bottommargin-sm col-centered">

                    <div class="ipost clearfix">
                        <a href="/resources/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">

                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/static/resources/THGHerbPoster.png" alt="Image Resource 1"
                                        style="opacity: 1;">

                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Herb Poster</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="plant-item col-md-2 col-6 bottommargin-sm col-centered">
                    <div class="ipost clearfix">
                        <a href="/resources/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">

                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/static/resources/THGEdibleFlowersPoster.png" alt="Image Resource 1"
                                        style="opacity: 1;">

                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Edible Flowers Poster</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="plant-item col-md-2 col-6 bottommargin-sm col-centered">
                    <div class="ipost clearfix">
                        <a href="/resources/">
                            <div class="entry">
                                <div class="entry-image nobottommargin">

                                    <img class="lazyload" class="image_fade" src="/static/images/tempimage.jpg"
                                        data-src="/static/resources/THGEdibleWeedsPoster.png" alt="Image Resource 1"
                                        style="opacity: 1;">

                                </div>
                                <div class="entry-title">
                                    <div class="clear"></div>
                                    <h2 class="nobottommargin">Edible Weeds Poster</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="" style="text-align: center;">
                <a href="/resources/" class="button btn">More Growing Resources</a>
            </div>
        </div>
    </div>

    <div class="clear"></div>

    <div class="section nobottommargin notopmargin" style="padding: 40px 0; border-top: 1px solid #EEE;     background: white;
                    border-bottom: 1px solid #EEE">
        <div class="container clearfix">
            <div class="center nobottommargin nobottomborder">

                <h2 class="nott font-secondary ls0"><a rel="noopener" target="_blank"
                        href="https://www.instagram.com/thehomegarden/">Find us on Instagram</a></h2>
            </div>
        </div>
    </div>

    <div class="clear"></div>
</section><!-- #content end -->

<style>
    .instagram_username,
    .instagram_biography {
        text-align: center !important;
    }

    .instagram_username {
        padding-top: 20px;
    }

    .instagram-image img {
        border-radius: 5px !important;
    }

    h3 a {
        color: #333;
    }

    h3 a:hover {
        color: #1ABC9C;
    }

    @media (max-width: 992px) {
        .col-6 {
            padding: 7px;
        }

        .row {
            padding: 7px;
        }

        .blogitem .entry-title p {
            display: none;
        }
    }
</style>



		<!-- Footer
		============================================= -->
		<footer id="footer" class="dark"
			style="background: url('/static/images/footer-bg.jpg')  repeat center center / cover; background-size: auto 100%;; padding: 50px 0 22px">

			<!-- Copyrights
			============================================= -->
			<div id="copyrights" class="nobg">

				<div class="container clearfix">
					<div class="row">
						<div class="col-md-4 nobottommargin" style="text-align: center; padding-bottom: 30px;">

							<span class="font-primary">&copy; The Home Garden Au. All Rights Reserved.</span>

						</div>

						<div class="col-md-8 nobottommargin" style="text-align: center;">
							<div class="copyrights-menu copyright-links fright clearfix">

								<a href="/">Home</a> | <a href="/about/">About</a> | <a href="/contact/">Contact</a> | <a
									href="/privacy/">Privacy Policy</a> | <a href="/terms/">Terms & Conditions</a> | <a
									href="/disclaimer/">Disclaimer</a> | <a href="/sitemap/">Sitemap</a>

							</div>
						</div>
					</div>

				</div>

			</div><!-- #copyrights end -->

		</footer><!-- #footer end -->

	</div><!-- #wrapper end -->

	<!-- Go To Top
	============================================= -->
	<div id="gotoTop" style="background-image: url(/static/images/up.png);
	background-repeat: no-repeat;
	background-size: cover;">

	</div>

	<style>
		.arrow-up {
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;

			border-bottom: 5px solid black;
		}
	</style>

	<!-- External JavaScripts
	============================================= -->
	<script src="/static/CACHE/js/output.6c9e7b3fb90f.js"></script>
<script src="/static/CACHE/js/output.dad05efa704c.js" async></script>

	<link href="https://fonts.googleapis.com/css?family=Satisfy&display=swap" rel="stylesheet">

	<style>
		.lazyload,
		.lazyloading {
			opacity: 0;
			transition: opacity 600ms;
		}

		img.lazyloaded {
			opacity: 1;
		}
	</style>


</body>

</html>

