<style>
.message_register{
    font-weight: #696969;
    color:red;
    font-size:14px;
    margin-top:10px;
}
.message_register span{
    color:green;
    
}
		
.social-icons ul {
  padding: 0; }

.text-center.social-icons ul {
  display: inline-block; }

.social-icons li {
  float: left;
  list-style: none; }

.social-icons li a {
  float: left;
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  margin: 0 4px 4px 0;
  border-radius: 4px;
  border: 0;
  background: transparent;
  color: #333;
  overflow: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

.dark .social-icons li a {
  color: #eeeeee; }

.social-icons.social-icons-colored a,
.social-icons.social-icons-colored-hover a:hover {
  color: #fff;
  border: 0; }



.social-icons.social-icons-colored .social-facebook a,
.social-icons.social-icons-colored-hover .social-facebook a:hover {
  background-color: #5d82d1; }

.social-icons.social-icons-colored .social-twitter a,
.social-icons.social-icons-colored-hover .social-twitter a:hover {
  background-color: #40bff5; }

.social-icons.social-icons-colored .social-instagram a,
.social-icons.social-icons-colored-hover .social-instagram a:hover {
  background-color: #e4405f; }

.social-icons.social-icons-colored .social-gplus a,
.social-icons.social-icons-colored-hover .social-gplus a:hover {
  background-color: #dd4b39; }

.social-icons.social-icons-colored .social-pinterest a,
.social-icons.social-icons-colored-hover .social-pinterest a:hover {
  background-color: #e13138; }

.social-icons.social-icons-colored .social-google a,
.social-icons.social-icons-colored-hover .social-google a:hover {
  background-color: #eb5e4c; }


.social-icons.social-icons-colored .social-linkedin a,
.social-icons.social-icons-colored-hover .social-linkedin a:hover {
  background-color: #238cc8; }

.social-icons.social-icons-colored .social-tumblr a,
.social-icons.social-icons-colored-hover .social-tumblr a:hover {
  background-color: #426d9b; }


.social-icons.social-icons-border li a {
  border: 1px solid #d7d7d7;
  background: transparent;
  color: #fff; }

.social-icons.social-icons-dark li a {
  background: #888;
  color: #fff; }

.social-icons.social-icons-light li a {
  background: #fff;
  color: #333;
  border: 1px solid #eee; }

.social-icons.social-icons-rounded li a {
  border-radius: 50%; }

.social-icons.social-icons-medium li a {
  height: 42px;
  width: 42px;
  line-height: 42px;
  font-size: 18px; }

.social-icons.social-icons-large li a {
  height: 48px;
  width: 48px;
  line-height: 48px;
  font-size: 18px; }

.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {
  background-color: #eee; }

.dark .social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {
  background-color: #252525; }

.social-icons li:hover i {
  -webkit-animation: toTopFromBottom 0.3s forwards;
  -moz-animation: toTopFromBottom 0.3s forwards;
  animation: toTopFromBottom 0.3s forwards; }

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%); }
  51% {
    opacity: 1; } }
@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(-100%); }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%); }
  51% {
    opacity: 1; } }
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%); }
  50% {
    opacity: 0;
    transform: translateY(100%); }
  51% {
    opacity: 1; } }

/*# sourceMappingURL=social-icons.css.map */

	
	</style>
<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});
</script>


<script>

/* $("#submit_reg").click(function(e) {
  e.preventDefault();
  var name = $("#user_name").val(); 
  var email = $("#user_email").val();
  var phone = $("#user_phone").val();
  var password =  "usman";              //$("#user_password").val();
  
  
  var dataString = 'user_name='+name+'&user_email='+email+'&user_phone='+phone+'&user_password='+password;
  $.ajax({
    type:'POST',
    data:dataString,
    url:'register_user.php',
    success:function(data) {
		console.log(data);
      alert('successs');
	  //window.location = 'https://catchfree.ca/admin-panel/admin_all_deactive_posts.php';
    }
  });
}); */

</script>

<script>
$(document).ready(function(){
    $("#submit_reg").click(function(e){
		  e.preventDefault();
		  var name = $("#user_name").val(); 
		  var email = $("#user_email").val();
		  var phone = $("#user_phone").val();
		  var password = $("#user_password").val();
          var datastring = $("#register").serialize();		  
		  $.ajax({
		  type: "POST",
		  url: "register_user.php",
		  data: datastring,
		  cache: false,
		  success: function(data){
			 $("#message_register").text(data); 
             setTimeout(function()
                {
                    $('#reg-panel').modal('hide');
                }, 5000);  
             
		
		  }
		});
        
    });
});
</script>

   
<script language="javascript">
    

// Countries
var state_arr = new Array("Alberta", "British Columbia", "Manitoba", "New Brunswick", "Newfoundland", "Northwest Territories", "Nova Scotia", "Nunavut", "Ontario", "Prince Edward Island", "Quebec", "Saskatchewan","Yukon Territory"
);

// citys
var s_a = new Array();
s_a[0] = "";
s_a[1] = "Airdrie|Grande Prairie|Red Deer|Beaumont|Hanna|St. Albert|Bonnyville|Hinton|Spruce Grove|Brazeau|Irricana|Strathcona County|Breton|Lacombe|Strathmore|Calgary|Leduc|Sylvan Lake|Camrose|Lethbridge|Swan Hills|Canmore|McLennan|Taber|Didzbury|Medicine Hat|Turner Valley|Drayton Valley|Olds|Vermillion|Edmonton|Onoway|Wood Buffalo|Ft. Saskatchewan|Provost";
s_a[2] = "Burnaby|Lumby|Port Moody|Cache Creek|Maple Ridge|Prince George|Castlegar|Merritt|Prince Rupert|Chemainus|Mission|Richmond|Chilliwack|Nanaimo|Saanich|Clearwater|Nelson|Sooke|Colwood|New Westminster|Sparwood|Coquitlam|North Cowichan|Surrey|Cranbrook|North Vancouver|Terrace|Dawson Creek|North Vancouver|Tumbler|Delta|Osoyoos|Vancouver|Fernie|Parksville|Vancouver|Invermere|Peace River|Vernon|Kamloops|Penticton|Victoria|Kaslo|Port Alberni|Whistler|Langley|Port Hardy";
s_a[3] = "Birtle|Flin Flon|Swan River|Brandon|Snow Lake|The Pas|Cranberry Portage|Steinbach|Thompson|Dauphin|Stonewall|Winnipeg";
s_a[4] = "Cap-Pele|Miramichi|Saint John|Fredericton|Moncton|Saint Stephen|Grand Bay-Westfield|Oromocto|Shippagan|Grand Falls|Port Elgin|Sussex|Memramcook|Sackville|Tracadie-Sheila";
s_a[5] = "Hay River|Mount Pearl |St. John\s";
s_a[6] = "Corner Brook|Inuvik|YellowKnife";
s_a[7] = "Amherst|Hants County|Pictou|Annapolis|Inverness County|Pictou County|Argyle|Kentville|Queens|Baddeck|County of Kings|Richmond|Bridgewater|Lunenburg|Shelburne . Cape Breton|Lunenburg County|Stellarton|Chester|Mahone Bay|Truro|Cumberland County|New Glasgow|Windsor|East Hants|New Minas|Yarmouth|Halifax|Parrsboro";
s_a[8] = "Iqaluit";
s_a[9] = "Ajax|Halton|Peterborough|Atikokan|Halton Hills|Pickering|Barrie|Hamilton|Port Bruce|Belleville|Hamilton-Wentworth|Port Burwell|Blandford-Blenheim|Hearst|Port Colborne|Blind River|Huntsville|Port Hope|Brampton|Ingersoll|Prince Edward|Brant|James|Quinte West|Brantford|Kanata|Renfrew|Brock|Kincardine|Richmond Hill|Brockville|King|Sarnia|Burlington|Kingston|Sault Ste. Marie|Caledon|Kirkland Lake|Scarborough|Cambridge|Kitchener|Scugog|Chatham-Kent|Larder Lake|Souix Lookout CoC|Sioux Lookout|Chesterville|Leamington|Smiths Falls|Clarington|Lennox-Addington|South-West Oxford|Cobourg|Lincoln|St. Catharines|Cochrane|Lindsay|St. Thomas|Collingwood|London|Stoney Creek|Cornwall|Loyalist Township|Stratford|Cumberland|Markham|Sudbury|Deep River|Metro Toronto|Temagami|Dundas|Merrickville|Thorold|Durham|Milton|Thunder Bay|Dymond|Nepean|Tillsonburg|Ear Falls|Newmarket|Timmins|East Gwillimbury|Niagara|Toronto|Mississauga|East Zorra-Tavistock|Niagara Falls|Uxbridge|Elgin|Niagara-on-the-Lake|Vaughan|Elliot Lake|North Bay|Wainfleet|Flamborough|North Dorchester|Wasaga Beach|Fort Erie|North Dumfries|Waterloo|Fort Frances|North York|Waterloo (Region)|Gananoque|Norwich|Welland|Georgina|Oakville|Wellesley|Glanbrook|Orangeville|West Carleton|Gloucester|Orillia|West Lincoln|Goulbourn|Osgoode|Whitby|Gravenhurst|Oshawa|Wilmot|Grimsby|Ottawa|Windsor|Guelph|Ottawa-Carleton|Woolwich|Haldimand-Norfork|Owen Sound|York|Oxford";
s_a[10] = "Alberton|Montague|Stratford|Charlottetown|Souris|Summerside|Cornwall";
s_a[11] = "Acton Vale|Alma|Amos|Amqui|Asbestos|Baie-Comeau|Baie-d\Urfé|Baie-Saint-Paul|Barkmere|Beaconsfield|Beauceville|Beauharnois|Beaupré|Bécancour|Bedford|Belleterre|Beloeil|Berthierville|Blainville|Bois-des-Filion|Boisbriand|Bonaventure|Boucherville|Brome Lake|Bromont|Brossard|Brownsburg-Chatham|Candiac|Cap-Chat|Cap-Santé|Carignan|Carleton-sur-Mer|Causapscal|Chambly|Chandler|Chapais|Charlemagne|Château-Richer|Châteauguay|Chibougamau|Clermont|Coaticook|Contrecoeur|Cookshire-Eaton|Coteau-du-Lac|Côte Saint-Luc|Cowansville|Danville|Daveluyville|Dégelis|Delson|Desbiens|Deux-Montagnes|Disraeli|Dolbeau-Mistassini|Dollard-des-Ormeaux|Donnacona|Dorval|Drummondville|Dunham|Duparquet|East Angus|Estérel|Farnham|Fermont|Forestville|Fossambault-sur-le-Lac|Gaspé|Gatineau|Gracefield|Granby|Grande-Rivière|Hampstead|Hudson|Huntingdon|Joliette|Kingsey Falls|Kirkland|L\Ancienne-Lorette|L\Assomption|L\Épiphanie|L\Île-Cadieux|L\Île-Dorval|L\Île-Perrot|La Malbaie|La Pocatière|La Prairie|La Sarre|La Tuque|Lac-Delage|Lac-Mégantic|Lac-Saint-Joseph|Lac-Sergent|Lachute|Laval|Lavaltrie|Lebel-sur-Quévillon|Léry|Lévis|Longueuil|Lorraine|Louiseville|Macamic|Magog|Malartic|Maniwaki|Marieville|Mascouche|Matagami|Matane|Mercier|Métabetchouan–Lac-à-la-Croix|Métis-sur-Mer|Mirabel|Mont-Joli|Mont-Laurier|Mont-Saint-Hilaire|Mont-Tremblant|Montmagny|Montreal|Montreal West (Montréal-Ouest)|Montréal-Est|Mount Royal (Mont-Royal)|Murdochville|Neuville|New Richmond|Nicolet|Normandin|Notre-Dame-de-l\Île-Perrot|Notre-Dame-des-Prairies|Otterburn Park|Paspébiac|Percé|Pincourt|Plessisville|Pohénégamook|Pointe-Claire|Pont-Rouge|Port-Cartier|Portneuf|Prévost|Princeville|Quebec City|Repentigny|Richelieu|Richmond|Rimouski|Rivière-du-Loup|Rivière-Rouge|Roberval|Rosemère|Rouyn-Noranda|Saguenay|Saint-Augustin-de-Desmaures|Saint-Basile|Saint-Basile-le-Grand|Saint-Bruno-de-Montarville|Saint-Césaire|Saint-Colomban|Saint-Constant|Saint-Eustache|Saint-Félicien|Saint-Gabriel|Saint-Georges|Saint-Hyacinthe|Saint-Jean-sur-Richelieu|Saint-Jérôme|Saint-Joseph-de-Beauce|Saint-Joseph-de-Sorel|Saint-Lambert|Saint-Lazare|Saint-Lin-Laurentides|Saint-Marc-des-Carrières|Saint-Ours|Saint-Pamphile|Saint-Pascal|Saint-Pie|Saint-Raymond|Saint-Rémi|Saint-Sauveur|Saint-Tite|Sainte-Adèle|Sainte-Agathe-des-Monts|Sainte-Anne-de-Beaupré|Sainte-Anne-de-Bellevue|Sainte-Anne-des-Monts|Sainte-Anne-des-Plaines|Sainte-Catherine|Sainte-Catherine-de-la-Jacques-Cartier|Sainte-Julie|Sainte-Marguerite-du-Lac-Masson|Sainte-Marie|Sainte-Marthe-sur-le-Lac|Sainte-Thérèse|Salaberry-de-Valleyfield|Schefferville|Scotstown|Senneterre|Sept-Îles|Shawinigan|Sherbrooke|Sorel-Tracy|Stanstead|Sutton|Témiscaming|Témiscouata-sur-le-Lac|Terrebonne|Thetford Mines|Thurso|Trois-Pistoles|Trois-Rivières|Val-d\Or|Valcourt|Varennes|Vaudreuil-Dorion|Victoriaville|Ville-Marie|Warwick|Waterloo|Waterville|Westmount|Windsor";
s_a[12] = "Avonlea|Melfort|Swift Current|Colonsay|Nipawin|Tisdale|Craik|Prince Albert|Unity|Creighton|Regina|Weyburn|Eastend|Saskatoon|Wynyard|Esterhazy|Shell Lake|Yorkton|Gravelbourg";
s_a[13] = "Whitehorse|Dawson City|Faro|Watson Lake";


function populatecitys(stateElementId, cityElementId) {

    var selectedstateIndex = document.getElementById(stateElementId).selectedIndex;

    var cityElement = document.getElementById(cityElementId);

    cityElement.length = 0; // Fixed by Julian Woods
    cityElement.options[0] = new Option('Select city', '');
    cityElement.selectedIndex = 0;

    var city_arr = s_a[selectedstateIndex].split("|");

    for (var i = 0; i < city_arr.length; i++) {
        cityElement.options[cityElement.length] = new Option(city_arr[i], city_arr[i]);
    }
}

function populateCountries(stateElementId, cityElementId) {
    // given the id of the <select> tag as function argument, it inserts <option> tags
    var stateElement = document.getElementById(stateElementId);
    stateElement.length = 0;
    stateElement.options[0] = new Option('Select state', '-1');
    stateElement.selectedIndex = 0;
    for (var i = 0; i < state_arr.length; i++) {
        stateElement.options[stateElement.length] = new Option(state_arr[i], state_arr[i]);
    }

    // Assigned all countries. Now assign event listener for the citys.

    if (cityElementId) {
        stateElement.onchange = function () {
            populatecitys(stateElementId, cityElementId);
        };
    }
}


populateCountries("state", "city");
</script>




<!DOCTYPE html>
<html lang="en">

<head>
<style>
/* LIST VIEW */
#container .list{
    width: 100%;
	padding: 1px;
}
#container .list li {
    background: #F9F9F9;
    margin-bottom: 15px;
    padding: 5px;
    list-style-type: none;
	    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	box-shadow: 0 0 0.6em #ccc;
    -webkit-box-shadow: 0 0 0.6em #ccc;
    -o-box-shadow: 0 0 0.6em #ccc;
    -moz-box-shadow: 0 0 0.6em #ccc;
    -ms-box-shadow: 0 0 0.6em #ccc;
}
@media screen and (max-width: 600px) {
    #container .list li {
    background: #F9F9F9;
    margin-bottom: 0px;
    padding: 3px;
    list-style-type: none;
	    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	box-shadow: 0 0 0.6em #ccc;
    -webkit-box-shadow: 0 0 0.6em #ccc;
    -o-box-shadow: 0 0 0.6em #ccc;
    -moz-box-shadow: 0 0 0.6em #ccc;
    -ms-box-shadow: 0 0 0.6em #ccc;
	}

}
.catpath{
	margin-top:5px;
	margin-bottom: 0px;
	
	}
