<!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/flowersandherbs/">
                                        <img class="lazyload" class="image_fade"
                                            src="/static/images/tempimage.jpg"
                                            data-src="/media/CACHE/images/static/imgs/blogs/IMG_20190914_191809_061/dd7ae1d83d27e44743d0a62021c14a1e.jpg" alt="Image flowersandherbs"
                                            style="opacity: 1;">
                                    </a>
                                </div>
                                <div class="entry-title" style="height: 100%;">
                                    <div class="clear"></div>
                                    <a href="/blogs/flowersandherbs/">
                                        <h2 style="padding-bottom: 10px;">Edible Flowers and Herbs</h2>
                                    </a>
                                    <p>Edible flowers and herbs are a great addition to your home garden.&nbsp;Not only do they look and smell amazing but they also boast an array of benefits, including benefits to your health, the suc…
                                    <p><a href="/blogs/flowersandherbs/">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/bananapeppers/">
                                        <img class="lazyload" class="image_fade"
                                            src="/static/images/tempimage.jpg"
                                            data-src="/media/CACHE/images/static/imgs/blogs/bananap2/dc9dd30a2395887af2d2a5b648202ad4.jpg" alt="Image bananapeppers"
                                            style="opacity: 1;">
                                    </a>
                                </div>
                                <div class="entry-title" style="height: 100%;">
                                    <div class="clear"></div>
                                    <a href="/blogs/bananapeppers/">
                                        <h2 style="padding-bottom: 10px;">Growing Banana Peppers</h2>
                                    </a>
                                    <p>Besides their cute factor, Banana Peppers are pretty easy to grow! These short lived perennials&nbsp;enjoy growing in warm temperatures, and&nbsp;while the plants&nbsp;despise cold weather they ca…
                                    <p><a href="/blogs/bananapeppers/">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/seasonalplanting/">
                                        <img class="lazyload" class="image_fade"
                                            src="/static/images/tempimage.jpg"
                                            data-src="/media/CACHE/images/static/imgs/blogs/IMG_20200318_210234_739/9bc051e83f8b8710c24e52bf85047dd2.jpg" alt="Image seasonalplanting"
                                            style="opacity: 1;">
                                    </a>
                                </div>
                                <div class="entry-title" style="height: 100%;">
                                    <div class="clear"></div>
                                    <a href="/blogs/seasonalplanting/">
                                        <h2 style="padding-bottom: 10px;">Seasonal Planting</h2>
                                    </a>
                                    <p>Most crops are seasonal, meaning they will grow best at certain&nbsp;times of the year&nbsp;and will either die off or stop producing at the end of that season. Planting seedlings and sowing seeds…
                                    <p><a href="/blogs/seasonalplanting/">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/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>
                <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/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/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/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 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/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/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/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>
            <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>

