<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script async src="https://www.google-analytics.com/analytics.js"></script>
    <title>House Plans | Home Floor Plans &amp; Designs | Houseplans.com</title>

  <meta name="description" content="Shop nearly 40,000 house plans, floor plans & blueprints & build your dream home design. Custom layouts & cost to build reports available. Low price guaranteed.">

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="114x114" href="/favicon-114x114.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="72x72" href="/favicon-72x72.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="apple-mobile-web-app-title" content="Houseplans">
<meta name="application-name" content="Houseplans">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f2723a">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Houseplans">
  <link rel="canonical" href="https://www.houseplans.com">
  <link href="/common/static/lib/common/stylesheets/slick-1.8.1.min.css" rel="stylesheet">
  <link href="/common/static/lib/common/stylesheets/slick-theme-1.8.1.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/public/gen/style/houseplans.bundle.css?v=9130b2cc2a">
  <link rel="stylesheet" href="/public/gen/style/blog.bundle.css?v=9130b2cc2a">
  <script>
  _affirm_config = {
    public_api_key:  "ZB2KFMY89L69RDB2",
    script:          "https://cdn1.affirm.com/js/v2/affirm.js"
  };
  (function(m,g,n,d,a,e,h,c){var b=m[n]||{},k=document.createElement(e),p=document.getElementsByTagName(e)[0],l=function(a,b,c){return function(){a[b]._.push([c,arguments])}};b[d]=l(b,d,"set");var f=b[d];b[a]={};b[a]._=[];f._=[];b._=[];b[a][h]=l(b,a,h);b[c]=function(){b._.push([h,arguments])};a=0;for(c="set add save post open empty reset on off trigger ready setProduct".split(" ");a<c.length;a++)f[c[a]]=l(b,d,c[a]);a=0;for(c=["get","token","url","items"];a<c.length;a++)f[c[a]]=function(){};k.async=
    !0;k.src=g[e];p.parentNode.insertBefore(k,p);delete g[e];f(g);m[n]=b})(window,_affirm_config,"affirm","checkout","ui","script","ready","jsReady");
</script>
      <script>
    window.grumi = {
      key: '5ef7483a-01f6-456c-946a-d1fe640769e7'
    };
  </script>
  <script src="//rumcdn.geoedge.be/5ef7483a-01f6-456c-946a-d1fe640769e7/grumi-ip.js" async></script>
  <script src="/common/static/lib/common/javascripts/jquery-3.5.1.min.js"></script>
  <script async src="https://www.googletagservices.com/tag/js/gpt.js"></script>
<script async src="/common/static/lib/common/javascripts/prebid5.13.0.min.js"></script>
<script src="/public/gen/ads.bundle.js?v=9130b2cc2a"></script>
    <script type="text/javascript">
    window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])};
    heap.load("2370000137", {
      disableTextCapture: true
    });
          </script>
  </head>
<body class="bg-body font-body text-default-color md:overflow-visible">
  <div class="w-full">
    <div class="text-center bg-black">
      </div>
    <div class="relative bg-black text-right">
    <nav class=" max-w-5xl mx-auto  flex items-center justify-between flex-wrap py-1">
      <div class="items-center flex-shrink-0 text-white sm:ml-2 pl-2"><a href="/"><img width="181" height="28" class="logo-with-text" src="/public/img/logo.svg?v=9130b2cc2a" alt="House Plans Logo" title="Houseplans.com"></a></div>
      <div class="block sm:hidden mt-1">
                <a class="relative mt-0 mr-3 inline-block text-white font-thin hover:text-white no-underline hover:underline" href="tel:1-800-913-2350">1-800-913-2350</a>
      </div>
      <div class="plan-search w-full hidden sm:flex flex-grow sm:flex sm:items-end sm:w-auto">
        <div class="text-sm sm:flex-grow">
                    <div class="flex items-center justify-end flex-nowrap py-2 mr-2 mr-4 plan-search-height">
            <div>
              <a class="relative block mr-4 sm:inline-block sm:mt-0 text-white font-thin hover:text-white no-underline hover:underline call-p-l" href="tel:1-800-913-2350"><img width="14" height="14" src="/public/img/icon-hpphone.svg?v=9130b2cc2a" class="inline-block -mt-px mr-1 mini-icon" alt="Call Houseplans"><span class="call-us-at-text">Call us at&nbsp;</span> 1-800-913-2350</a>
            </div>
            <form action="/search" autocomplete="off">
              <div class="input-group">
                <input class="py-1 px-2 text-black bg-gray-100 border focus:bg-white plan-search-height inside-focus-custom" name="hwpn" placeholder="ENTER PLAN #" type="text">
                <button class="pt-1px px-2 text-black bg-gray-300 border border-gray-300 rounded-tr rounded-br text-xs plan-search-height inside-focus-custom" type="submit">GO</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </nav>
  </div>