@media screen and (max-width: 600px) {
    .catpath{
	margin-top:0px;
	margin-bottom: 0px;
	
	}

}
.des{
	margin-top:10px;
	margin-bottom: 0px;
	color: #000000;
	font-size:14px;
	}	
@media screen and (max-width: 600px) {
.des{
	margin-top:3px;
	margin-bottom: 0px;
	color: #000000;
	font-size:12px;
	}	
}

#container .list li:hover {
	background:#fff;
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
#container .list li img{
	float: left;
    margin-right: 0;
    padding-bottom: 0;
    border: 1px solid #D1E0EE;
    padding: 0;
    width: 15%;
    height:20%;
    background-color: #fff;
}
@media screen and (max-width: 600px) {
    #container .list li img{
        float: left;
		margin-right: 0;
		padding-bottom: 0;
		border: 1px solid #D1E0EE;
		padding: 0;
		width: 25%;
		height:15%;
		background-color: #fff;
    }
}
#container ul.list li.alt{ background:gray; }
#container .list li p {
    overflow: hidden;
    word-wrap: break-word;
    color: #C1C1C1;
    font-size: 13px;
}
#container .list li .title{
	overflow: hidden;
    word-wrap: break-word;
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
    #container .list li .title{
	overflow: hidden;
    word-wrap: break-word;
    font-size: 14px;
    color: #000000;
    font-weight: 100;
	}
}
#container .list li .adprice{
	display:block;
	font-size:22px;
	display: block;
    font-size: 22px;
    color: #ACD3F7;
    margin: 5px 0 0 0;
}
@media screen and (max-width: 600px) {
    #container .list li .adprice{
	display:block;
	display: block;
    font-size: 12px;
    color: #ACD3F7;
    margin: 5px 0 0 0;
	}
}
span.adprice {
    display: block;
    font-size: 22px;
    color: rgba(1, 161, 133, 0.57);
    margin: 5px 0 0 0;
}
@media screen and (max-width: 600px) {
    span.adprice {
    display: block;
    font-size: 12px;
    color: rgba(1, 161, 133, 0.57);
    margin: 2px 0 0 0;
	}
}
#container .list li .list-left {
    width: 60%;
    margin-left: 3%;
    float: left;
	margin-bottom: -55px;
}
@media screen and (max-width: 600px) {
#container .list li .list-left {
    width: 70%;
    
	margin-bottom: -15px;
	}
}
#container .list li .list-right{
    width: 10%;
    float: right;
    text-align: right;
	margin-bottom: -55px;
}
@media screen and (max-width: 600px) {
   #container .list li .list-right{
    width: 0%;
    }
}
#container .list li .date{
	float: right;
    font-size: 12px;
    display: block;
    width: 100%;
    margin : 5px 0 5px 0;
    color: #404040;
    font-weight: 400;
}
#container .list li .cityname{
	display:block;
	color: #404040;
	
}
span.cityname{
	display:block;
	color: #404040;
}
#container .list li .adprice {
    display: block;
    font-size: 14px;
    color: rgb(245, 2, 0);
    margin: 10px 0 0 0;
}
#container .list li .list-right.title {
    overflow: hidden;
    word-wrap: break-word;
    font-size: 14px;
    text-decoration: none;
    color: #0099e5;
    font-weight: 700;
}
@media screen and (max-width: 600px) {
    #container .list li .list-right.title {
    overflow: hidden;
    word-wrap: break-word;
    font-size: 12px;
    text-decoration: none;
    color: #0099e5;
    font-weight: 300;
	}
}
@media only screen and (max-width: 640px) {
  .img-mobile{
   width:270px;
   align-content:center;
  }
}
@media only screen and (max-width: 640px) {
  .listleft-mobile{
   padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
</style>


    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Search for the automotive services and free business advertising canada</title>


	 <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script> 
    
    <!-- Bootstrap Core CSS -->
    <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="/css/freelancer.min1.css" rel="stylesheet">
    <link href="/css/stylee_catch.css" rel="stylesheet">
    <!--<link href="css/style_1236.css" rel="stylesheet">-->

	
    <!-- Custom Fonts -->
    <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    
        <!---Favicon Code--->
	<link rel='shortcut icon' type='/img/favicon.png' href='/img/favicon.png'> <!-- IE -->
	<link rel='apple-touch-icon' type='image/png' href='/img/favicon.png'> <!-- iPhone -->
	<link rel='apple-touch-icon' type='image/png' sizes='72x72' href='/img/favicon.png'> <!-- iPad -->
	<link rel='apple-touch-icon' type='image/png' sizes='114x114' href='/img/favicon.png'> <!-- iPhone4 -->
	<link rel='icon' type='image/png' href='/img/favicon.png'> <!-- Opera Speed Dial, at least 144×114 px -->
	
    <!--- Meta Tags --->
    <meta name="title" content="Search for the automotive services and free business advertising canada">
    <meta name="description" content="Browse and explore about all the information relevant to the automotive services for your authors and vehicles in Canada at  reasonable prices free business advertising canada.">
    <meta name="keywords" content="Catchfree,Search,ads, Automotive Services">
    <meta name="robots" content="index, follow">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="English">
	
    <base href="https://www.catchfree.ca" />    


</head>

<body id="page-top" class="index">
<div id="skipnav"><a href="https://www.catchfree.ca/">Skip to main content</a></div>

    <!-- Navigation -->
    
			
    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom" style="background-color:#282828;  
		@media only screen and (max-width: 640px) {
   margin-top: 30px;
   margin-bottom:10px;
}
	">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand logo" href="https://www.catchfree.ca"><img src="/img/CatchFree_E10.png" alt="A Free Classified Site Canada | CatchFree.ca" title="A Free Classified Site Canada | CatchFree.ca" height="70px" width="200px"  style="margin-top:-7px; padding:5px; padding-bottom:10px;" /></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="page-scroll">
                        <a href="https://www.catchfree.ca">Home</a>
                    </li>
                    <li class="page-scroll">
                        <a href="about-us" title="About Catch Free | CatchFree.ca">About</a>
                    </li>
                     <li class="page-scroll">
                                        <a href="#" id="#Login" data-toggle="modal" data-target="#login-panel" title="Sign in | CatchFree.ca">Sign in</a>
                                    </li>
                                    <li class="page-scroll">
                                        <a href="##" id="#Registration" data-toggle="modal" data-target="#reg-panel" title="Register in | CatchFree.ca">Register</a>
                                    </li>
                                    <li class="active">
                                        <a href="#" data-toggle="modal" data-target="#login-panel" style="background-color:#ED1B24; font-size:20px; border-radius:4px;" title="Post Free Ads on Catch Free | CatchFree.ca">Post Free Ad</a>
                                    </li>
                                    
                    
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
		
		

		
    </nav>
    

			<!---start popup Model --->    
  	
            <!---start popup Model --->    
  
    <div class="modal fade" id="login-panel" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h4 class="modal-title" id="myModalLabel">
                    Login</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div style="padding-right: 30px; padding-left: 30px;">
                        
                       <form role="form" method="POST" action="user_login.php" enctype="multipart/form-data" class="form-horizontal">
                                <div class="form-group">
                                    <label for="email" class="col-sm-2 control-label">
                                        Email</label>
                                    <div class="col-sm-10">
                                        <input type="email" autocomplete="off" name="user_email" class="form-control" id="email1" placeholder="Email" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="password1" class="col-sm-2 control-label">
                                        Password</label>
                                    <div class="col-sm-10">
                                        <input type="password" autocomplete="off" name="user_pass"  class="form-control" id="password1" placeholder="Password" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-2">

                                    </div>
                                    <div class="col-sm-10">
                                        <div class="g-recaptcha" data-sitekey="6Ld12cQZAAAAAEcDi7iz7a1qedLePJHYj2xIITIY"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                        <button id="login" class="btn btn-primary btn-sm">
                                            Submit</button>
                                        <button type="button" id="btn_close" data-dismiss="modal" aria-hidden="true" class="btn btn-default btn-sm">
                                            Cancel</button>
                                            <p id="login-message" style="color:green;font-size:14px;margin-top:10px;"></p>
                                            <a href="#" id="#forget_password" data-toggle="modal" data-target="#forget_password"> Forget Password</a>
                                    </div>
                                </div>
                                </div>
                                
                                </form>  
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<!---end popup model --->
<!---start popup Model --->    
  
    <div class="modal fade" id="forget_password" tabindex="-1" role="dialog" aria-labelledby="forget_password"
    aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h4 class="modal-title" id="myModalLabel">
                    Forget Password</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div style="padding-right: 30px; padding-left: 30px;">
                        
                       <form action="forget_password.php" role="form" method="POST"  enctype="multipart/form-data" class="form-horizontal">
                                <div class="form-group">
                                    <label for="email" class="col-sm-2 control-label">
                                        Email</label>
                                    <div class="col-sm-10">
                                        <input type="email" autocomplete="off" name="user_email" class="form-control" id="email1" placeholder="Email" />
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <div class="col-sm-2">

                                    </div>
                                    <div class="col-sm-10">
                                        <div class="g-recaptcha" data-sitekey="6Ld12cQZAAAAAEcDi7iz7a1qedLePJHYj2xIITIY"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                        <button id="forget_password" class="btn btn-primary btn-sm">
                                            Forget Password</button>
                                        <button type="button" id="btn_close" data-dismiss="modal" aria-hidden="true" class="btn btn-default btn-sm">
                                            Cancel</button>
                                            <p id="login-message" style="color:green;font-size:14px;margin-top:10px;"></p>
                                            
                                    </div>
                                </div>
                                </div>
                                
                                </form>  
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<!---end popup model --->
            <!---start popup Model --->    
  
    <div class="modal fade" id="login-panel-postad" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h4 class="modal-title" id="myModalLabel">
                    Login</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div style="padding-right: 30px; padding-left: 30px;">
                        
                       <form role="form" method="POST" action="user_login.php" enctype="multipart/form-data" class="form-horizontal">
                                <div class="form-group">
                                    <label for="email" class="col-sm-2 control-label">
                                        Email</label>
                                    <div class="col-sm-10">
                                        <input type="email" autocomplete="off" name="user_email" class="form-control" id="email1" placeholder="Email" required/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="password1" class="col-sm-2 control-label">
                                        Password</label>
                                    <div class="col-sm-10">
                                        <input type="password" autocomplete="off" name="user_pass"  class="form-control" id="password1" placeholder="Password" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                        <button id="login" class="btn btn-primary btn-sm">
                                            Submit</button>
                                            
                                            <p id="login-message" style="color:green;font-size:14px;margin-top:10px;"></p>
                                        
                                    </div>
                                </div>
                                </form>  
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<!---end popup model --->
<!---start popup Model --->    
  
    <div class="modal fade" id="reg-panel" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h4 class="modal-title" id="myModalLabel">
                    Registration</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div style="padding-right: 30px; padding-left: 30px;">
                        
                       <div class="tab-pane" id="Registration">
                                <form  id="register" role="form" class="form-horizontal">
                                <div class="form-group">
                                    <label for="email" class="col-sm-2 control-label">
                                        Name</label>
                                    <div class="col-sm-10">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <select class="form-control">
                                                    <option>Mr.</option>
                                                    <option>Ms.</option>
                                                    <option>Mrs.</option>
                                                </select>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="user_name" autocomplete="off" id="user_name" class="form-control" minlength="5" maxlength="30" placeholder="Name" required />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="email" class="col-sm-2 control-label">
                                        Email</label>
                                    <div class="col-sm-10">
                                        <input type="email" autocomplete="off" name="user_email" id="user_email" class="form-control" id="email" placeholder="Email" minlength="7" maxlength="30" required />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="mobile" class="col-sm-2 control-label">
                                        Mobile</label>
                                    <div class="col-sm-10">
                                        <input type="number" autocomplete="off" name="user_phone" id="user_phone" class="form-control" id="mobile" placeholder="Mobile" min="7" max="99999999999" required />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="password" class="col-sm-2 control-label">
                                        Password</label>
                                    <div class="col-sm-10">
                                        <input type="password" autocomplete="off" name="user_password" id="user_password" class="form-control" id="password" placeholder="Password" minlength="8" maxlength="30" required />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="postal-code" class="col-sm-2 control-label">
                                        Postal Code</label>
                                    <div class="col-sm-10">
                                        <input type="test" autocomplete="off" name="postal_code" id="postal_code" class="form-control" placeholder="Postal Code" minlength="4" maxlength="8" required />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="user-address" class="col-sm-2 control-label">
                                        Address</label>
                                    <div class="col-sm-10">
                                        <input type="test" autocomplete="off" name="user_address" id="user_address" class="form-control" placeholder="Address" minlength="10" maxlength="100" required />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="user_state" class="col-sm-2 control-label">
                                        State</label>
                                    <div class="col-sm-10">
                                         <select  id="state" name="user_state" class="form-control" required>
                                        
                                    </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="user_city" class="col-sm-2 control-label">
                                        City</label>
                                    <div class="col-sm-10">
                                         <select name="user_city" id="city" class="form-control" required>
                                        
                                    </select> 
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-2">
                                    
                                    </div>
                                    <div class="col-sm-10">
                                        <div class="g-recaptcha" data-sitekey="6Ld12cQZAAAAAEcDi7iz7a1qedLePJHYj2xIITIY"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                    <p id="message_register" class="message_register"></p>
                                        <button   id="submit_reg" class="btn btn-primary btn-sm">
                                            Register</button>
                                        <button type="button" id="btn_close" data-dismiss="modal" aria-hidden="true" class="btn btn-default btn-sm">
                                            Cancel</button>
                                            
                                            
                                    </div>
                                    
                                </div>
                                </form>
                            </div>
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<!---end popup model --->


            
            <!---end popup model --->

<!--- Search Form --->
<div class="navbar navbar-default" style="margin-top:9em;">
        <div class="container" style="margin-top:10px;">
          <div class="row">
          
            <div class="col-xs-12 col-md-10 col-md-offset-1">
              <div class="form-section">
                <div class="row">
                     <form role="form" action="posts_list.php">
                      <div class="col-md-4">
                        <div class="input-group hidden-xs">
                          <span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>
                          <input type="text" name="post_keyword" id="post_keyword" class="form-control" autocomplete="off" placeholder="Type Product Name">
                        </div>
                      </div>
                      <div class="col-md-3">
                        <div class="form-group">
                          <label class="sr-only" for="guest">Select Category</label>
                          <select class="selectpicker form-control text-capitalize" id="parent_category" name="parent_category">
                             <option value="3" selected>cars and vehicles</option>
                             
                                <option class="text-capitalize" value="1"><b>buy and sell</b></option><option class="text-capitalize" value="2"><b>vacation rentals</b></option><option class="text-capitalize" value="3"><b>cars and vehicles</b></option><option class="text-capitalize" value="4"><b>real estate</b></option><option class="text-capitalize" value="5"><b>jobs</b></option><option class="text-capitalize" value="6"><b>services</b></option><option class="text-capitalize" value="7"><b>pets</b></option><option class="text-capitalize" value="8"><b>community</b></option><option class="text-capitalize" value="9"><b>matrimonials</b></option>                                              
                          </select>
                        </div>
                      </div>
                      <div class="col-md-3">
                        <div class="form-group">
                          <label class="sr-only" for="guest" >City</label>
                         		  <select class="form-control" id="location_city" name="location_city">
                                 <option value="" selected>All Cites</option> 
								
											
                                            
                                          <optgroup label="Ontario">
                                            <option value="Bancroft">Bancroft</option>
                                            <option value="Barrie">Barrie</option>
                                            <option value="Belleville">Belleville</option>
                                            <option value="Brampton">Brampton</option>
                                            <option value="Brantford">Brantford</option>
                                            <option value="Brockville">Brockville</option>
                                            <option value="Burlington">Burlington</option>
                                            <option value="Cambridge">Cambridge</option>
                                            <option value="Chatham">Chatham</option>
                                            <option value="Chatham-Kent">Chatham-Kent</option>
                                            <option value="Cornwall">Cornwall</option>
                                            <option value="Elliot Lake">Elliot Lake</option>
                                            <option value="Etobicoke">Etobicoke</option>
                                            <option value="Fort Erie">Fort Erie</option>
                                            <option value="Fort Frances">Fort Frances</option>
                                            <option value="Gananoque">Gananoque</option>
                                            <option value="Guelph">Guelph</option>
                                            <option value="Hamilton">Hamilton</option>
                                            <option value="Iroquois Falls">Iroquois Falls</option>
                                            <option value="Kapuskasing">Kapuskasing</option>
                                            <option value="Kawartha Lakes">Kawartha Lakes</option>
                                            <option value="Kenora">Kenora</option>
                                            <option value="Kingston">Kingston</option>
                                            <option value="Kirkland Lake">Kirkland Lake</option>
                                            <option value="Kitchener">Kitchener</option>
                                            <option value="Laurentian Hills">Laurentian Hills</option>
                                            <option value="London">London</option>
                                            <option value="Midland">Midland</option>
                                            <option value="Mississauga">Mississauga</option>
                                            <option value="Moose Factory">Moose Factory</option>
                                            <option value="Moosonee">Moosonee</option>
                                            <option value="Niagara Falls">Niagara Falls</option>
                                            <option value="Niagara-on-the-Lake">Niagara-on-the-Lake</option>
                                            <option value="North Bay">North Bay</option>
                                            <option value="North York">North York</option>
                                            <option value="Oakville">Oakville</option>
                                            <option value="Orillia">Orillia</option>
                                            <option value="Oshawa">Oshawa</option>
                                            <option value="Ottawa">Ottawa</option>
                                            <option value="Parry Sound">Parry Sound</option>
                                            <option value="Perth">Perth</option>
                                            <option value="Peterborough">Peterborough</option>
                                            <option value="Picton">Picton</option>
                                            <option value="Port Colborne">Port Colborne</option>
                                            <option value="Saint Catharines">Saint Catharines</option>
                                            <option value="Saint Thomas">Saint Thomas</option>
                                            <option value="Sarnia-Clearwater">Sarnia-Clearwater</option>
                                            <option value="Sault Sainte Marie">Sault Sainte Marie</option>
                                            <option value="Scarborough">Scarborough</option>
                                            <option value="Simcoe">Simcoe</option>
                                            <option value="Stratford">Stratford</option>
                                            <option value="Sudbury">Sudbury</option>
                                            <option value="Temiskaming Shores">Temiskaming Shores</option>
                                            <option value="Thorold">Thorold</option>
                                            <option value="Thunder Bay">Thunder Bay</option>
                                            <option value="Timmins">Timmins</option>
                                            <option value="Toronto">Toronto</option>
											<option value="Mississauga">Mississauga </option>
                                            <option value="Trenton">Trenton</option>
                                            <option value="Waterloo">Waterloo</option>
                                            <option value="Welland">Welland</option>
                                            <option value="West Nipissing">West Nipissing</option>
                                            <option value="Windsor">Windsor</option>
                                            <option value="Woodstock">Woodstock</option>
                                            <option value="York">York</option>
                                            
                                          </optgroup>
										  <optgroup label="Alberta">
                                            <option value="Banff">Banff</option>
                                            <option value="Brooks">Brooks</option>
                                            <option value="Calgary">Calgary</option>
                                            <option value="Edmonton">Edmonton</option>
                                            <option value="Fort McMurray">Fort McMurray</option>
                                            <option value="Grande Prairie">Grande Prairie</option>
                                            <option value="Jasper">Jasper</option>
                                            <option value="Lake Louise">Lake Louise</option>
                                            <option value="Lethbridge">Lethbridge</option>
                                            <option value="Medicine Hat">Medicine Hat</option>
                                            <option value="Red Deer">Red Deer</option>
                                            <option value="Saint Albert">Saint Albert</option>
                                            
                                          </optgroup>
                                          <optgroup label="British Columbia">
                                            <option value="Barkerville">Barkerville</option>
                                            <option value="Burnaby">Burnaby</option>
                                            <option value="Campbell River">Campbell River</option>
                                            <option value="Chilliwack">Chilliwack</option>
                                            <option value="Courtenay">Courtenay</option>
                                            <option value="Cranbrook">Cranbrook</option>
                                            <option value="Dawson Creek">Dawson Creek</option>
                                            <option value="Delta">Delta</option>
                                            <option value="Esquimalt">Esquimalt</option>
                                            <option value="Fort Saint James">Fort Saint James</option>
                                            <option value="Fort Saint John">Fort Saint John</option>
                                            <option value="Hope">Hope</option>
                                            <option value="Kamloops">Kamloops</option>
                                            <option value="Kelowna">Kelowna</option>
                                            <option value="Kimberley">Kimberley</option>
                                            <option value="Kitimat">Kitimat</option>
                                            <option value="Langley">Langley</option>
                                            <option value="Nanaimo">Nanaimo</option>
                                            <option value="Nelson">Nelson</option>
                                            <option value="New Westminster">New Westminster</option>
                                            <option value="North Vancouver">North Vancouver</option>
                                            <option value="Oak Bay">Oak Bay</option>
                                            <option value="Penticton">Penticton</option>
                                            <option value="Powell River">Powell River</option>
                                            <option value="Prince George">Prince George</option>
                                            <option value="Prince Rupert">Prince Rupert</option>
                                            <option value="Quesnel">Quesnel</option>
                                            <option value="Revelstoke">Revelstoke</option>
                                            <option value="Rossland">Rossland</option>
                                            <option value="Trail">Trail</option>
                                            <option value="Vancouver">Vancouver</option>
                                            <option value="Vernon">Vernon</option>
                                            <option value="Victoria">Victoria</option>
                                            <option value="West Vancouver">West Vancouver</option>
                                            <option value="White Rock">White Rock</option>
                                            
                                          </optgroup>
                                          <optgroup label="Labrador and Newfoundland">
                                            <option value="Argentia">Argentia</option>
                                            <option value="Bonavista">Bonavista</option>
                                            <option value="Channel-Port aux Basques">Channel-Port aux Basques</option>
                                            <option value="Corner Brook">Corner Brook</option>
                                            <option value="Ferryland">Ferryland</option>
                                            <option value="Gander">Gander</option>
                                            <option value="Grand Falls–Windsor">Grand Falls–Windsor</option>
                                            <option value="Happy Valley–Goose Bay">Happy Valley–Goose Bay</option>
                                            <option value="Harbour Grace">Harbour Grace</option>
                                            <option value="Labrador City">Labrador City</option>
                                            <option value="Placentia">Placentia</option>
                                            <option value="Saint Anthony">Saint Anthony</option>
                                            <option value="St. John’s">St. John’s</option>
                                            <option value="Wabana">Wabana</option>
                                            
                                          </optgroup>
                                          <optgroup label="Manitoba">
                                            <option value="Brandon">Brandon</option>
                                            <option value="Churchill">Churchill</option>
                                            <option value="Dauphin">Dauphin</option>
                                            <option value="Flin Flon">Flin Flon</option>
                                            <option value="Kildonan">Kildonan</option>
                                            <option value="Saint Boniface">Saint Boniface</option>
                                            <option value="Swan River">Swan River</option>
                                            <option value="Thompson">Thompson</option>
                                            <option value="Winnipeg">Winnipeg</option>
                                            <option value="York Factory">York Factory</option>
                                            
                                          </optgroup>
                                          <optgroup label="New Brunswick">
                                            <option value="Bathurst">Bathurst</option>
                                            <option value="Caraquet">Caraquet</option>
                                            <option value="Dalhousie">Dalhousie</option>
                                            <option value="Fredericton">Fredericton</option>
                                            <option value="Miramichi">Miramichi</option>
                                            <option value="Moncton">Moncton</option>
                                            <option value="Saint John">Saint John</option>
                                            <option value="Wabana">Wabana</option>
                                            
                                          </optgroup>
                                          <optgroup label="Nova Scotia">
                                            <option value="Baddeck">Baddeck</option>
                                            <option value="Digby">Digby</option>
                                            <option value="Glace Bay">Glace Bay</option>
                                            <option value="Halifax">Halifax</option>
                                            <option value="Liverpool">Liverpool</option>
                                            <option value="Louisbourg">Louisbourg</option>
                                            <option value="Lunenburg">Lunenburg</option>
                                            <option value="Pictou">Pictou</option>
                                            <option value="Port Hawkesbury">Port Hawkesbury</option>
                                            <option value="Springhill">Springhill</option>
                                            <option value="Sydney">Sydney</option>
                                            <option value="Yarmouth">Yarmouth</option>
                                            
                                          </optgroup>
                                          <optgroup label="Nunavut">
                                            <option value="Iqaluit">Iqaluit</option>
                                            
                                          </optgroup>
                                          <optgroup label="North West Terr.">
                                            <option value="Fort Smith">Fort Smith</option>
                                            <option value="Hay River">Hay River</option>
                                            <option value="Inuvik">Inuvik</option>
                                            <option value="Tuktoyaktuk">Tuktoyaktuk</option>
                                            <option value="Yellowknife">Yellowknife</option>
                                            <option value="Wabana">Wabana</option>
                                            
                                          </optgroup>
                                          
                                          <optgroup label="Prince Edward Is">
                                            <option value="Borden">Borden</option>
                                            <option value="Cavendish">Cavendish</option>
                                            <option value="Charlottetown">Charlottetown</option>
                                            <option value="Souris">Souris</option>
                                            <option value="Summerside">Summerside</option>
                                            
                                          </optgroup>
                                          <optgroup label="Quebec">
                                            <option value="Asbestos">Asbestos</option>
                                            <option value="Baie-Comeau">Baie-Comeau</option>
                                            <option value="Beloeil">Beloeil</option>
                                            <option value="Cap-de-la-Madeleine">Cap-de-la-Madeleine</option>
                                            <option value="Chambly">Chambly</option>
                                            <option value="Charlesbourg">Charlesbourg</option>
                                            <option value="Chateauguay">Chateauguay</option>
                                            <option value="Chibougamau">Chibougamau</option>
                                            <option value="Cote-Saint-Luc">Cote-Saint-Luc</option>
                                            <option value="Dorval">Dorval</option>
                                            <option value="Gaspe">Gaspe</option>
                                            <option value="Gatineau">Gatineau</option>
                                            <option value="Granby">Granby</option>
                                            <option value="Havre-Saint-Pierre">Havre-Saint-Pierre</option>
                                            <option value="Hull">Hull</option>
                                            <option value="Jonquière">Jonquière</option>
                                            <option value="Kuujjuaq">Kuujjuaq</option>
                                            <option value="La Salle">La Salle</option>
                                            <option value="La Tuque">La Tuque</option>
                                            <option value="Lachine">Lachine</option>
                                            <option value="Laval">Laval</option>
                                            <option value="Levis">Levis</option>
                                            <option value="Longueuil">Longueuil</option>
                                            <option value="Magog">Magog</option>
                                            <option value="Matane">Matane</option>
                                            <option value="Montreal">Montreal</option>
                                            <option value="Montréal-Nord">Montréal-Nord</option>
                                            <option value="Percé">Percé</option>
                                            <option value="Port-Cartier">Port-Cartier</option>
                                            <option value="Quebec">Quebec</option>
                                            <option value="Rimouski">Rimouski</option>
                                            <option value="Rouyn-Noranda">Rouyn-Noranda</option>
                                            <option value="Saguenay">Saguenay</option>
                                            <option value="Saint-Eustache">Saint-Eustache</option>
                                            <option value="Saint-Hubert">Saint-Hubert</option>
                                            <option value="Sainte-Anne-de-Beaupré">Sainte-Anne-de-Beaupré</option>
                                            <option value="Sainte-Foy">Sainte-Foy</option>
                                            <option value="Sainte-Thérèse">Sainte-Thérèse</option>
                                            <option value="Sept-ÃŽles">Sept-ÃŽles</option>
                                            <option value="Sherbrooke">Sherbrooke</option>
                                            <option value="Sorel-Tracy">Sorel-Tracy</option>
                                            <option value="Trois-Rivières">Trois-Rivières</option>
                                            <option value="Val-d’Or">Val-d’Or</option>
                                            <option value="Waskaganish">Waskaganish</option>
                                            
                                          </optgroup>
                                          <optgroup label="Saskatchewen">
                                            <option value="Batoche">Batoche</option>
                                            <option value="Cumberland House">Cumberland House</option>
                                            <option value="Estevan">Estevan</option>
                                            <option value="Flin Flon">Flin Flon</option>
                                            <option value="Moose Jaw">Moose Jaw</option>
                                            <option value="Prince Albert">Prince Albert</option>
                                            <option value="Regina">Regina</option>
                                            <option value="Saskatoon">Saskatoon</option>
                                            <option value="Uranium City">Uranium City</option>
                                            
                                          </optgroup>
                                          <optgroup label="Yukon">
                                            <option value="Dawson">Dawson</option>
                                            <option value="Watson Lake">Watson Lake</option>
                                            <option value="Whitehorse">Whitehorse</option>
                                            
                                          </optgroup>
                                        
                         
		
		                               </select>         
                        </div>
                      </div>
                      <div class="col-md-2">
                        <button type="submit" class="btn btn-default btn-primary" onClick="search_by()">Search</button>
                      </div>
                    </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

<!---End Seach Form ---->    

<!-- Cars -->
	<div class="total-ads">
		<div class="container">
			
			<div class="ads-grid">
				<div class="side-bar col-md-3" style="margin-bottom:50px;">
					<div class="search-hotel">
                      <br>
            			  <!--- buy & Sell ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#buysell">
                                <h4 class="panel-title" style="font-size:14px">
                                  buy & Sell
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="buysell" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group" style="padding:0px;"><a href="posts-list/1/Arts-Antiques"><li class="list-group-item justify-content-between">Arts, Antiques</li></a><a href="posts-list/2/Baby-items"><li class="list-group-item justify-content-between">Baby items</li></a><a href="posts-list/3/Bikes"><li class="list-group-item justify-content-between">Bikes</li></a><a href="posts-list/4/Books-Magazines"><li class="list-group-item justify-content-between">Books, Magazines</li></a><a href="posts-list/5/Business"><li class="list-group-item justify-content-between">Business</li></a><a href="posts-list/6/Electronics"><li class="list-group-item justify-content-between">Electronics</li></a><a href="posts-list/7/Computer-Accessories"><li class="list-group-item justify-content-between">Computer, Accessories</li></a><a href="posts-list/8/Clothing"><li class="list-group-item justify-content-between">Clothing</li></a><a href="posts-list/9/Free-Stuff"><li class="list-group-item justify-content-between">Free Stuff</li></a><a href="posts-list/10/Furniture"><li class="list-group-item justify-content-between">Furniture</li></a><a href="posts-list/11/Garage-Shops"><li class="list-group-item justify-content-between">Garage, Shops</li></a><a href="posts-list/12/Medical-Equipments"><li class="list-group-item justify-content-between">Medical Equipment's</li></a><a href="posts-list/13/House-Hold-Items"><li class="list-group-item justify-content-between">House Hold Items</li></a><a href="posts-list/14/Jewelry-Accessories"><li class="list-group-item justify-content-between">Jewelry, Accessories</li></a><a href="posts-list/15/Musical-Instruments"><li class="list-group-item justify-content-between">Musical Instruments</li></a><a href="posts-list/16/Phone-Accessories"><li class="list-group-item justify-content-between">Phone, Accessories</li></a><a href="posts-list/17/Sports-Items"><li class="list-group-item justify-content-between">Sports Items</li></a><a href="posts-list/18/Tickets-Coupons"><li class="list-group-item justify-content-between">Tickets, Coupons</li></a><a href="posts-list/19/Tools"><li class="list-group-item justify-content-between">Tools</li></a><a href="posts-list/20/Toys-Games"><li class="list-group-item justify-content-between">Toys, Games</li></a><a href="posts-list/21/Others"><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- Jobs --->   
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#jobs">
                                <h4 class="panel-title" style="font-size:14px">
                                  Jobs
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="jobs" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts-list-by-jobs/61/Accounting-Execution"><li class="list-group-item justify-content-between">Accounting, Execution</li></a><a href="posts-list-by-jobs/62/Child-care"><li class="list-group-item justify-content-between">Child care</li></a><a href="posts-list-by-jobs/63/Hospitality"><li class="list-group-item justify-content-between">Hospitality</li></a><a href="posts-list-by-jobs/64/House-Keeper-Cleaning"><li class="list-group-item justify-content-between">House Keeper, Cleaning</li></a><a href="posts-list-by-jobs/75/Construction"><li class="list-group-item justify-content-between">Construction</li></a><a href="posts-list-by-jobs/76/Customer-Services"><li class="list-group-item justify-content-between">Customer Services</li></a><a href="posts-list-by-jobs/77/Security-Driver"><li class="list-group-item justify-content-between">Security, Driver</li></a><a href="posts-list-by-jobs/78/Labor-Supervisor"><li class="list-group-item justify-content-between">Labor, Supervisor</li></a><a href="posts-list-by-jobs/79/Web--Graphics-Design"><li class="list-group-item justify-content-between">Web & Graphics Design</li></a><a href="posts-list-by-jobs/80/Computer-Programmer"><li class="list-group-item justify-content-between">Computer Programmer</li></a><a href="posts-list-by-jobs/81/System-Analyst"><li class="list-group-item justify-content-between">System Analyst</li></a><a href="posts-list-by-jobs/82/Health-care"><li class="list-group-item justify-content-between">Health care</li></a><a href="posts-list-by-jobs/83/Salon"><li class="list-group-item justify-content-between">Salon</li></a><a href="posts-list-by-jobs/84/Office-Staff"><li class="list-group-item justify-content-between">Office Staff</li></a><a href="posts-list-by-jobs/85/Sales-Person"><li class="list-group-item justify-content-between">Sales Person</li></a><a href="posts-list-by-jobs/86/Tutor"><li class="list-group-item justify-content-between">Tutor</li></a><a href="posts-list-by-jobs/87/Media-"><li class="list-group-item justify-content-between">Media </li></a><a href="posts-list-by-jobs/88/Gardener"><li class="list-group-item justify-content-between">Gardener</li></a><a href="posts-list-by-jobs/89/Others"><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- CARS & VEHICLES ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#cars">
                                <h4 class="panel-title" style="font-size:14px">
                                  CARS & VEHICLES
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="cars" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts-list-by-cars/37/Cars-Trucks"><li class="list-group-item justify-content-between">Cars, Trucks</li></a><a href="posts-list-by-cars/38/Auto-parts"><li class="list-group-item justify-content-between">Auto parts</li></a><a href="posts-list-by-cars/39/Automotive-Services"><li class="list-group-item justify-content-between">Automotive Services</li></a><a href="posts-list-by-cars/40/Motorbikes"><li class="list-group-item justify-content-between">Motorbikes</li></a><a href="posts-list-by-cars/41/Boats"><li class="list-group-item justify-content-between">Boats</li></a><a href="posts-list-by-cars/42/Snowmobiles"><li class="list-group-item justify-content-between">Snowmobiles</li></a><a href="posts-list-by-cars/43/Trailers-RVs"><li class="list-group-item justify-content-between">Trailers, RV's</li></a><a href="posts-list-by-cars/44/Heavy-Equipments"><li class="list-group-item justify-content-between">Heavy Equipment's</li></a><a href="posts-list-by-cars/45/Others"><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- REAL ESTATE ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#real_estate">
                                <h4 class="panel-title" style="font-size:14px">
                                  REAL ESTATE
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="real_estate" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts-list-by-realestate/50/Apartments-Condos"><li class="list-group-item justify-content-between">Apartments, Condos</li></a><a href="posts-list-by-realestate/51/House-Villas"><li class="list-group-item justify-content-between">House, Villas</li></a><a href="posts-list-by-realestate/52/Rooms-Room-mates"><li class="list-group-item justify-content-between">Rooms, Room mates</li></a><a href="posts-list-by-realestate/53/Office-space-shops"><li class="list-group-item justify-content-between">Office space, shops</li></a><a href="posts-list-by-realestate/54/Stores-Parking"><li class="list-group-item justify-content-between">Stores, Parking</li></a><a href="posts-list-by-realestate/55/House-Sale"><li class="list-group-item justify-content-between">House (Sale)</li></a><a href="posts-list-by-realestate/56/Condos-Sale"><li class="list-group-item justify-content-between">Condos (Sale)</li></a><a href="posts-list-by-realestate/57/Land-Sale"><li class="list-group-item justify-content-between">Land (Sale)</li></a><a href="posts-list-by-realestate/58/Services"><li class="list-group-item justify-content-between">Services</li></a><a href="posts-list-by-realestate/59/Others"><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- VACATION RENTALS ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#vacation">
                                <h4 class="panel-title" style="font-size:14px">
                                  VACATION RENTALS
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="vacation" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts-list/32/Canada"><li class="list-group-item justify-content-between">Canada</li></a><a href="posts-list/33/USA"><li class="list-group-item justify-content-between">USA</li></a><a href="posts-list/34/Caribbean"><li class="list-group-item justify-content-between">Caribbean</li></a><a href="posts-list/35/Mexico"><li class="list-group-item justify-content-between">Mexico</li></a><a href="posts-list/36/Other-Countries"><li class="list-group-item justify-content-between">Other Countries</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- PETS ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#pets">
                                <h4 class="panel-title" style="font-size:14px">
                                  PETS
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="pets" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts-list/108/Pets-Services"><li class="list-group-item justify-content-between">Pets Services</li></a><a href="posts-list/109/Pets-Rehoming"><li class="list-group-item justify-content-between">Pets Rehoming</li></a><a href="posts-list/110/Pets-Accessories"><li class="list-group-item justify-content-between">Pets Accessories</li></a><a href="posts-list/111/Lost--Found"><li class="list-group-item justify-content-between">Lost & Found</li></a><a href="posts-list/112/Live-Stock"><li class="list-group-item justify-content-between">Live Stock</li></a><a href="posts-list/113/Others"><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- SERVICES ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#services">
                                <h4 class="panel-title" style="font-size:14px">
                                  SERVICES
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="services" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts-list/92/Art-Entertainment"><li class="list-group-item justify-content-between">Art, Entertainment</li></a><a href="posts-list/93/Childcare"><li class="list-group-item justify-content-between">Childcare</li></a><a href="posts-list/94/Cleaning"><li class="list-group-item justify-content-between">Cleaning</li></a><a href="posts-list/95/Legal-Guidance"><li class="list-group-item justify-content-between">Legal Guidance</li></a><a href="posts-list/96/Financial-Advice"><li class="list-group-item justify-content-between">Financial Advice</li></a><a href="posts-list/97/Health-Fitness"><li class="list-group-item justify-content-between">Health, Fitness</li></a><a href="posts-list/98/Cuisine-Catering"><li class="list-group-item justify-content-between">Cuisine, Catering</li></a><a href="posts-list/99/Movers-Labor"><li class="list-group-item justify-content-between">Movers, Labor</li></a><a href="posts-list/100/Pick--Drop"><li class="list-group-item justify-content-between">Pick  & Drop</li></a><a href="posts-list/101/Relocation"><li class="list-group-item justify-content-between">Relocation</li></a><a href="posts-list/102/Security"><li class="list-group-item justify-content-between">Security</li></a><a href="posts-list/103/Transportation"><li class="list-group-item justify-content-between">Transportation</li></a><a href="posts-list/104/Education"><li class="list-group-item justify-content-between">Education</li></a><a href="posts-list/105/Counseling"><li class="list-group-item justify-content-between">Counseling</li></a><a href="posts-list/106/Beautician"><li class="list-group-item justify-content-between">Beautician</li></a><a href="posts-list/107/Others"><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- COMMUNITY ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#community">
                                <h4 class="panel-title" style="font-size:14px">
                                  COMMUNITY
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="community" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts-list/114/Artists"><li class="list-group-item justify-content-between">Artists</li></a><a href="posts-list/115/Events"><li class="list-group-item justify-content-between">Events</li></a><a href="posts-list/116/Rideshare"><li class="list-group-item justify-content-between">Rideshare</li></a><a href="posts-list/117/Lost-Found"><li class="list-group-item justify-content-between">Lost, Found</li></a><a href="posts-list/118/Culture-Groups"><li class="list-group-item justify-content-between">Culture, Groups</li></a><a href="posts-list/119/Volunteers"><li class="list-group-item justify-content-between">Volunteers</li></a><a href="posts-list/120/Local-News"><li class="list-group-item justify-content-between">Local News</li></a><a href="posts-list/121/Sports"><li class="list-group-item justify-content-between">Sports</li></a><a href="posts-list/122/ReViews"><li class="list-group-item justify-content-between">ReViews</li></a><a href="posts-list/123/Pet-Adoption"><li class="list-group-item justify-content-between">Pet Adoption</li></a><a href="posts-list/124/Musicians"><li class="list-group-item justify-content-between">Musicians</li></a><a href="posts-list/125/Others"><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- MATRIMONIALS ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#matrimonials">
                                <h4 class="panel-title" style="font-size:14px">
                                  Matrimonials
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="matrimonials" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts-list/126/Seeking-Bride"><li class="list-group-item justify-content-between">Seeking Bride</li></a><a href="posts-list/127/Seeking-Groom"><li class="list-group-item justify-content-between">Seeking Groom</li></a></ul>                                </div>
                              </div>
                            </div>
                       
					</div>
				
				<!--- Price --->
                
				
				<div class="w3-brand-select">
					<!--<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Price</h3>
					  
                      <form id="integerForm">
                      <div class="row col-md-8">
                      <div class="input-group">
                         	<input type="number" id="min_price" name="min_price" min="0" max="1000000" placeholder="Min Price" class="form-control" required>				
                             <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                      </div>
                      <div class="input-group">
                      		<input type="number" id="max_price" name="max_price" min="0" max="1000000" placeholder="Max Price" class="form-control" required>
                            <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                      </div>
                      </div>
                      <div class="row col-md-4" style="padding-top:20px; padding-left:20px">
                      <div class="col-xs-12 pull-right">
                      		<input type="submit" value="Update" class="btn btn-default" onClick="search_by()">
                      </div>
                      </div>
                      
                      </form>
					  
					   <div class="buying-selling-group" id="buying-selling-group" data-toggle="buttons" style="margin-top:20px;">
								<label class="btn btn-default buying-selling">
									<input type="radio" name="options" id="option1" autocomplete="off">
									<span class="radio-dot"></span>
									<span class="buying-selling-word">Selling</span>
								</label>
							
								<label class="btn btn-default buying-selling">
									<input type="radio" name="options" id="option2" autocomplete="off">
									<span class="radio-dot"></span>
									<span class="buying-selling-word">Buying</span>
								</label>
						</div>-->
					 <div class="row col-md-12">
					<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Filter by</h3>
                    
                           
                    <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a href="posts_list.php?Price_by=Please_Contact" >
                                <p class="panel-title" style="font-size:14px">
                                  Please Contact
                                <i class="fa fa-search pull-right" aria-hidden="true"></i>
                                </p>
                                </a>
                              </div>
                              
                            </div>
                            
                            <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a href="posts_list.php?Price_by=Swipe-Trade" >
                                <p class="panel-title" style="font-size:14px">
                                  Swipe & Trade
                                <i class="fa fa-search pull-right" aria-hidden="true"></i>
                                </p>
                                </a>
                              </div>
                              
                            </div>
                            
                             <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a href="posts_list.php?Price_by=free" >
                                <p class="panel-title" style="font-size:14px">
                                  Free
                                <i class="fa fa-search pull-right" aria-hidden="true"></i>
                                </p>
                                </a>
                              </div>
                              
                            </div>
                            
                   </div> 
				</div>
				                
				<!--- Make  --->
                <div class="search-hotel row  col-md-12">
					<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Make</h3>
						<select class="form-control" id="Make" onChange="window.location='posts_list_by_cars.php?Car_Make='+this.value">
							<option value="">Select Make</option>
                            
		<option value="Acura">Acura</option>
		<option value="Alfa Romeo">Alfa Romeo</option>
		<option value="AM General">AM General</option>
		<option value="AMC">AMC</option>
		<option value="Aston Martin">Aston Martin</option>
		<option value="Audi">Audi</option>
		<option value="Austin-Healey">Austin-Healey</option>
		<option value="Bentley">Bentley</option>
		<option value="BMW">BMW</option>
		<option value="Bricklin">Bricklin</option>
		<option value="Bugatti">Bugatti</option><option value="Buick">Buick</option>
		<option value="Cadillac">Cadillac</option>
		<option value="Chevrolet">Chevrolet</option>
		<option value="Chrysler">Chrysler</option>
		<option value="Daewoo">Daewoo</option>
		<option value="Daihatsu">Daihatsu</option>
		<option value="Datsun">Datsun</option>
		<option value="Dodge">Dodge</option>
		<option value="Eagle">Eagle</option>
		<option value="Ferrari">Ferrari</option>
		<option value="Fiat">Fiat</option>
		<option value="Ford">Ford</option>
		<option value="Genesis">Genesis</option>
		<option value="Geo">Geo</option>
		<option value="GMC">GMC</option>
		<option value="Honda">Honda</option>
		<option value="HUMMER">HUMMER</option>
		<option value="Hyundai">Hyundai</option>
		<option value="Infiniti">Infiniti</option>
		<option value="International Harvester">International Harvester</option>
		<option value="Isuzu">Isuzu</option>
		<option value="Jaguar">Jaguar</option>
		<option value="Jeep">Jeep</option>
		<option value="Kia">Kia</option>
		<option value="Lamborghini">Lamborghini</option>
		<option value="Land Rover">Land Rover</option>
		<option value="Lexus">Lexus</option>
		<option value="Lincoln">Lincoln</option>
		<option value="Lotus">Lotus</option>
		<option value="Maserati">Maserati</option><option value="Maybach">Maybach</option>
		<option value="Mazda">Mazda</option>
		<option value="Mercedes-Benz">Mercedes-Benz</option><option value="Mercury">Mercury</option><option value="MG">MG</option>
		<option value="MINI">MINI</option>
		<option value="Mitsubishi">Mitsubishi</option><option value="Nissan">Nissan</option><option value="Oldsmobile">Oldsmobile</option>
		<option value="Opel">Opel</option>
		<option value="Peugeot">Peugeot</option><option value="Plymouth">Plymouth</option><option value="Pontiac">Pontiac</option>
		<option value="Porsche">Porsche</option>
		<option value="Ram">Ram</option><option value="Renault">Renault</option><option value="Rolls-Royce">Rolls-Royce</option>
		<option value="Saab">Saab</option>
		<option value="Saturn">Saturn</option><option value="Scion">Scion</option><option value="Shelby">Shelby</option>
		<option value="Smart">Smart</option>
		<option value="Subaru">Subaru</option><option value="Suzuki">Suzuki</option><option value="Tesla">Tesla</option>
		<option value="Toyota">Toyota</option>
		<option value="Triumph">Triumph</option><option value="Volkswagen">Volkswagen</option><option value="Volvo">Volvo</option>
		<option value="Other">Other</option>
                        </select>  
				</div>
                <!--- Color --->
                <div class="search-hotel row  col-md-12">
					<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Color</h3>
						<select class="form-control" id="car_color" onChange="window.location='posts_list_by_cars.php?car_color='+this.value">
							<option value="">- Select -</option>
                            <option value="null">- Select -</option>
                            <option value="Beige">Beige</option>
                            <option value="Black">Black</option>
                            <option value="Blue">Blue</option>
                            <option value="Brown">Brown</option>
                            <option value="Burgundy">Burgundy</option>
                            <option value="Gold">Gold</option>
                            <option value="Green">Green</option>
                            <option value="Grey">Grey</option>
                            <option value="Orange">Orange</option>
                            <option value="Pink">Pink</option>
                            <option value="Purple">Purple</option>
                            <option value="Red">Red</option>
                            <option value="Silver">Silver</option>
                            <option value="Tan">Tan</option>
                            <option value="Teal">Teal</option>
                            <option value="White">White</option>
                            <option value="Yellow">Yellow</option>
                            <option value="Other">Other</option>
                        </select>  
				</div>
                <!--- Condition --->
                <div class="search-hotel row  col-md-12">
					<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Condition</h3>
						<select class="form-control" id="car_color" onChange="window.location='posts_list_by_cars.php?car_condition='+this.value">
                        <option value="">- Select -</option>
                            <option value="Used">Used</option>
                            <option value="Lease Takeover">Lease Takeover</option>
                            <option value="Damaged">Damaged</option>
                            <option value="Salvage">Salvage</option>
                            
                        </select>  
				</div>
                <!--- Body Type --->
                <div class="search-hotel row  col-md-12">
					<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Body Type</h3>
						<select class="form-control" id="body_type" onChange="window.location='posts_list_by_cars.php?body_type='+this.value">
							<option value="nill">nill</option>							<option value="Convertible">Convertible</option>
                            <option value="Coupe two door">Coupe (2 door)</option>
                            <option value="Hatchback">Hatchback</option>
                            <option value="Minivan-Van">Minivan, Van</option>
                            <option value="Pickup Truck">Pickup Truck</option>
                            <option value="Sedan">Sedan</option>
                            <option value="SUV-Crossover">SUV, Crossover</option>
                            <option value="Wagon">Wagon</option>
                            <option value="Other">Other</option>
                            
                        </select>  
				</div>
                <!--- Year --->
                <div class="search-hotel row  col-md-12">
					<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Year</h3>
						  <input type="text" name="car_year" id="car_year" class="form-control" autocomplete="off" placeholder="Search by Model Year						   " onchange="window.location='posts_list_by_cars.php?car_year='+this.value">
				</div> 
                <!--- Post Type --->
                <div class="w3-brand-select row col-md-12">
					<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Ads Type</h3>
					  
                            
                    <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a href="posts_list_by_cars.php?post_type=want_to_sell" >
                                <p class="panel-title" style="font-size:14px">
                                  Selling
                                <i class="fa fa-search pull-right" aria-hidden="true"></i>
                                </p>
                                </a>
                              </div>
                              
                            </div>
                            
                    <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a href="posts_list_by_cars.php?post_type=want_to_buy" >
                                <p class="panel-title" style="font-size:14px">
                                  Buying
                                <i class="fa fa-search pull-right" aria-hidden="true"></i>
                                </p>
                                </a>
                              </div>
                              
                            </div>
                            
                            
                      
				</div>
                
                
                
				</div>
				<div class="agileinfo-ads-display col-md-9">
					<div class="wrapper">					
					<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
					  
					  <div id="myTabContent" class="tab-content" style="margin-top:20px;">
						<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
						   
							<div id="container">
								
							<ul class="list"><a href="post-detail/23775/Restore-Power-to-Dead-Automotive-Batteries">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/24092020-161845-250x250 EZ battery ad.jpg" class="img-mobile" width="50%" height="50%" title="Restore Power to Dead Automotive Batteries!" alt="Restore Power to Dead Automotive Batteries!"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Restore Power to Dead Automotive Batteries!">Restore Power to Dead Automotive Batteries!</h5>
						<span class="adprice"></span>
						<p class="hidden-xs des" style="color:#000;">Re-condition your automotive batteries assumed dead with simple techniques anyone can do at home.... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">1 day ago</span>
						<span class="hidden-xs cityname">Halton Hills</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23718/Automotive-Detailing-1500-Highbury-Ave-London-ON">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/21092020-103455-FinalLogo.jpg" class="img-mobile" width="50%" height="50%" title="Automotive Detailing (1500 Highbury Ave. London, ON)" alt="Automotive Detailing (1500 Highbury Ave. London, ON)"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Automotive Detailing (1500 Highbury Ave. London, ON)">Automotive Detailing (1500 Highbury... </h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">Here at 1st Class Auto Detailing we aim to meet our customers needs by offering a variety of the... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">4 days ago</span>
						<span class="hidden-xs cityname">London</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23717/Concore-Garage-Doors-Garage-Door-Installation-and-Sales">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/21092020-103213-1200 (56).jpg" class="img-mobile" width="50%" height="50%" title="Concore Garage Doors - Garage Door Installation and Sales" alt="Concore Garage Doors - Garage Door Installation and Sales"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Concore Garage Doors - Garage Door Installation and Sales">Concore Garage Doors - Garage Door... </h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">At Concore Garage Doors we aim to meet our customers needs by offering a variety of garage doors,... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">4 days ago</span>
						<span class="hidden-xs cityname">London</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23521/Mobile-car-Detailing-Toronto">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/09092020-113651-aboutcleaning.jpg" class="img-mobile" width="50%" height="50%" title="Mobile car Detailing Toronto" alt="Mobile car Detailing Toronto"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Mobile car Detailing Toronto">Mobile car Detailing Toronto</h5>
						<span class="adprice">Free</span>
						<p class="hidden-xs des" style="color:#000;">Lustre Touch delivers premium mobile car detailing services in Toronto directly to customer... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">2 weeks ago</span>
						<span class="hidden-xs cityname">Toronto</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23445/Oil-Change">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/04092020-034238-Oil-Change (2).jpeg" class="img-mobile" width="50%" height="50%" title="Oil Change" alt="Oil Change"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Oil Change">Oil Change</h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">Oil changers. Give a long life to your vehicle with Valvoline Oil Change service in Brampton. We... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">3 weeks ago</span>
						<span class="hidden-xs cityname">Brampton</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23367/MNV-Auto-Detailing-Car-detailing-in-Toronto-and-Ceramic-Coating-In-Toronto">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/29082020-144501-display (4).jfif" class="img-mobile" width="50%" height="50%" title="MNV Auto Detailing Car detailing in Toronto and Ceramic Coating In Toronto" alt="MNV Auto Detailing Car detailing in Toronto and Ceramic Coating In Toronto"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="MNV Auto Detailing Car detailing in Toronto and Ceramic Coating In Toronto">MNV Auto Detailing Car detailing in... </h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">www.mnvautodetailing.com
MNV Auto Detailing offers the best car detailing in Toronto with over 15... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">3 weeks ago</span>
						<span class="hidden-xs cityname">North York</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23163/Effective-Car-Waxing-South-Surrey-HIVE-autoSpa">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/13082020-115105-543584830.jpg" class="img-mobile" width="50%" height="50%" title="Effective Car Waxing South Surrey - HIVE autoSpa" alt="Effective Car Waxing South Surrey - HIVE autoSpa"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Effective Car Waxing South Surrey - HIVE autoSpa">Effective Car Waxing South Surrey -... </h5>
						<span class="adprice">Please Contact</span>
						<p class="hidden-xs des" style="color:#000;">Wax your car with a professional detailer that can be of assistance your entire car cleaned... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">1 month ago</span>
						<span class="hidden-xs cityname">Surrey</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23075/Brakes-Repair-Brampton">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/07082020-021656-Disc-Brakes.jpg" class="img-mobile" width="50%" height="50%" title="Brakes Repair Brampton" alt="Brakes Repair Brampton"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Brakes Repair Brampton">Brakes Repair Brampton</h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">Drive safe. Brakes repair Brampton. Get your brakes inspected and repaired at Valvoline Oil Change,... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">1 month ago</span>
						<span class="hidden-xs cityname">Brampton</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23029/Affordable-Automotive-Services-in-Brampton">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/04082020-042143-15.jpg" class="img-mobile" width="50%" height="50%" title="Affordable Automotive Services in Brampton" alt="Affordable Automotive Services in Brampton"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Affordable Automotive Services in Brampton">Affordable Automotive Services in Brampton</h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">If you are in need of a genuine and professional car repair mechanics in Brampton, We are at Harrad... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">1 month ago</span>
						<span class="hidden-xs cityname">Brampton</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/22960/Transmission-Repair-Shop-in-Langley">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/30072020-040659-transmission-repair-e1508360388399.png" class="img-mobile" width="50%" height="50%" title="Transmission Repair Shop in Langley" alt="Transmission Repair Shop in Langley"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Transmission Repair Shop in Langley">Transmission Repair Shop in Langley</h5>
						<span class="adprice">Free</span>
						<p class="hidden-xs des" style="color:#000;">When it comes to transmission repair, Surrey & Langley based L & S Automotive is head and shoulders... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">1 month ago</span>
						<span class="hidden-xs cityname">Surrey</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							</ul>						</div>
							
						</div>
						
						
					  </div>
					</div>
				</div>
				</div>
                
                
  		<center>

		<nav aria-label="Page navigation">
		<ul class="pagination">
						<li class="page-item active"><a class="page-link" href="posts_list.php?category_id=39&page=1">1</a></li>
				<li class="page-item"><a class="page-link" href="posts_list.php?category_id=39&page=2">2</a></li>
		<li class="page-item">
		<a class="page-link" href="posts_list.php?category_id=39&page=8" aria-label="Next">
		<span aria-hidden="true">Last</span>
		</a>
		</li>
				</ul>
		</nav>
		</center>
            
		
        
                
                
                
				<div class="clearfix"></div>
			</div>
		</div>	
	</div>
<!-- // Cars -->
	
</div>
<!-- Posts List -->


  <!-- Footer-->
    
			  <!-- Footer -->
    
    <footer class="footer">
        <div class="footer-above" style="background-image:url(../img/bricks.jpg)">
            <div class="container">
                <div class="row">
                    <div class="footer-col col-sm-2">
                        <h4>About Us</h4>
                        
                            <div align="left">
                            <ul class="list-group list-unstyled">
                            <br>
                            <li style="margin-bottom:7px;">
                                <a href="https://www.catchfree.ca/about-us" class="btn-group" style="color:white">About Catchfree</a>
                            </li>
                            <li style="margin-bottom:7px;">
                                <a href="careers-with-catchfree" class="btn-group" style="color:white">Careers</a>
                            </li>
                            <li style="margin-bottom:7px;">
                                <a href="/blog" class="btn-group" style="color:white">Blog</a>
                            </li>
                            <li style="margin-bottom:7px;" class="hidden-sm hidden-xs hidden-md hidden-lg hidden-xl">
                                <a href="site-map" class="btn-group" style="color:white">Site Map</a>
                            </li>
                            
                        </ul>
                        </div>
                    </div>
                    <div class="footer-col col-md-4">
                        <h4>Social Media Connections</h4>
                         <div class="social-icons social-icons-large social-icons-border social-icons-colored-hover">
                            <ul>
                                <li class="social-facebook" data-toggle="tooltip" data-placement="bottom" title="Facebook"><a href="https://www.facebook.com/Catchfree-Buy-and-Sell-Classified-368208503668580/"><i class="fa fa-facebook" style="margin-top:15px"></i></a></li>
                                <li class="social-instagram" data-toggle="tooltip" data-placement="bottom" title="Instagram"><a href="https://www.instagram.com/catchfreecanada/"><i class="fa fa-instagram" style="margin-top:15px"></i></a></li>
                                <li class="social-twitter" data-toggle="tooltip" data-placement="bottom" title="Twitter"><a href="https://twitter.com/CatchfreeCanada/"><i class="fa fa-twitter" style="margin-top:15px"></i></a></li>
                                <li class="social-gplus" data-toggle="tooltip" data-placement="bottom" title="Google Plus"><a href="https://plus.google.com/u/0/b/113949947012335969004/113949947012335969004/"><i class="fa fa-google-plus" style="margin-top:15px"></i></a></li>
                                <li class="social-linkedin" data-toggle="tooltip" data-placement="bottom" title="Linkedin"><a href="https://www.linkedin.com/showcase/catchfree-canada/"><i class="fa fa-linkedin" style="margin-top:15px"></i></a></li>
                                <li class="social-pinterest" data-toggle="tooltip" data-placement="bottom" title="Pinterest"><a href="https://www.pinterest.ca/catchfree/"><i class="fa fa-pinterest" style="margin-top:15px"></i></a></li>
                            </ul>
                            <br />
                            <br />
                        </div>
                        <br />
                    </div>
                    
                    <div class="footer-col col-md-2">
                        <h4>Rules</h4>
                        <div align="left">
                        <ul class="list-group list-unstyled">
                            <br>
                            <li style="margin-bottom:7px;">
                                <a href="https://www.catchfree.ca/terms-of-use/" class="btn-group" style="color:white">Terms of Use</a>
                            </li>
                            <li style="margin-bottom:7px;">
                                <a href="https://www.catchfree.ca/privacy-policy/" class="btn-group" style="color:white">Privacy Policy</a>
                            </li>
                            <li style="margin-bottom:7px;">
                                <a href="https://www.catchfree.ca/posting-rules/" class="btn-group" style="color:white">Posting Rules</a>
                            </li>
                            
                        </ul>
                        </div>
                    </div>
                    <div class="footer-col col-sm-2">
                        <h4>Support</h4>
                        <br>
                            <div class="row" style="margin-left:5px;">
                                <a class="navbar-brand logo" href="https://www.catchfree.ca"><img src="/img/flagca.jpg" alt="A Free Classified Site Canada | CatchFree.ca" title="A Free Classified Site Canada | CatchFree.ca" height="55px" width="115px" /></a>
                            </div>
                            <br/>
                            <div class="row" style="margin-left:5px;">
                                <p style="font-size:14px"><strong>Email:</strong>  <a href="mailto:support@catchfree.ca?body=Please add your comments and suggestions on this email we will contact you shortly... Have a Good Day" style="color:white;">Support@catchfree.ca</a></p>
                                <p class="hidden-sm hidden-xs hidden-md hidden-lg hidden-xl" style="font-size:14px"><strong>Email:</strong>  <a href="mailto:info@catchfree.ca?body=Please add your comments and suggestions on this email we will contact you shortly... Have a Good Day" style="color:white;">info@catchfree.ca</a></p>
                            </div>
                    </div>

                    <div class="footer-col col-md-2">
                        <h4>Feedback</h4>
                        <div align="left">
                        <ul class="list-group list-unstyled">
                            <br>
                            <li style="margin-bottom:7px;">
                                <a href="https://www.catchfree.ca/suggestion.php" class="btn-group" style="color:white">Suggestion</a>
                            </li>
                                                        
                        </ul>
                       </div>     
                    </div>

                </div>
                
                <div class="row">
                <div class="col-md-3 col-xs-4">
                    <a class="navbar-brand logo" href="https://catchfree.ca"><img src="/img/CatchFree_E10.png" alt="A Free Classified Site Canada | CatchFree.ca" title="A Free Classified Site Canada | CatchFree.ca" height="60px" width="200px" /></a>
                </div>
                <div class="hidden-xs col-md-6 col-xs-4" align="center">
                
                                <p style="font-size:14px;" class="" align="center"><u>DISCLAIMER</u></p>
                                <p style="font-size:11px;" class="" align="center">Catchfree doesn’t take any responsibility for ads placed in its sites.
                                </p><p style="font-size:11px;" align="center">
Please investigate all offers carefully.
</p>                            
                </div>
                
                <div class="col-md-3 col-xs-4">
                    
                </div>
                            
                </div>
            </div>
            <div class="row">
                    <div class="col-lg-12" align="center">
                      <p style="font-size:14px;">
                        Copyrights &copy; <a href="http://mysoft.ca/" title="A well known Software and IT Consulting Company Canada | MySoft.ca" style="color:white;">Mysoft.ca </a>
                        </p>
                    </div>
                </div>
        </div>
       
    </footer>


		    
    
    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
    <div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a>
    </div>


    
    

    <!-- Bootstrap Core JavaScript -->
    <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="/js/jqBootstrapValidation.js"></script>
   
    <!-- Theme JavaScript -->
    <script src="/js/freelancer.min.js"></script>
    <script>
		$(document).ready(function() {
		  $('#media').carousel({
			pause: true,
			interval: false,
		  });
		});
	</script>
    <script>
	$(document).ready(function(){
	 
	 $('#post_keyword').typeahead({
	  source: function(query, result)
	  {
	   $.ajax({
		url:"fetch.php",
		method:"POST",
		data:{query:query},
		dataType:"json",
		success:function(data)
		{
		 result($.map(data, function(item){
		  return item;
		 }));
		}
	   })
	  }
	 });
	 
	 
	});
	
	</script>
    <script>
    $(document).ready(function() {
        BindControls();
    });

    function BindControls() {
        var Countries = ['ARGENTINA', 
            'AUSTRALIA', 
            'BRAZIL', 
            'BELARUS', 
            'BHUTAN',
            'CHILE', 
            'CAMBODIA', 
            'CANADA', 
            'CHILE', 
            'DENMARK', 
            'DOMINICA'];

        $('#min_price').autocomplete({
            source: Countries,
            minLength: 0,
            scroll: true
        }).focus(function() {
            $(this).autocomplete("search", "");
        });
    }
</script>
<script>
$(document).ready(function() {
    $('#integerForm').formValidation({
        framework: 'bootstrap',
        icon: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            min_price: {
                validators: {
                    integer: {
                        message: 'The value is not an integer'
                    }
                }
            }
        },
		fields: {
            max_price: {
                validators: {
                    integer: {
                        message: 'The value is not an integer'
                    }
                }
            }
        }
    });
});
</script>
</body>

</html>