Add our search form to your website:

If you are interested in adding compelling content to your website feel free to add our search. Give your users access to 18,000 house plans!

Just copy and paste this html into your website:

<style>
#house-plan-search{width:540px; float:left; clear:none; margin:0px 0px 10px 0px;font-family:Arial, Tahoma, Helvetica;font-size:12px;}
#house-plan-search img{background:none;padding:0px;border:none;}	
#house-plan-search h2{color:#fff;background-color:#E45F03;font-weight:bolder;padding:2px 4px 4px;border:none;margin:0px;}
#house-plan-search a{color:#5A7682;font-weight:bolder;text-decoration:none;clear:both;}
#house-plan-search a:hover{color:#E45F03;text-decoration:underline;}
#house-plan-search-inner{border:solid 1px #E45F03; float:left; width:538px;}
#house-plan-search #bedrooms h3{color:#6633FF;}
#house-plan-search #bathrooms h3{color:#336699;}
#house-plan-search #garageBays h3{color:#999999;width:153px;}
#house-plan-search #stories {display:block; float:left;}
#house-plan-search #stories h3{color:#000099;}
#house-plan-search #dimensions {padding:4px;}
#house-plan-search #width h3{color: #006600;}
#house-plan-search #depth h3{color: #CC3300;}
#house-plan-search #square-feet{ padding-left:50px;}
#house-plan-search #square-feet h3{padding-left:18px;}
#house-plan-search #square-feet-input{left: 18px;position: relative;}
#house-plan-search #square-feet-controls{width:270px; margin:0px; float:left; clear:none;}
#house-plan-search .text-input{width:50px; border:solid 2px #ccc;}
#house-plan-search .text-input-wide{width:80px; border:solid 2px #ccc;}
#house-plan-search .search-block{padding:2px;clear:both;float:left;}
#house-plan-search .search-block h3{margin:0px;font-size:100%;font-weight:bolder;}
#house-plan-search .search-block img{float:left;clear:none;}
#house-plan-search #search-plans-button{margin:10px 0px 10px 325px;}
</style>
<form name="aspnetForm" method="post" action="http://localhost:2719/house-plans/default.aspx" id="aspnetForm">
<div style="width:540px;">
  <div id="house-plan-search">
    <h2>Search for House Plans</h2>
    <div id="house-plan-search-inner">
	  <div style="float:left;clear:left;">
		<div id="bedrooms" class="search-block">
		  <img src="http://www.theplancollection.com/images/beds.gif" alt="Home Plan Number of Bedrooms" style="border-width:0px;" />
		  <div class="searchSelections">
			<h3>Bedrooms</h3>
			<input type="checkbox" name="one_bedroom" id="one_bedroom" value="1-bedrooms" /><label id="one_bedroomLabel" for="one_bedroom">1</label>
			<input type="checkbox" name="two_bedrooms" id="two_bedrooms" value="2-bedrooms" /><label id="two_bedroomsLabel" for="two_bedrooms">2</label>
			<input type="checkbox" name="three_bedrooms" id="three_bedrooms" value="3-bedrooms" /><label id="three_bedroomsLabel" for="three_bedrooms">3</label>
			<input type="checkbox" name="four_bedrooms" id="four_bedrooms" value="4-bedrooms" /><label id="four_bedroomsLabel" for="four_bedrooms">4</label>
			<input type="checkbox" name="five_bedrooms" id="five_bedrooms" value="5-bedrooms" /><label id="five_bedroomsLabel" for="five_bedrooms">5</label>
		  </div>
		</div>
    
		<div id="bathrooms" class="search-block">
		  <img src="http://www.theplancollection.com/images/baths.gif" alt="Home Plan Number of Bathrooms" style="border-width:0px;" />
		  <div class="searchSelections">
			<h3>Bathrooms</h3>
			<input type="checkbox" name="one_bathroom" id="one_bathroom" value="1-bathrooms" /><label id="one_bathroomLabel" for="one_bathroom">1</label>
			<input type="checkbox" name="two_bathrooms" id="two_bathrooms" value="2-bathrooms" /><label id="two_bathroomsLabel" for="two_bathrooms">2</label>
			<input type="checkbox" name="three_bathrooms" id="three_bathrooms" value="3-bathrooms" /><label id="three_bathroomsLabel" for="three_bathrooms">3</label>
			<input type="checkbox" name="four_bathrooms" id="four_bathrooms" value="4-bathrooms" /><label id="four_bathroomsLabel" for="four_bathrooms">4</label>
			<input type="checkbox" name="five_bathrooms" id="five_bathrooms" value="5-bathrooms" /><label id="five_bathroomsLabel" for="five_bathrooms">5+</label>
		  </div>
		</div>
    
		<div id="garageBays" class="search-block">
		  <img src="http://www.theplancollection.com/images/garage.gif" alt="Home Plan Number of Garage Bays" style="border-width:0px;" />
		  <div class="searchSelections">
			<h3>Garage Bays</h3>
			<input type="checkbox" name="one_garage" id="one_garage" value="1-garages" /><label id="one_garageLabel" for="one_garage">1</label>
			<input type="checkbox" name="two_garages" id="two_garages" value="2-garages" /><label id="two_garagesLabel" for="two_garages">2</label>
			<input type="checkbox" name="three_garages" id="three_garages" value="3-garages" /><label id="three_garagesLabel" for="three_garages">3</label>
			<input type="checkbox" name="four_garages" id="four_garages" value="4-garages" /><label id="four_garagesLabel" for="four_garages">4+</label>
		  </div>
		</div>
    
		<div id="square-feet" class="search-block">
		  <h3>Square Feet</h3>
		  <div id="square-feet-input"><input name="squareFeetMin" id="squareFeetMin" class="text-input-wide" /> to <input name="squareFeetMax" id="squareFeetMax" class="text-input-wide" /></div>
		</div>    
      </div>
      <div style="float:left;clear:right;">
		<div id="dimensions" class="search-block">
		  <img src="http://www.theplancollection.com/images/house.gif" alt="Home Plan Dimensions" style="border-width:0px;" />
		  <div id="width">
			<h3>Width (feet)</h3><input name="widthMin" id="widthMin" class="text-input" /> to <input name="widthMax" id="widthMax" class="text-input" />
		  </div>
		  <div id="depth">
			<h3>Depth (feet)</h3><input name="depthMin" id="depthMin" class="text-input" /> to <input name="depthMax" id="depthMax" class="text-input" />
		  </div>
		  <div id="stories">
			<h3>Stories</h3>			
			<input type="checkbox" name="single story" id="single story" value="1" /><label id="single storyLabel" for="single story">Single Story</label><br />
            <input type="checkbox" name="two story" id="two story" value="1" /><label id="two storyLabel" for="two story">Two Story</label><br />
            <input type="checkbox" name="three story" id="three story" value="1" /><label id="three storyLabel" for="three story">Three Story</label><br />
            <input type="checkbox" name="split level" id="split level" value="1" /><label id="split levelLabel" for="split level">Split Level</label><br />		  
		  </div>
		</div>
	  </div>     
      <div id="search-plans-button">
        <input type="submit" value="Search House Plans" />
        <input type="hidden" id="tpc-house-plans-search" name="tpc-house-plans-search" value="1" />
      </div>        
    </div>
    <div>
      <a href="search-house-plans" title="Find your ideal house plan using our detailed house plan search.">Advanced House Plan Search</a>
      <a style="margin-left:110px;" href="http://www.theplancollection.com" title="House Plan Search by The Plan Collection.com">House Plan Search By ThePlanCollection.com</a>      
    </div>
  </div>
</div>
</form>