</div>
<div class="header-menubar w-auto sticky top-0 z-40 bg-gray-800">
    <div class="flex justify-end flex-nowrap pl-1 md:hidden relative">
    <div class="absolute left-0 pt-1 md:hidden">
      <button class="flex items-center ml-2 mr-1 px-2 py-1 text-white border rounded border-gray-300 hover:text-white focus:outline-none" id="hamburgerMenu">
        <svg class="fill-current inline-block h-5 w-4" viewBox="0 0 480 359.09"><defs><style>.cls-1{fill:none;stroke:#f1f1f1;stroke-linecap:round;stroke-width:60px;}</style></defs><title>icon-hamburger</title><line class="cls-1" x1="30" y1="30" x2="450" y2="30"/><line class="cls-1" x1="30" y1="179.55" x2="450" y2="179.55"/><line class="cls-1" x1="30" y1="329.09" x2="450" y2="329.09"/></svg>
      </button>
    </div>
          <a class="block sm:inline-block sm:mt-0 text-xs text-white hover:text-white no-underline hover:bg-gray-700 py-3 px-1 pr-4" href="/account/register?redirectUrl=">REGISTER</a>
              <a class="block sm:inline-block sm:mt-0 text-xs text-white hover:text-white no-underline hover:bg-gray-700 py-3 px-1 pr-sm-3" href="/account/login?redirectUrl=">LOGIN</a>
        <a class="block sm:inline-block sm:mt-0 text-xs text-white hover:text-white no-underline hover:bg-gray-700 py-3 pl-3 pr-0 pr-sm-2 relative" href="/save">
      SAVED
              <img width="11" height="10" src="/public/img/icon-save-header-heart-white.svg?v=9130b2cc2a" class="relative inline-block mini-icon mini-icon-hpsearch" style="top: -1px; width: 11px;" alt="No Saved Plans">
          </a>
    <a class="flex md:inline-flex items-center sm:mt-0 text-xs text-white hover:text-white no-underline hover:bg-gray-700 py-3 px-3" href="/cart">
      CART&nbsp;
              <img width="20" height="16" src="/public/img/icon-cart-white-empty.svg?v=9130b2cc2a" class="relative inline-block mini-icon mini-icon-hpsearch" style="top: -1px;" alt="Empty Cart">
          </a>
  </div>
  <div class="menu-wrapper bg-gray-800 z-40 hidden md:block relative pb-2 md:pb-0 shadow-md" id="headerMenu">
    <nav class=" max-w-5xl mx-auto  flex items-center justify-between flex-wrap pt-2 md:pt-0 px-2 pb-2 md:pb-0">
      <div class="w-full block flex-grow md:flex md:items-start md:w-auto">
        <div class="text-sm md:flex-grow cursor-pointer">

          <div class="relative block md:inline-block">
            <a class="block md:hidden md:mt-0 text-xs text-white hover:text-white no-underline md:hover:bg-gray-700 py-3 pl-1 md:pl-2 md:pr-1" href="/">
              HOME
            </a>
          </div>

          <div class="relative block md:inline-block">
            <a class="block md:inline-block md:mt-0 text-xs text-white hover:text-white no-underline md:hover:bg-gray-700 py-3 pl-1 md:pl-2 md:pr-1" href="/search">
              SEARCH <img width="14" height="14" src="/public/img/icon-hpsearch.svg?v=9130b2cc2a" class="inline-block mini-icon mini-icon-hpsearch" style="top: -1px;" alt="Search">
            </a>
          </div>

                                <div class="relative block md:inline-block">
              <div class="dropdown relative block md:inline-block text-xs text-white hover:text-white no-underline md:hover:bg-gray-700 py-3 pl-1"
                   data-url="/collection/design-styles">
                <span class="dropdown-group-menu">
                  <a href="/collection/design-styles" class="menubar-item block md:inline-block uppercase">Styles <svg class="menubar-arrow fill-current inline-block h-4 w-4 -ml-1 -mt-1 transform rotate-90 ie-rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z"/></svg></a>
                </span>
                <div class="dropdown-menu relative md:absolute left-0 hidden">
                  <ul class="bg-gray-700 w-full mt-0 md:mt-2 pb-1">
                                          <li><a href="/collection/barn-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Barndominium</a></li>
                                          <li><a href="/collection/bungalow-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Bungalow</a></li>
                                          <li><a href="/collection/cabin-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Cabin</a></li>
                                          <li><a href="/collection/contemporary-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Contemporary</a></li>
                                          <li><a href="/collection/cottage-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Cottage</a></li>
                                          <li><a href="/collection/country-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Country</a></li>
                                          <li><a href="/collection/craftsman-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Craftsman</a></li>
                                          <li><a href="/collection/farmhouse-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Farmhouse</a></li>
                                          <li><a href="/collection/modern-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Modern</a></li>
                                          <li><a href="/collection/farmhouse-modern" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Modern Farmhouse</a></li>
                                          <li><a href="/collection/ranch-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Ranch</a></li>
                                        <li><a href="/collection/design-styles" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase"><strong>See All Styles</strong></a></li>
                  </ul>
                </div>
              </div>
            </div>
                      <div class="relative block md:inline-block">
              <div class="dropdown relative block md:inline-block text-xs text-white hover:text-white no-underline md:hover:bg-gray-700 py-3 pl-1"
                   data-url="/collection/sizes">
                <span class="dropdown-group-menu">
                  <a href="/collection/sizes" class="menubar-item block md:inline-block uppercase">Sizes <svg class="menubar-arrow fill-current inline-block h-4 w-4 -ml-1 -mt-1 transform rotate-90 ie-rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z"/></svg></a>
                </span>
                <div class="dropdown-menu relative md:absolute left-0 hidden">
                  <ul class="bg-gray-700 w-full mt-0 md:mt-2 pb-1">
                                          <li><a href="/collection/1-bedroom" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">1 Bedroom</a></li>
                                          <li><a href="/collection/2-bedroom-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">2 Bedroom</a></li>
                                          <li><a href="/collection/3-bedroom-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">3 Bedroom</a></li>
                                          <li><a href="/collection/4-bedroom" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">4 Bedroom</a></li>
                                          <li><a href="/collection/duplex-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Duplex</a></li>
                                          <li><a href="/collection/garage-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Garage</a></li>
                                          <li><a href="/collection/mansion-floor-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Mansion</a></li>
                                          <li><a href="/collection/small-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Small</a></li>
                                          <li><a href="/collection/one-story-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">1 Story</a></li>
                                          <li><a href="/collection/2-story-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">2 Story</a></li>
                                          <li><a href="/collection/tiny-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Tiny</a></li>
                                        <li><a href="/collection/sizes" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase"><strong>See All Sizes</strong></a></li>
                  </ul>
                </div>
              </div>
            </div>
                      <div class="relative block md:inline-block">
              <div class="dropdown relative block md:inline-block text-xs text-white hover:text-white no-underline md:hover:bg-gray-700 py-3 pl-1"
                   data-url="/collection/our-favorites">
                <span class="dropdown-group-menu">
                  <a href="/collection/our-favorites" class="menubar-item block md:inline-block uppercase">Our Favorites <svg class="menubar-arrow fill-current inline-block h-4 w-4 -ml-1 -mt-1 transform rotate-90 ie-rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z"/></svg></a>
                </span>
                <div class="dropdown-menu relative md:absolute left-0 hidden">
                  <ul class="bg-gray-700 w-full mt-0 md:mt-2 pb-1">
                                          <li><a href="/collection/builder-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Builder Plans</a></li>
                                          <li><a href="/collection/eco-friendly" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Eco Friendly</a></li>
                                          <li><a href="/collection/family-style-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Family</a></li>
                                          <li><a href="/collection/tiny-house-plans-and-micro-cottages" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Micro Cottages</a></li>
                                          <li><a href="/collection/mid-century-modern-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Mid Century Modern</a></li>
                                          <li><a href="/collection/themed-granny-units" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Mother in Law</a></li>
                                          <li><a href="/collection/open-floor-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Open Floor Plans</a></li>
                                          <li><a href="/collection/simple-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Simple</a></li>
                                          <li><a href="/collection/walkout-basement-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Walkout Basement</a></li>
                                          <li><a href="/collection/wrap-around-porches" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Wrap Around Porches</a></li>
                                        <li><a href="/collection/our-favorites" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase"><strong>See All Our Favorites</strong></a></li>
                  </ul>
                </div>
              </div>
            </div>
                      <div class="relative block md:inline-block">
              <div class="dropdown relative block md:inline-block text-xs text-white hover:text-white no-underline md:hover:bg-gray-700 py-3 pl-1"
                   data-url="/collection/regional">
                <span class="dropdown-group-menu">
                  <a href="/collection/regional" class="menubar-item block md:inline-block uppercase">Regional <svg class="menubar-arrow fill-current inline-block h-4 w-4 -ml-1 -mt-1 transform rotate-90 ie-rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z"/></svg></a>
                </span>
                <div class="dropdown-menu relative md:absolute left-0 hidden">
                  <ul class="bg-gray-700 w-full mt-0 md:mt-2 pb-1">
                                          <li><a href="/collection/alabama-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Alabama</a></li>
                                          <li><a href="/collection/california-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">California</a></li>
                                          <li><a href="/collection/cape-cod" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Cape Cod</a></li>
                                          <li><a href="/collection/florida-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Florida</a></li>
                                          <li><a href="/collection/georgia-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Georgia</a></li>
                                          <li><a href="/collection/north-carolina" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">North Carolina</a></li>
                                          <li><a href="/collection/south-carolina-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">South Carolina</a></li>
                                          <li><a href="/collection/tennessee-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Tennessee</a></li>
                                          <li><a href="/collection/texas" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Texas</a></li>
                                          <li><a href="/collection/virginia-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Virginia</a></li>
                                        <li><a href="/collection/regional" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase"><strong>See All Regional</strong></a></li>
                  </ul>
                </div>
              </div>
            </div>
          
                    <div class="relative block md:inline-block">
            <a class="block md:inline-block md:mt-0 text-xs text-white hover:text-white no-underline md:hover:bg-gray-700 py-2 px-1 text-onsale" href="/onsale"><span style="border-bottom: 2px solid red;">SALE</span></a>
          </div>

                    <div class="relative blog-item-show-hide">
            <div class="dropdown relative block md:inline-block md:mt-0 text-xs text-white hover:text-white no-underline md:hover:bg-gray-700 py-3 pl-1"
                data-url="/blog">
              <span class="dropdown-group-menu">
                <a href="/blog" class="menubar-item block md:inline-block uppercase">BLOG <svg class="menubar-arrow fill-current inline-block h-4 w-4 -ml-1 -mt-1 transform rotate-90 ie-rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z"/></svg></a>
              </span>
              <div class="dropdown-menu relative md:absolute left-0 hidden">
                <ul class="bg-gray-700 w-full mt-0 md:mt-2 pb-1">
                  <li><a href="/blog/tag/4-bedroom-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">4 Bedroom House Plans</a></li>
                  <li><a href="/blog/tag/architecture-and-design" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Architecture &amp; Design</a></li>
                  <li><a href="/blog/tag/barndominium-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Barndominium Plans</a></li>
                  <li><a href="/blog/tag/cost-to-build-a-house-and-building-basics" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Cost to Build a House &amp; Building Basics</a></li>
                  <li><a href="/blog/tag/floor-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Floor Plans</a></li>
                  <li><a href="/blog/tag/garage-plans-and-garage-apartment-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Garage Plans</a></li>
                  <li><a href="/blog/tag/modern-farmhouse-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Modern Farmhouse Plans</a></li>
                  <li><a href="/blog/tag/modern-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Modern House Plans</a></li>
                  <li><a href="/blog/tag/open-floor-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Open Floor Plans</a></li>
                  <li><a href="/blog/tag/small-house-plans" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase">Small House Plans</a></li>
                  <li><a href="/blog" class="block py-3 px-3 text-xs text-white bg-gray-700 hover:bg-gray-600 no-underline uppercase"><strong>See All Blogs</strong></a></li>
                </ul>
              </div>
            </div>
          </div>

        </div>
      </div>
      <div class="w-full block flex-grow md:flex md:items-end md:w-auto text-left md:text-right">
        <div class="hidden md:block text-sm md:flex-grow">
          <div class="block md:hidden">
            <hr class="bg-gray-600 mt-0 mb-0 h-px pb-px">
          </div>
          <div class="pl-2 pt-0">
                          <a class="block md:inline-block md:mt-0 text-xs text-white hover:text-white no-underline hover:bg-gray-700 py-3 px-2" href="/account/register?redirectUrl=">REGISTER</a>
                                      <a class="block md:inline-block md:mt-0 text-xs text-white hover:text-white no-underline hover:bg-gray-700 py-3 px-2" href="/account/login?redirectUrl=">LOGIN</a>
                        <a class="block md:inline-block md:mt-0 text-xs text-white hover:text-white no-underline hover:bg-gray-700 py-3 pl-2 pr-1 relative" href="/save">
              SAVED
                              <img src="/public/img/icon-save-header-heart-white.svg?v=9130b2cc2a" class="relative inline-block mini-icon mini-icon-hpsearch" width="11" height="10" style="top: -1px;" alt="No Saved Plans">
                          </a>
            <a class="flex md:inline-flex md:mt-0 text-xs text-white hover:text-white no-underline hover:bg-gray-700 py-3 px-2 relative" href="/cart">
              CART&nbsp;
                              <img width="20" height="16" class="relative" style="top: -1px;" src="/public/img/icon-cart-white-empty.svg?v=9130b2cc2a" alt="Cart Empty">
                          </a>
          </div>
        </div><!-- Plan # Search (mobile) -->
        <div class="block sm:hidden plan-search mt-1 mb-20">
          <div class="flex items-center justify-center flex-nowrap py-2 mx-2">
            <form action="/search" autocomplete="off">
              <div class="flex">
                <input tabindex="-1" class="py-1 px-2 text-black bg-white border rounded-none rounded-tl rounded-bl border-white focus:border-cta plan-search-height inside-focus-custom" name="hwpn" placeholder="ENTER PLAN #" type="text">
                <button tabindex="-1" class="pl-2 pr-2 text-gray-700 bg-gray-300 focus:outline-none rounded-tr rounded-br plan-search-height" type="submit">GO</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </nav>
  </div>
</div>

    
  <div class="home-carousel-wrapper max-w-5xl mx-auto relative -mb-4">
    <div id="home-carousel" class="w-auto block text-center">
      <div class="slide">
        <div class="inline-block text-black no-underline py-0 w-full">
          <div class="relative w-full">
            <div class="relative overflow-hidden">
              <a href="/onsale">
                <picture>
                  <source media="(max-width:470px)" srcset="https://cdn.houseplansservices.com/banner/tf6o8lgu6hkcgt485a7dl8bv99/w470x189.jpg?v=2">
                  <source media="(min-width:471px) and (max-width:940px)" srcset="https://cdn.houseplansservices.com/banner/tf6o8lgu6hkcgt485a7dl8bv99/w940x378.jpg?v=2">
                  <source media="(min-width:941px)" srcset="https://cdn.houseplansservices.com/banner/tf6o8lgu6hkcgt485a7dl8bv99/stripped.jpg?v=2">
                  <img width="1880" height="756" class="w-full" style="height: auto;" src="https://cdn.houseplansservices.com/banner/tf6o8lgu6hkcgt485a7dl8bv99/stripped.jpg?v=2" onerror="this.src='/public/img/home/carousel-placeholder.png?v=9130b2cc2a';" alt="House Plan Sale - 15% Off Floor Plans">
                </picture>
              </a>
                          </div>
          </div>
        </div>
      </div>
      <div id="search-bar-box" class="relative md:absolute ml-0 w-full top-0 left-0 mt-0 md:mt-1 md:ml-16 md:w-1/3 lg:w-1/4 text-bold text-center">
        <form id="search-form" class="js-home-sqft-search-form js-outbound-form-tracker mvs-wrapper find-form mt-1 pt-1 pb-2 px-3" action="/search" method="GET">
  <input type="hidden" name="src" value="home">
  <input name="mnsqft" type="hidden" value="">
  <input name="mxsqft" type="hidden" value="">

  <ul class="z-30">
    <li class="mt-1 mb-0">Bedrooms</li>
    <li>
      <input type="checkbox" id="bd1" name="bd1" value="true" class="fixed -left-10 w-0 h-0"><label for="bd1" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">1</label>

      <input type="checkbox" id="bd2" name="bd2" value="true" class="fixed -left-10 w-0 h-0"> <label for="bd2" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">2</label>

      <input type="checkbox" id="bd3" name="bd3" value="true" class="fixed -left-10 w-0 h-0"> <label for="bd3" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">3</label>

      <input type="checkbox" id="bd4" name="bd4" value="true" class="fixed -left-10 w-0 h-0"> <label for="bd4" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">4</label>

      <input type="checkbox" id="bd5p" name="bd5p" value="true" class="fixed -left-10 w-0 h-0"> <label for="bd5p" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">5+</label>

    </li>

    <li class="mt-1 mb-0">Bathrooms</li>
    <li>
      <input type="checkbox" id="ba1" name="ba1" value="true" class="fixed -left-10 w-0 h-0"> <label for="ba1" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">1</label>

      <input type="checkbox" id="ba2" name="ba2" value="true" class="fixed -left-10 w-0 h-0"> <label for="ba2" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">2</label>

      <input type="checkbox" id="ba3" name="ba3" value="true" class="fixed -left-10 w-0 h-0"> <label for="ba3" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">3</label>

      <input type="checkbox" id="ba4p" name="ba4p" value="true" class="fixed -left-10 w-0 h-0"> <label for="ba4p" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">4+</label>

      <div class="mt-2 w-full">
        <input type="checkbox" id="ba1h" name="ba1h" value="true" class="fixed -left-10 w-0 h-0"> <label for="ba1h" class="-mt-2 btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">1.5</label>

        <input type="checkbox" id="ba2h" name="ba2h" value="true" class="fixed -left-10 w-0 h-0"> <label for="ba2h" class="-mt-2 btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">2.5</label>

        <input type="checkbox" id="ba3h" name="ba3h" value="true" class="fixed -left-10 w-0 h-0"> <label for="ba3h" class="-mt-2 btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">3.5</label>
      </div>

    </li>
    <li class="mt-1 mb-0">Stories</li>
    <li>
      <input type="checkbox" id="s1" name="s1" value="true" class="fixed -left-10 w-0 h-0"> <label for="s1" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">1</label>

      <input type="checkbox" id="s2" name="s2" value="true" class="fixed -left-10 w-0 h-0"> <label for="s2" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">2</label>
      
      <input type="checkbox" id="s3p" name="s3p" value="true" class="fixed -left-10 w-0 h-0"> <label for="s3p" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">3+</label>
    </li>

    <li class="mt-1 mb-0 hide-garage-if-nec">Garages</li>
    <li class="hide-garage-if-nec">
      <input type="checkbox" id="g0" name="g0" value="true" class="fixed -left-10 w-0 h-0"> <label for="g0" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">0</label>

      <input type="checkbox" id="g1" name="g1" value="true" class="fixed -left-10 w-0 h-0"> <label for="g1" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">1</label>
      
      <input type="checkbox" id="g2" name="g2" value="true" class="fixed -left-10 w-0 h-0"> <label for="g2" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">2</label>

      <input type="checkbox" id="g3p" name="g3p" value="true" class="fixed -left-10 w-0 h-0"> <label for="g3p" class="btn-circle rounded-full bg-white text-xs text-center pt-2 pb-3 inline-block w-full text-bold active:text-white active:bg-cta hover:text-white hover:bg-gray-300">3+</label>
    </li>

    <li class="mt-1 mb-0 block md:hidden lg:block">Sq Ft</li>
    <li class="mvs-sqft block md:hidden lg:block mx-auto">
      <input type="number" name="sqft" inputmode="decimal" class="mvs-sqft__input text-center align-self-center border-0 bg-white focus-custom">
    </li>

    <li class="pt-2 mb-3 md:mb-0">
      <input type="submit" class="btn btn-lg btn-cta w-full rounded-0 max-w-sm mt-1 mx-auto py-2 px-4 focus-custom" value="Search Plans">
    </li>
  </ul>
</form>
      </div>
    </div>
  </div>

      
<div class="support w-full text-center pt-3 mb-5">
  <h1 class="my-4 px-2 mx-auto font-normal text-3xl sm:text-4xl text-gray-800 leading-normal">Search nearly <strong>40,000 floor&nbsp;plans</strong><br>
  and find your dream home today</h1>
</div>    
<div class="max-w-5xl mx-auto bg-gray-100 w-full mt-5 mb-5 flex flex-col lg:flex-row items-center justify-center p-1 pb-6 lg:pb-1 mb-5">
	<p class="px-3 py-3">as seen in</p>
	<img width="230" height="30" src="/public/img/featured-in/press-banner-1.png?v=9130b2cc2a" alt="The Wall Street Journal">
	<img width="181" height="30" src="/public/img/featured-in/press-banner-2.png?v=9130b2cc2a" alt="The New York Times">
	<img width="68" height="30" src="/public/img/featured-in/press-banner-3.png?v=9130b2cc2a" alt="dwell">
	<img width="184" height="30" src="/public/img/featured-in/press-banner-4.png?v=9130b2cc2a" alt="The Washington Post">
</div>
  
  <div class="max-w-5xl mx-auto text-sm bg-white w-full flex flex-col lg:flex-row items-center justify-center border-1 border-gray-100 mb-10">
  <div class="text-center w-full lg:w-1/3 lg:pt-0 pt-3 mb-2 lg:mb-0">
    <h4 class="h4 mb-0">Welcome to Houseplans!</h4>
    <p class="pt-1">Find your dream home today!</p>
    <div class="flex justify-center pt-px">
      <a href="/search" class="h5 pt-3 pb-2 text-secondary hover:text-secondary-alt no-underline">Search from nearly 40,000 plans</a>
    </div> 
  </div>
  <hr class="lg:hidden bg-gray-100 mt-0 mb-1 h-px w-full mx-auto" />
  <div class="lg:hidden mx-auto mt-0 mb-6 w-3/4"></div>
  <div class="self-stretch flex justify-center lg:pt-2 md:border-l md:border-r md:w-1/3 mx-auto md:border-gray-100">
  <a class="affirm-site-modal" data-page-type="banner">
    <img class="mx-auto" src="https://cdn-assets.affirm.com/images/banners/190x100.png" />
  </a>
</div>    <hr class="lg:hidden bg-gray-100 mt-6 mb-2 h-px w-full mx-auto" />
  <div class="text-center w-full lg:w-1/3 mb-10 lg:mb-0">
    <h4 class="h4 mb-0">Know Your Plan Number?</h4>
    <p class="mb-2 pt-1 pb-2">Search for plans by plan number</p>
    <form action="/search" autocomplete="off" id="middle-plan-search" method="get" name="middle-plan-search" class="flex flex-row justify-center lg:pb-2">
      <div class="input-group">
        <input name="hwpn" class="border p-2" placeholder="Enter plan number" type="text">
        <button class="btn btn-sm btn-cta" type="submit">Search</button>
      </div>
    </form>
  </div>
</div>

  <a class="block h-full no-underline bg-white border-1 border-gray-100 mb-5 max-w-5xl mx-auto text-center text-black text-2xl" href="/landing/beginners_guide">
  <div class="flex flex-col md:flex-row">
    <div class="md:w-2/5">
      <img width="410" height="160" class="w-full object-cover max-h-40 lazy" data-src="/public/img/static-content/ads/hw/hw_beginners_guide__home_bg_sm.jpg" alt="12 Steps to Building Your Dream Home">
    </div>
    <div class="md:w-3/5 pt-2 pb-4 align-middle">
        <p class="font-medium pt-1"><span class="text-cta">12 steps</span> to building your dream&nbsp;home</p>
        <p class="pt-1 pb-3 text-lg sm:text-xl md:text-2xl">Download a complete&nbsp;guide</p>
        <span class="btn btn-sm btn-cta w-auto mx-auto">Go to Download</span>
    </div>
  </div>
</a>

  
  <div class="flex flex-wrap justify-between max-w-5xl mx-auto text-center">
    <h2 class="font-medium text-center sm:text-left px-2">Home Plan Collections</h2>
  </div>

  <div class="flex flex-wrap sm:flex-nowrap justify-stretch sm:justify-around justify-items-start max-w-5xl mx-auto text-center">
          <a href="/collection/barn-house-plans" class="w-full block no-underline relative mb-2 ">
  <img class="w-full block lazy"
    width="300" height="200" 
    data-src="https://cdn.houseplansservices.com/product/t7t0f2v2ooikhbi17vhl2cspcr/w300x200.jpg?v=3"
    alt="Barndominium"
    onerror="this.src='/common/static/lib/common/images/placeholder.png?v=9130b2cc2a';">
  <div class="absolute bottom-0 w-full flex-1 bg-black-transparent-50 text-center">
    <div class="py-0 md:py-1 px-2 text-lg text-white text-center">Barndominium</div>
  </div>
</a>
          <a href="/collection/farmhouse-plans" class="w-full block no-underline relative mb-2  sm:mx-2 ">
  <img class="w-full block lazy"
    width="300" height="200" 
    data-src="https://cdn.houseplansservices.com/product/o6rt5a3n2p9gtep7gg71p7h0ih/w300x200.jpg?v=25"
    alt="Farmhouse"
    onerror="this.src='/common/static/lib/common/images/placeholder.png?v=9130b2cc2a';">
  <div class="absolute bottom-0 w-full flex-1 bg-black-transparent-50 text-center">
    <div class="py-0 md:py-1 px-2 text-lg text-white text-center">Farmhouse</div>
  </div>
</a>
          <a href="/collection/modern-house-plans" class="w-full block no-underline relative mb-2 ">
  <img class="w-full block lazy"
    width="300" height="200" 
    data-src="https://cdn.houseplansservices.com/product/6ek8jns2uvt3p24kbigoctc4ih/w300x200.jpg?v=13"
    alt="Modern"
    onerror="this.src='/common/static/lib/common/images/placeholder.png?v=9130b2cc2a';">
  <div class="absolute bottom-0 w-full flex-1 bg-black-transparent-50 text-center">
    <div class="py-0 md:py-1 px-2 text-lg text-white text-center">Modern</div>
  </div>
</a>
      </div>

  <div class="text-right -mt-2 sm:-mt-1 mb-12 max-w-5xl mx-auto">
    <a class="text-secondary hover:text-secondary-alt no-underline px-2 sm:px-3 py-2 sm:py-0 text-sm sm:text-base" href="/collection">Search all Collections &raquo;</a>
  </div>


  
	<div class="w-full flex text-sm max-w-5xl mx-auto text-center text-white bg-gray-900 mt-10 py-2 md:py-3 px-4">
		<div class="flex sm:flex justify-center sm:justify-between w-full sm:pl-3 md:w-1/2">
			<h2 class="inline-block sm:text-left text-md sm:text-3xl leading-none font-light my-0 w-auto sm:pr-5 whitespace-nowrap">Photos from Customers</h2>
			<h3 class="hidden lg:inline-block text-md sm:text-3xl leading-none italic my-0 pl-4 font-bold text-cta uppercase hide-on-ie">New!</h3>
		</div>
		<div class="hidden md:inline-block w-auto md:w-full pt-1 pl-3 text-left">
			<h4 class="text-xs mt-0 mb-2px pt-2px font-bold leading-none">Customer Photo Gallery</h4>
			<div class="text-xs leading-none">Photos from real customers who recently built their new homes</div>
		</div>
	</div>
	<div class="flex flex-wrap sm:flex-nowrap justify-stretch sm:justify-around justify-items-start max-w-5xl mx-auto text-center mb-10 sm:pt-6 sm:pb-3 lg:px-5 bg-white">
				<a href="/plan/2073-square-feet-3-bedroom-2-bathroom-2-garage-traditional-country-craftsman-farmhouse-40960#ugc" ga-event-category="outbound-ugc" class="js-outbound-link-tracker w-full block no-underline relative mb-2 ">
			<img width="300" height="200" src="https://cdn.houseplansservices.com/product/9s6s3cnq4c81rqvu30l0rdp50i/w300x200.jpg?v=3" class="w-full block lazy entered loaded" alt="Craftsman User Generated Plan #430-157">
			<div class="w-full text-center leading-relaxed no-underline text-gray-100 bg-gray-900 border-t-2 border-white">Plan <b>430-157</b></div>
								<div class="text-gray-800 bg-white">Modern ranch</div>
					</a>
				<a href="/plan/4860-square-feet-3-bedroom-3-bathroom-3-garage-modern-contemporary-ranch-sp269264#ugc" ga-event-category="outbound-ugc" class="js-outbound-link-tracker w-full block no-underline relative mb-2  sm:mx-2 ">
			<img width="300" height="200" src="https://cdn.houseplansservices.com/product/f1042mg3be7egqgplmnpoub84p/w300x200.jpg?v=2" class="w-full block lazy entered loaded" alt="Modern User Generated Plan #928-346">
			<div class="w-full text-center leading-relaxed no-underline text-gray-100 bg-gray-900 border-t-2 border-white">Plan <b>928-346</b></div>
								<div class="text-gray-800 bg-white">Cool modern home</div>
					</a>
				<a href="/plan/2327-square-feet-3-bedroom-2-bathroom-2-garage-country-farmhouse-sp256892#ugc" ga-event-category="outbound-ugc" class="js-outbound-link-tracker w-full block no-underline relative mb-2 ">
			<img width="300" height="200" src="https://cdn.houseplansservices.com/product/nur1pkmault3ru2go3cittbu4l/w300x200.jpg?v=3" class="w-full block lazy entered loaded" alt="Country User Generated Plan #21-454">
			<div class="w-full text-center leading-relaxed no-underline text-gray-100 bg-gray-900 border-t-2 border-white">Plan <b>21-454</b></div>
								<div class="text-gray-800 bg-white">Simple elegance</div>
					</a>
			</div>

  
  <div class="w-auto flex justify-center flex-wrap mb-4 p-2 max-w-5xl mx-auto">

    <div class="w-full sm:w-1/3 px-3 text-center mb-5">
      <h4 class="pb-2 font-bold">Houseplans Picks</h4>
      <ul>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/best-selling-house-plans">Best Selling House Plans</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/builder-plans">Builder Plans</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/eco-friendly">Eco Friendly</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/all-photo-plans">House Plans with Pictures</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/simple-house-plans">Simple</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/wrap-around-porches">Wrap Around Porches</a></li>
              </ul>
      <a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/our-favorites">
        See All Houseplans Picks &raquo;</a>
      <ul class="mt-3">
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/california-house-plans">California</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/tennessee-house-plans">Tennessee</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/texas">Texas</a></li>
              </ul>
      <a class="text-sm text-secondary no-underline" href="/collection/regional">
        See All Regional House Plans &raquo;</a>
    </div>

    <div class="w-full sm:w-1/3 px-3 text-center mb-5">
      <h4 class="pb-2 font-bold">Design Styles</h4>
      <ul>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/beach-house-plans">Beach</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/cabin-house-plans">Cabin</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/cape-cod-house-plans">Cape Cod House Plans</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/colonial-house-plans">Colonial</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/contemporary-house-plans">Contemporary</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/cottage-house-plans">Cottage</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/craftsman-house-plans">Craftsman</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/farmhouse-plans">Farmhouse</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/mediterranean-house-plans">Mediterranean</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/modern-house-plans">Modern</a></li>
                  <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/ranch-house-plans">Ranch</a></li>
              </ul>
      <a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/collection/design-styles">
        See All Design Styles &raquo;</a>
    </div>


    <div class="w-full sm:w-1/3 px-3 text-center mb-5">
      <h4 class="pb-2 font-bold">Architect / Designer</h4>
      <ul>
        <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/visbeen-architects-llc">Visbeen Architects</a></li>
        <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/nicholas-lee">Nicholas Lee</a></li>
        <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/brooks-ballard">Home Patterns, LLC</a></li>
        <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/nir-pearlson">Nir Pearlson</a></li>
        <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/leon-meyer">Leon Meyer</a></li>
        <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/marianne-cusato">Katrina Cottages</a></li>
        <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/architecture-studio-arch-lab">Arch L.A.B.</a></li>
        <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/sarah-susanka">Sarah Susanka</a></li>
        <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/david-cox">David Cox</a></li>
        <li><a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/bruce-b-tolar">Bruce Tolar</a></li>
      </ul>
      <a class="text-sm text-secondary hover:text-secondary-alt no-underline" href="/exclusive/directory">See All Architects / Designers &raquo;</a>
    </div>
  </div>

  
  <div class="flex flex-wrap justify-between max-w-5xl mx-auto text-center">
    <h1 class="h2 font-medium text-center sm:text-left px-2">Featured Plans</h1>
  </div>

  <div class="flex flex-wrap sm:flex-nowrap justify-stretch sm:justify-around justify-items-start max-w-5xl mx-auto text-center">
          <div class="w-full block relative no-underline bg-white mb-2 mx-0 ">

  <a data-plan-id="62780" data-plan-number="430-262" href="/plan/1459-square-feet-3-bedroom-2-bathroom-2-garage-country-farmhouse-traditional-sp291427">
          <img class="z-10 h-auto min-w-full block lazy"
            width="300" height="200" data-src="https://cdn.houseplansservices.com/product/6dgaqm2bie1u67654k05n9bcg3/w300x200.jpg?v=4" onerror="this.src='/common/static/lib/common/images/placeholder.png?v=9130b2cc2a';"
            alt="Country Exterior - Front Elevation Plan #430-262">
    
    
          <div class="inline-block absolute right-0 z-20 text-right bg-danger" style="bottom: 35px;">
        <div class="flex justify-between py-0 px-2 text-sm text-white">
          <div class="py-1">ON SALE!</div>
        </div>
      </div>
    
    <div class="absolute bottom-0 z-20 py-1 w-full bg-black opacity-50 text-sm">&nbsp;</div>
    <div class="absolute bottom-0 z-30 w-full flex-1 text-center">
      <div class="flex justify-between py-1 px-2 text-sm text-white">
        <h2 class="h6 w-auto m-0 pt-2">Plan 430-262</h2>
                  <h3 class="h6 w-auto m-0 pt-2"><span class="plan-price"><span class="inline sm:hidden md:inline plan-price"> on sale for </span><span class="discounted-price">$930.75</span></span></h3>
              </div>
    </div>
  </a>

  </div>          <div class="w-full block relative no-underline bg-white mb-2 mx-0  sm:mx-2 ">

  <a data-plan-id="61850" data-plan-number="930-519" href="/plan/5544-square-feet-4-bedroom-4-5-bathroom-3-garage-modern-contemporary-sp273145">
          <img class="z-10 h-auto min-w-full block lazy"
            width="300" height="200" data-src="https://cdn.houseplansservices.com/product/sc4tkvhbv5ncja98nn9l42btjq/w300x200.jpg?v=9" onerror="this.src='/common/static/lib/common/images/placeholder.png?v=9130b2cc2a';"
            alt="Modern Exterior - Front Elevation Plan #930-519">
    
    
          <div class="inline-block absolute right-0 z-20 text-right bg-danger" style="bottom: 35px;">
        <div class="flex justify-between py-0 px-2 text-sm text-white">
          <div class="py-1">ON SALE!</div>
        </div>
      </div>
    
    <div class="absolute bottom-0 z-20 py-1 w-full bg-black opacity-50 text-sm">&nbsp;</div>
    <div class="absolute bottom-0 z-30 w-full flex-1 text-center">
      <div class="flex justify-between py-1 px-2 text-sm text-white">
        <h2 class="h6 w-auto m-0 pt-2">Plan 930-519</h2>
                  <h3 class="h6 w-auto m-0 pt-2"><span class="plan-price"><span class="inline sm:hidden md:inline plan-price"> on sale for </span><span class="discounted-price">$1678.75</span></span></h3>
              </div>
    </div>
  </a>

  </div>          <div class="w-full block relative no-underline bg-white mb-2 mx-0 ">

  <a data-plan-id="62825" data-plan-number="929-1136" href="/plan/2170-square-feet-3-bedroom-2-5-bathroom-2-garage-farmhouse-cottage-modern-sp291485">
          <img class="z-10 h-auto min-w-full block lazy"
            width="300" height="200" data-src="https://cdn.houseplansservices.com/product/sjckfusq8ridt5uqs6q9kfiol5/w300x200.jpg?v=4" onerror="this.src='/common/static/lib/common/images/placeholder.png?v=9130b2cc2a';"
            alt="Farmhouse Exterior - Front Elevation Plan #929-1136">
    
    
    
    <div class="absolute bottom-0 z-20 py-1 w-full bg-black opacity-50 text-sm">&nbsp;</div>
    <div class="absolute bottom-0 z-30 w-full flex-1 text-center">
      <div class="flex justify-between py-1 px-2 text-sm text-white">
        <h2 class="h6 w-auto m-0 pt-2">Plan 929-1136</h2>
                  <h3 class="h6 w-auto m-0 pt-2"><span class="plan-price"> from <span class="price">$1455.00</span></span></h3>
              </div>
    </div>
  </a>

  </div>      </div>

  <div class="text-right -mt-2 sm:-mt-1 mb-12 max-w-5xl mx-auto">
    <a class="text-secondary hover:text-secondary-alt no-underline px-2 sm:px-3 py-2 sm:py-0 text-sm sm:text-base" href="/search">Search all Plans &raquo;</a>
  </div>


  
<h2 class="text-center text-2xl max-w-5xl mx-auto">Why choose Houseplans?</h2>
<ul class="max-w-5xl mx-auto flex flex-col md:flex-row justify-between items-start text-sm leading-tight mb-10">
  <li class="text-center py-2 w-full px-2 md:px-1 md:w-1/3">
    <a href="/landing/plan_modification_guide" class="no-underline hover:text-cta">
      <img width="74" height="74" class="mw-100 h-auto pt-3 pb-2 mx-auto" alt="Customize any plan" src="/public/img/home/home-modify.svg?v=9130b2cc2a">
      <h3 class="font-medium text-base leading-tight">Customize your home plan</h3>
    </a>
    <p>We will work with you to make small or large changes so you get the house design of your dreams. Tailor your house blueprints with our modification service.</p>
  </li>
  <li class="text-center py-2 w-full px-2 md:px-1 md:w-1/3">
    <a href="/cost-to-build-faq" class="no-underline hover:text-cta">
      <img width="74" height="74" class="mw-100 h-auto pt-3 pb-2 mx-auto" alt="Stay on budger" src="/public/img/home/home-price.svg?v=9130b2cc2a">
      <h3 class="font-medium text-base leading-tight">Stay on budget / low price guarantee</h3>
    </a>
    <p>Get a Cost to Build report for any house plan. We also offer a low price guarantee for home plans and will beat the competition’s regularly published price by 5% (conditions apply; call for more details. Excludes services, ancillary products, and special offers/discounts).</p>
  </li>
  <li class="text-center py-2 w-full px-2 md:px-1 md:w-1/3">
    <a href="/contact" class="no-underline hover:text-cta">
      <img width="74" height="74" class="mw-100 h-auto pt-3 pb-2 mx-auto" alt="Get Help when you need it" src="/public/img/home/home-house.svg?v=9130b2cc2a">
      <h3 class="font-medium text-base leading-tight">Get personalized help with your house blueprints</h3>
    </a>
    <p>Shopping for house designs can feel overwhelming. Our experienced house blueprint experts are ready to help you find the house plans that are just right for you. Call <a class="hover:text-secondary-alt no-underline whitespace-nowrap" href="tel:1-800-913-2350">1-800-913-2350 or click here</a>.</p>
  </li>
</ul>

      <div class="flex flex-wrap justify-between max-w-5xl mx-auto text-center">
      <h2 class="font-medium text-center sm:text-left px-2">Recent Blog Articles</h2>
    </div>

    <div class="flex flex-col md:flex-row justify-between max-w-5xl mx-auto lg:px-0">
              <div class="w-full md:w-1/3 sm:px-3 sm:mb-4 mx-auto">
          <div class="relative h-full sm:rounded-md overflow-hidden">
            <div class="flex flex-col h-full justify-start bg-white md:h-164 max-w-sm mx-auto">
              <a class="block" href="/blog/walkout-basement-house-plans-to-maximize-a-sloping-lot">
                <img class="lazy" width="384" height="256" data-src='https://cdn.houseplansservices.com/content/s2iiflghh66u15gpp9ojvua8tq/w384x256.jpg?v=2' alt="Walkout Basement House Plans to Maximize a Sloping Lot ">
              </a>
              <div class="px-3 pt-2 mb-4">
                <a href="/blog/walkout-basement-house-plans-to-maximize-a-sloping-lot" class="text-left no-underline">
                  <h3 class="font-blog-title leading-none text-xl font-semibold mb-3 pt-1 text-secondary-alt">Walkout Basement House Plans to Maximize a Sloping Lot </h3>
                  <div class="text-md font-normal tracking-wide leading-tight text-black pb-3">Take a look at these walkout basement house plans.</div>
                </a>
              </div>
            </div>
          </div>
        </div>
              <div class="w-full md:w-1/3 sm:px-3 sm:mb-4 mx-auto">
          <div class="relative h-full sm:rounded-md overflow-hidden">
            <div class="flex flex-col h-full justify-start bg-white md:h-164 max-w-sm mx-auto">
              <a class="block" href="/blog/contemporary-home-plans-with-cool-kitchens">
                <img class="lazy" width="384" height="256" data-src='https://cdn.houseplansservices.com/content/f6c91tv42nfbh7c681dpugb2ka/w384x256.jpg?v=2' alt="Contemporary Home Plans with Great Kitchens ">
              </a>
              <div class="px-3 pt-2 mb-4">
                <a href="/blog/contemporary-home-plans-with-cool-kitchens" class="text-left no-underline">
                  <h3 class="font-blog-title leading-none text-xl font-semibold mb-3 pt-1 text-secondary-alt">Contemporary Home Plans with Great Kitchens </h3>
                  <div class="text-md font-normal tracking-wide leading-tight text-black pb-3">Check out these contemporary home plans with big kitchens.</div>
                </a>
              </div>
            </div>
          </div>
        </div>
              <div class="w-full md:w-1/3 sm:px-3 sm:mb-4 mx-auto">
          <div class="relative h-full sm:rounded-md overflow-hidden">
            <div class="flex flex-col h-full justify-start bg-white md:h-164 max-w-sm mx-auto">
              <a class="block" href="/blog/garage-plans-with-apartments-the-ultimate-list">
                <img class="lazy" width="384" height="256" data-src='https://cdn.houseplansservices.com/content/hcl0oupom3a2l0946hhef1920r/w384x256.jpg?v=2' alt="Garage Plans with Apartments – The Ultimate List! ">
              </a>
              <div class="px-3 pt-2 mb-4">
                <a href="/blog/garage-plans-with-apartments-the-ultimate-list" class="text-left no-underline">
                  <h3 class="font-blog-title leading-none text-xl font-semibold mb-3 pt-1 text-secondary-alt">Garage Plans with Apartments – The Ultimate List! </h3>
                  <div class="text-md font-normal tracking-wide leading-tight text-black pb-3">Garage plans with apartments offer flexible living options.</div>
                </a>
              </div>
            </div>
          </div>
        </div>
          </div>

    <div class="text-right mb-12 max-w-5xl mx-auto">
      <a class="text-secondary hover:text-secondary-alt no-underline px-2 sm:px-3 text-sm sm:text-base" href="/blog">See All Blog Articles &raquo;</a>
    </div>

  <div class="mb-5 pb-5 px-2 max-w-5xl mx-auto text-center">
    <div class="w-full text-center border border-gray-600 mb-4 p-4 max-w-5xl mx-auto">
  <h3 class="h4">We offer the best customer support in the business!</h3><br>
  <p class="text-sm leading-normal">Our team of plan experts, architects and designers have been helping people build their dream homes for over 10 years.<br>
  We are more than happy to help you find a plan or talk though a potential floor plan customization.</p>
  <p class="py-3 text-lg">Call us at <strong><a class="text-black hover:text-secondary-alt no-underline" href="tel:1-800-913-2350">1-800-913-2350</a></strong> M-F 6AM&#8209;5:30PM PST or email us anytime at 
  	<a class="text-secondary hover:text-secondary-alt no-underline"  href="mailto:sales@houseplans.com">sales@houseplans.com.</a>
  </p>
  <p class="py-3 text-lg">You can also send us a message via our <a href="/contact" class="text-secondary hover:text-secondary-alt no-underline">contact form</a>.</p>
  <h4 class="pt-2 pb-4 font-semibold text-lg">Are you a Pro Builder? Call <a class="text-secondary hover:text-secondary-alt no-underline" href="tel:1-888-705-1300">1&#8209;888&#8209;705&#8209;1300</a> for expert advice!<br>
    Join our <a href="https://www.houseplans.com/builder-program"
                class="text-secondary hover:text-secondary-alt no-underline">Builder Advantage
      Program</a> today to save 5% on your first home plan&nbsp;order.
  </h4>
</div>
  </div>
  <div class="mb-5 pb-10 px-2 max-w-5xl mx-auto text-center">
      <div class="js-register-form-container ">
    <div>
  <div class="flex flex-col md:flex-row bg-gray-100 mb-5 ">
    <div class="lg:block w-1/3" style="background: url('/common/static/lib/common/images/newsletter_banner.jpg?v=9130b2cc2a') no-repeat center / cover; ">
    </div>
    <div class="block md:hidden flex-col justify-center align-items-middle bg-gray-900 w-full py-2 text-center text-white px-3">
      Looking for inspiration? Get our newsletter!
    </div>
    <div class="hidden md:flex flex-col justify-center align-middle bg-gray-900 w-1/3 py-1 text-center text-white px-3">
      Looking for inspiration? Get our newsletter!
    </div>
    <form class="js-ccpa-form subscription-form summary-subscription-form flex flex-col lg:flex-row text-center">
      <div class="flex flex-col px-4 align-middle justify-center">
        <p class="strong w-full text-center py-2 mb-1">Sign up for our newsletter</p>
        <input type="hidden" name="source" value="landing-newsletter">
        <input type="hidden" name="newsletter" value="true">
          <input type="text" name="email" class="rounded mb-2 py-1 px-3 small" placeholder="Email address..." value="" required>
        <div class="flex flex-col md:flex-row align-center justify-between small">
          <select class="w-full md:mr-1 mx-auto px-2 py-1 mb-2 rounded border-0" name="country" style="color: #a0aec0;" required>
            <option value="">- Select Country -</option>
                          <option value="US">USA</option>
                          <option value="CA">Canada</option>
                          <option value="EU">Europe</option>
                          <option value="XX">Other</option>
                      </select>
          <div class="px-0 px-md-2"></div>
          <select id="state" name="state" title="Project State"
                  class="w-full md:ml-1 mx-auto px-2 py-1 mb-2 rounded border-0" style="color: #a0aec0;" required>
            <option value="">- Select State -</option>
                          <option value="AL">Alabama</option>
                          <option value="AK">Alaska</option>
                          <option value="AZ">Arizona</option>
                          <option value="AR">Arkansas</option>
                          <option value="CA">California</option>
                          <option value="CO">Colorado</option>
                          <option value="CT">Connecticut</option>
                          <option value="DE">Delaware</option>
                          <option value="DC">District of Columbia</option>
                          <option value="FL">Florida</option>
                          <option value="GA">Georgia</option>
                          <option value="HI">Hawaii</option>
                          <option value="ID">Idaho</option>
                          <option value="IL">Illinois</option>
                          <option value="IN">Indiana</option>
                          <option value="IA">Iowa</option>
                          <option value="KS">Kansas</option>
                          <option value="KY">Kentucky</option>
                          <option value="LA">Louisiana</option>
                          <option value="ME">Maine</option>
                          <option value="MD">Maryland</option>
                          <option value="MA">Massachusetts</option>
                          <option value="MI">Michigan</option>
                          <option value="MN">Minnesota</option>
                          <option value="MS">Mississippi</option>
                          <option value="MO">Missouri</option>
                          <option value="MT">Montana</option>
                          <option value="NE">Nebraska</option>
                          <option value="NV">Nevada</option>
                          <option value="NH">New Hampshire</option>
                          <option value="NJ">New Jersey</option>
                          <option value="NM">New Mexico</option>
                          <option value="NY">New York</option>
                          <option value="NC">North Carolina</option>
                          <option value="ND">North Dakota</option>
                          <option value="OH">Ohio</option>
                          <option value="OK">Oklahoma</option>
                          <option value="OR">Oregon</option>
                          <option value="PA">Pennsylvania</option>
                          <option value="RI">Rhode Island</option>
                          <option value="SC">South Carolina</option>
                          <option value="SD">South Dakota</option>
                          <option value="TN">Tennessee</option>
                          <option value="TX">Texas</option>
                          <option value="UT">Utah</option>
                          <option value="VT">Vermont</option>
                          <option value="VA">Virginia</option>
                          <option value="WA">Washington</option>
                          <option value="WV">West Virginia</option>
                          <option value="WI">Wisconsin</option>
                          <option value="WY">Wyoming</option>
                          <option value="AS">American Samoa</option>
                          <option value="AA">Armed Forces Americas</option>
                          <option value="AE">Armed Forces EMEA</option>
                          <option value="AP">Armed Forces Pacific</option>
                          <option value="FM">Federated States of Micronesia</option>
                          <option value="GU">Guam</option>
                          <option value="MH">Marshall Islands</option>
                          <option value="MP">Northern Mariana Islands</option>
                          <option value="PW">Palau</option>
                          <option value="PR">Puerto Rico</option>
                          <option value="VI">Virgin Islands</option>
                          <option value="AB">Alberta</option>
                          <option value="BC">British Columbia</option>
                          <option value="MB">Manitoba</option>
                          <option value="NB">New Brunswick</option>
                          <option value="NL">Newfoundland and Labrador</option>
                          <option value="NS">Nova Scotia</option>
                          <option value="NT">Northwest Territories</option>
                          <option value="NU">Nunavut</option>
                          <option value="ON">Ontario</option>
                          <option value="PE">Prince Edward Island</option>
                          <option value="QC">Quebec</option>
                          <option value="SK">Saskatchewan</option>
                          <option value="YT">Yukon</option>
                          <option value="UM">United States Minor Outlying Islands</option>
                          <option value="XX">Outside of US/Canada</option>
                      </select>
        </div>
      </div>
      <div class="flex flex-col w-3/4 mx-auto px-3 py-2 align-center justify-center">
        <button type="submit" class="btn btn-cta mx-auto py-2 w-full px-3 mt-2">Sign up!</button>
        <p class="pt-2 text-sm mb-0">By signing up, you agree to our <a class="text-primary-alt no-underline whitespace-nowrap" href="/terms-and-conditions">Terms &amp; Conditions</a> and <a class="text-primary-alt no-underline whitespace-nowrap" href="https://www.zondahome.com/legal" target="_blank">Privacy&nbsp;Policy</a> </p>
      </div>
    </form>
      </div>
    </div>
  </div>

<div class="js-newsletter-signup-complete" style="display: none;">
  <div class="flex flex-col md:flex-row mb-4 bg-gray-100 mb-5 ">
    <div class="md:block w-1/3" style="background: url('/common/static/lib/common/images/newsletter_banner.jpg?v=9130b2cc2a') no-repeat center / cover; ">
    </div>
    <div class="block md:hidden flex-col justify-center align-middle bg-gray-900 w-full py-2 text-center text-white px-3">
      Looking for inspiration? Get our newsletter!
    </div>
    <div class="hidden md:flex flex-col justify-center align-middle bg-gray-900 w-1/3 py-1 text-center text-white px-3">
      Looking for inspiration? Get our newsletter!
    </div>
    <div class="summary-subscription-complete justify-center align-center text-center">
      <div class="js-response-message px-5 py-3 py-xl-4 my-2"></div>
    </div>
  </div>
</div>
  </div>

    <div class="hidden md:block bottom-banner pb-12 text-center">
    <div class="mx-auto ad ad-728x90">
        <div id="div-gpt-ad-leaderboard2-728x90" class="ad ad-728x90 ad-center footer-ad"></div>
    </div>
  </div>
  
  <footer>
  <div class="footer-main bg-black text-center pb-24 sm:pb-12 lg:pb-3">
    <div class="max-w-5xl mx-auto flex justify-center lg:justify-between flex-wrap py-3 text-sm text-white" style="background: url('/public/img/footerbg.jpg?v=9130b2cc2a'); background-size: cover;">
      <div class="w-full flex justify-center lg:justify-end pt-4 lg:pt-0">
            <div class="mr-1"><a href="https://www.facebook.com/houseplansdotcom" target=_blank><img width="32" height="32" src="/common/static/lib/common/images/social-icons/icon-social-facebook.svg?v=9130b2cc2a" alt="Facebook"></a></div>

    <div class="mr-1"><a href="https://twitter.com/houseplansco" target=_blank><img width="32" height="32" src="/common/static/lib/common/images/social-icons/icon-social-twitter.svg?v=9130b2cc2a" alt="Twitter"></a></div>

    <div class="mr-1">
      <a href="https://www.pinterest.com/houseplansdotcom/_shop/" target=_blank>
        <img width="32" height="32"
             src="/common/static/lib/common/images/social-icons/icon-social-pinterest.svg?v=9130b2cc2a"
             alt="Pinterest">
      </a>
    </div>

    <div class="mr-1">
      <a href="https://www.instagram.com/houseplansdotcom/" target=_blank>
        <img width="32" height="32" alt="Instagram"
             src="/common/static/lib/common/images/social-icons/icon-social-instagram.svg?v=9130b2cc2a">
      </a>
    </div>

    <div class="mr-1">
      <a href="https://www.houzz.com/pro/houseplansllc/houseplans-com" target=_blank>
        <img width="32" height="32" alt="Houzz"
             src="/common/static/lib/common/images/social-icons/icon-social-houzz.svg?v=9130b2cc2a">
      </a>
    </div>
      </div>
    </div>
    <div class="w-full max-w-5xl mx-auto flex flex-wrap lg:flex-nowrap justify-center lg:justify-around pb-5">

      <div class="pt-8 lg:pt-3 px-5 pb-10 min-w-300px">
        <a href="/"><h2 class="my-0"><img width="181" height="28" class="logo-with-text mx-auto mt-3 mb-4" src="/public/img/logo.svg" alt="Houseplans.com" title="Houseplans.com"></h2></a>
        <img width="62" height="59" class="mx-auto bg-white p-2 mt-1" src="/common/static/lib/common/images/nahb_logo.png?v=9130b2cc2a" alt="NAHB: National Association of Home Builders">
      </div>

      <ul class="w-full lg:w-1/5 flex-shrink-0 flex-grow text-center lg:text-left mx-auto sm:px-5 lg:px-0 mb-10 lg:mb-5">
        <li class="text-base leading-relaxed no-underline uppercase italic">
          <h3 class="h6 mb-1 text-gray-400 font-semibold">Browse Plans</h3></li>
        <li><a href="/search" class="text-white hover:text-primary text-xs leading-tight no-underline uppercase">Search</a></li>
        <li><a href="/signature" class="text-white hover:text-primary text-xs leading-tight no-underline uppercase">Signature Plans</a></li>
        <li><a href="/exclusive/directory" class="text-white hover:text-primary text-xs leading-tight no-underline uppercase">Exclusive Designers</a></li>
        <li><a href="/onsale" class="text-white hover:text-primary text-xs leading-tight no-underline uppercase">On Sale</a></li>
      </ul>

      <ul class="w-full lg:w-1/5 flex-shrink-0 flex-grow text-center lg:text-left mx-auto sm:px-5 lg:px-0 mb-10 lg:mb-5">
        <li class="text-base leading-relaxed no-underline uppercase uppercase italic">
          <h3 class="h6 mb-1 text-gray-400 font-semibold">What we do</h3></li>
        <li><a href="/about" class="text-white hover:text-primary text-xs leading-tight no-underline uppercase">About Us</a></li>
        <li><a href="/press" class="text-white hover:text-primary text-xs leading-tight no-underline uppercase">Media Center</a></li>
        <li><a href="/blog" class="text-white hover:text-primary text-xs leading-tight no-underline uppercase">Blog</a></li>
        <li><a href="/faq" class="text-white hover:text-primary text-xs leading-tight no-underline uppercase">FAQ</a></li>
      </ul>

      <ul class="w-full lg:w-1/5 flex-shrink-0 flex-grow text-center lg:text-left mx-auto sm:px-5 lg:px-0 mb-10 lg:mb-5">
        <li class="text-base leading-relaxed no-underline uppercase italic">
          <h3 class="h6 mb-1 text-gray-400 font-semibold">Resources</h3></li>
        <li><a href="https://www.buzzbuzzhome.com/" target="_blank" class="text-white hover:text-primary text-xs leading-tight uppercase no-underline">BUZZBUZZHOME</a></li>
        <li><a href="/builder-program" target="_blank" class="text-white hover:text-primary text-xs leading-tight uppercase no-underline">BUILDER ADVANTAGE</a></li>
        <li><a href="https://www.builderonline.com" target="_blank" class="text-white hover:text-primary text-xs leading-tight uppercase no-underline">BUILDER MAGAZINE</a></li>
        <li><a href="https://www.jlconline.com" target="_blank" class="inline-block text-white hover:text-primary text-xs leading-tight mt-3px pt-1 uppercase no-underline">JOURNAL OF LIGHT CONSTRUCTION</a></li>
        <li><a href="https://zondahome.com" target="_blank" class="text-white hover:text-primary text-xs leading-tight uppercase no-underline">ZONDA HOME</a></li>
      </ul>

      <ul class="w-full lg:w-1/5 flex-shrink-0 flex-grow text-center lg:text-left mx-auto sm:px-5 lg:px-0 mb-10 lg:mb-5">
        <li class="text-base leading-relaxed no-underline uppercase italic">
          <h3 class="h6 mb-1 text-gray-400 font-semibold">Get In Touch</h3></li>
        <li><a href="/publish" class="text-white hover:text-primary text-xs leading-tight uppercase no-underline">Publish Houseplans</a></li>
        <li><a href="/advertising" class="text-white hover:text-primary text-xs leading-tight uppercase no-underline">Advertise with Us</a></li>
        <li><a href="/contact" class="text-white hover:text-primary text-xs leading-tight uppercase no-underline">Contact Us</a></li>
      </ul>

    </div>
  </div>
  <div class="bg-white">
      <div class="py-4 flex flex-col md:flex-row justify-around items-center max-w-2xl mx-auto text-gray-500">
    <img width="114" height="37" class="p-2 mt-1" src="/common/static/lib/common/images/zonda-house-plans-logo.svg?v=9130b2cc2a" alt="Zonda House Plans Logo">
    <div class="px-2 py-1 md:py-0 content-center text-xs text-center">&copy; 2022 Zonda Media, a Delaware corporation</div>
    <div class="px-2 text-xs py-1 md:py-0"><a href="https://www.zondahome.com/legal" target="blank" class="no-underline">Privacy Policy</a> &nbsp;&vert;&nbsp; <a href="/terms-and-conditions" class="no-underline">Terms &amp; Conditions</a> &nbsp;&vert;&nbsp; <a href="https://zondahome.com/legal/accessibility-statement/" target="_blank" class="no-underline">Accessibility Statement</a></div>
  </div>
  </div>
</footer>

  <script>
  var PSP = PSP || {};
  PSP.suggested = {
    collections: [
            {
        name: 'Barndominium',
        shortText: 'Barndominium plans or barn-style house plans feel both timeless and modern. While the term barndominium used to refer to a metal building, this collection mostly showcases traditional wood-framed house plans with the rustic look of pole barn house plans. Barn style house plans feature simple, rustic exteriors, perhaps with a gambrel roof or (of course) barn doors. Modern farmhouse style house plans with open floor plans have become very popular, and you\&#39;ll find many of them in this category. So do these barn house plans actually have stalls for horses, hay, and tractors? Actually, some of them do! Most of them simply draw inspiration from barn style house plans with rustic elements (no hay needed). Open-concept layouts inside give a contemporary vibe, especially when combined with luxurious amenities such as spa-like master bathrooms and large kitchen islands. So if you want the look of country house plans with modern elements, check out these home plans. Questions? Call 1-800-913-2350.',
        url: '/collection/barn-house-plans',
        imageUrl: 'https://cdn.houseplansservices.com/product/t7t0f2v2ooikhbi17vhl2cspcr/w800x533.jpg?v=3'
      },            {
        name: 'Bungalow',
        shortText: 'If you love the charm of Craftsman house plans and are working with a small lot, a bungalow house plan might be your best bet. Bungalow floor plan designs are typically simple, compact and longer than they are wide. Also, like their Craftsman cousin, bungalow house designs tend to sport cute curb appeal by way of a wide front porch (or stoop) supported by tapered or paired columns and low-slung rooflines. Ideal for small urban or narrow lots, these small home plan designs (or \&quot;small-ish\&quot;) are usually one or one-and-a-half stories, and (generally) budget-friendly. Making the most of their square footage, bungalow house plans typically feature open floor plans with few hallways and rooms arranged for easy accessibility. Plenty of windows lend natural light and make these home plan designs feel bright and airy, while practical built-ins help save space. With floor plans accommodating all kinds of families, our collection of bungalow house plans is sure to make you feel right at home.',
        url: '/collection/bungalow-house-plans',
        imageUrl: 'https://cdn.houseplansservices.com/product/min6o9ss5pb54bmsfngosscuqq/w800x533.JPG?v=12'
      },            {
        name: 'Cabin',
        shortText: 'HousePlans.com offers large and small cabin plans. So, whether you\&#39;re looking for a modest rustic retreat, or a ski-lodge-like mansion, the cabin floor plans in the collection below are sure to please! Cabin plans (sometimes called \&quot;cabin home plans\&quot; or \&quot;cabin home floor plans\&quot;) come in many styles and configurations, from classic log homes to contemporary cottages. Cabin floor plans emphasize casual indoor-outdoor living with generous porches and open kitchens. Browse this hand picked collection to see the wide range of possibilities. All of our cabin plans can be modified just for you. Furthermore, you can also order a cost to build report for any cabin plan that peaks your interest.',
        url: '/collection/cabin-house-plans',
        imageUrl: 'https://cdn.houseplansservices.com/product/c6513u61s50hacoegrdvtq4h8b/w800x533.jpg?v=23'
      },            {
        name: 'Contemporary',
        shortText: 'While a contemporary house plan can present modern architecture, the term \&quot;contemporary house plans\&quot; is not synonymous with \&quot;modern house plans.\&quot; Modern architecture is simply one type of architecture that\&#39;s popular today, often featuring clean, straight lines, a monochromatic color scheme, and minimal ornamentation. Contemporary house plans, on the other hand, blend a mixture of whatever architecture is trendy in the here and now (which may or may not include modern architecture). For instance, a contemporary home design might sport a traditional exterior with Craftsman touches and a modern open floor plan with the master bedroom on the main level. Airy outdoor living spaces, open layouts, and large windows which aid in indoor\/outdoor flow and energy efficiency are elements that are typically highlighted in both modern and contemporary house designs. Note: If you\&#39;re specifically interested in modern house plans, look under STYLES and select Modern.',
        url: '/collection/contemporary-house-plans',
        imageUrl: 'https://cdn.houseplansservices.com/product/rafs7ma1bsci6dok77m05ml1l5/w800x533.jpg?v=11'
      },            {
        name: 'Cottage',
        shortText: 'Cottage house plans are informal and woodsy, evoking a picturesque storybook charm. Cottage style homes have vertical board-and-batten, shingle, or stucco walls, gable roofs, balconies, small porches, and bay windows. These cottage floor plans include cozy one- or two-story cabins and vacation homes. Originally popularized by home pattern books like Cottage Residences by Andrew Jackson Downing of 1842, Cottage style house plans are filled with individuality and based on the belief that \&quot;a beautiful house fully reflects a fine character.\&quot; To see more cottage house plans try our advanced floor plan search.',
        url: '/collection/cottage-house-plans',
        imageUrl: 'https://cdn.houseplansservices.com/product/8hbljldontc5fgobkh097i08gf/w800x533.jpg?v=22'
      },            {
        name: 'Country',
        shortText: 'Seeking outdoor living, welcoming curb appeal, and a sweet sense of nostalgia? Welcome to the country house plans collection! Country house plans trace their origins to the picturesque cottages described by Andrew Jackson Downing in his books \&quot;Cottage Residences\&quot;, of 1842, and \&quot;The Architecture of Country Houses\&quot;, of 1850. Country house plans overlap with cottage plans and Farmhouse style floor plans, though Country home plans tend to be larger than cottages and make more expressive use of wood for porch posts, siding, and trim. Today\&#39;s Country style house plans emphasize a woodsy simplicity with a central door, evenly spaced windows, a front and\/or a rear porch or wrap-around veranda, and a gabled roof. To see more country house plans try our advanced floor plan search.',
        url: '/collection/country-house-plans',
        imageUrl: 'https://cdn.houseplansservices.com/product/mqftss0ua1lo14mkqohojlvq0h/w800x533.jpg?v=8'
      },            {
        name: 'Craftsman',
        shortText: 'Craftsman house plans are the most popular house design style for us, and it\&#39;s easy to see why. With natural materials, wide porches, and (often) open-concept layouts, Craftsman home plans feel contemporary and relaxed, with timeless curb appeal. Within this collection, you\&#39;ll find several versions of Craftsman style house plans, from modest Craftsman bungalow floor plans to grand Shingle style blueprints. Many of these Craftsman home plans are 3 bedroom designs with 2 or 2 1\/2 bathrooms, a very popular configuration. Modern house plans often borrow elements of Craftsman style homes to create a look that\&#39;s both new and timeless. The Craftsman style is exemplified by the work of two California architect brothers, Charles Sumner Greene and Henry Mather Greene, in Pasadena in the early 20th century, who produced \&quot;ultimate bungalows\&quot; like the Gamble house of 1908. Now Craftsman homes are found everywhere, from Texas to Washington and beyond.',
        url: '/collection/craftsman-house-plans',
        imageUrl: 'https://cdn.houseplansservices.com/product/7m2jfblchbm24k6v9c1ogrbjvm/w800x533.jpg?v=26'
      },            {
        name: 'Farmhouse',
        shortText: 'Explore modern farmhouse plans and traditional farmhouse plans on\u00A0HousePlans.com. Modern farmhouse plans are especially popular right now, as they put a cool, contemporary spin on the traditional farmhouse design. Modern farmhouses can be big or small and often feature clean lines, large windows, vertical siding, metal roofs, open floor plans, and striking curb appeal. Both traditional and modern farmhouse plans typically feature one or two stories of living space, a large or wraparound porch, a spacious kitchen with an island, and a gable-shaped roof.',
        url: '/collection/farmhouse-plans',
        imageUrl: 'https://cdn.houseplansservices.com/product/o6rt5a3n2p9gtep7gg71p7h0ih/w800x533.jpg?v=25'
      },            {
        name: 'Modern',
        shortText: 'Modern home plans present rectangular exteriors, flat or slanted roof-lines, and super straight lines. Large expanses of glass (windows, doors, etc) often appear in modern house plans and help to aid in energy efficiency as well as indoor\/outdoor flow. These clean, ornamentation-free house plans often sport a monochromatic color scheme and stand in stark contrast to a more traditional design, like a red brick colonial. While some people might tilt their head in confusion at the sight of a modern house floor plan, others can\&#39;t get enough of them. It\&#39;s all about personal taste. Note that modern home designs are not synonymous with contemporary house plans. Modern house plans proudly present modern architecture, as has already been described. Contemporary house plans, on the other hand, typically present a mixture of architecture that\&#39;s popular today. For instance, a contemporary house plan might feature a woodsy Craftsman exterior, a modern open layout, and rich outdoor living space. If contemporary house plans sound more up your alley, have no fear. Our contemporary collection can be found under the STYLES heading in the top navigation bar. On the other hand, if modern architecture floats your boat, stay right here and explore some cool modern house plans!',
        url: '/collection/modern-house-plans',
        imageUrl: 'https://cdn.houseplansservices.com/product/6ek8jns2uvt3p24kbigoctc4ih/w800x533.jpg?v=13'
      },            {
        name: 'Modern Farmhouse',
        shortText: 'The best modern farmhouse plans. Find small modern farmhouses w\/open floor plans, large one and two story modern farmhouse home designs &amp; more! Call 1-800-913-2350 for expert help.',
        url: '/collection/farmhouse-modern',
        imageUrl: 'https://cdn.houseplansservices.com/product/tudogesc4d2vdhsnm9s1uc3u54/w800x533.jpg?v=2'
      },            {
        name: 'Ranch',
        shortText: 'Looking for a traditional ranch house plan? How about a modern ranch style house plan with an open floor plan? Whatever you seek, the HousePlans.com collection of ranch home plans is sure to have a design that works for you. Ranch house plans are found with different variations throughout the US and Canada. Ranch floor plans are single story, patio-oriented homes with shallow gable roofs. Modern ranch house plans combine open layouts and easy indoor-outdoor living. Board-and-batten, shingles, and stucco are characteristic sidings for ranch house plans. Ranch house plans usually rest on slab foundations, which help link house and lot. That said, some ranch house designs feature a basement which can be used as storage, recreation, etc. As you browse the ranch style house plan collection below, consider which amenities you need and what kind of layout is going to be necessary for your lifestyle.',
        url: '/collection/ranch-house-plans',
        imageUrl: 'https://cdn.houseplansservices.com/product/g6glk9o1dflk5gi77957e3lslr/w800x533.jpg?v=2'
      }          ]
  };
  PSP.snippet = {
    phoneNumber: '1-800-913-2350'
  };
</script>
  <script src="/public/gen/base.bundle.js?v=9130b2cc2a"></script>

    <script src="/common/static/lib/common/javascripts/slick-1.8.1.min.js"></script>
  <script src="/public/gen/home.bundle.js?v=9130b2cc2a"></script>
  
    <script>
    if($(window).width() >= 977) {
      googletag.cmd.push(function () {
  googletag.defineSlot("/6752/hw.hpl", [728,90], "div-gpt-ad-leaderboard1-728x90")
    .addService(googletag.pubads())
    .setTargeting("pos", "leaderboard1");
  googletag.display("div-gpt-ad-leaderboard1-728x90");
});
      googletag.cmd.push(function () {
  googletag.defineSlot("/6752/hw.hpl", [728,90], "div-gpt-ad-leaderboard2-728x90")
    .addService(googletag.pubads())
    .setTargeting("pos", "leaderboard2");
  googletag.display("div-gpt-ad-leaderboard2-728x90");
});
    }
  </script>
  
  </body>
</html>
