<style>
		
.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="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="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="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                        <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>
                                            
                                            <p id="message_register" style="color:green;font-size:14px;margin-top:10px;"></p>
                                    </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>
                             
                                <br />
<b>Notice</b>:  Undefined variable: res in <b>/home/sherazi/public_html/posts_list_by_cars.php</b> on line <b>778</b><br />
<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/21259/Get-Free-Tire-Installation-with-Urban-Lube">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/06042020-073130-2020-03-01.png" class="img-mobile" width="50%" height="50%" title="Get Free Tire Installation with Urban Lube" alt="Get Free Tire Installation with Urban Lube"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Get Free Tire Installation with Urban Lube">Get Free Tire Installation with Urban Lube</h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">Urban Lube gives you an amazing offer on tire purchase. Now buy 2 tires with Urban Lube and get a... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">2 days ago</span>
						<span class="hidden-xs cityname">Regina</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/21197/Get-Franchise-Opportunities-of-Urban-Lube">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/02042020-084226-What-Urban-Lube-Offers.jpg" class="img-mobile" width="50%" height="50%" title="Get Franchise Opportunities of Urban Lube" alt="Get Franchise Opportunities of Urban Lube"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Get Franchise Opportunities of Urban Lube">Get Franchise Opportunities of Urban Lube</h5>
						<span class="adprice">Swipe-Trade</span>
						<p class="hidden-xs des" style="color:#000;">Interested in becoming a franchise owner of Urban Lube? Hurry call us now on 306-993-0991 to grab this opportunity. For more details visit us.

website: https://urbanlube.ca/franchise-opportunities/</p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">6 days ago</span>
						<span class="hidden-xs cityname">Regina</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/20982/Knowing-Your-Auto-Glass-Will-Make-Things-Easy-When-You-Go-For-Windshield-Replacement">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/13032020-012606-Safelite-RV-windshield-repair.jpg" class="img-mobile" width="50%" height="50%" title="Knowing Your Auto Glass Will Make Things Easy When You Go For Windshield Replacement" alt="Knowing Your Auto Glass Will Make Things Easy When You Go For Windshield Replacement"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Knowing Your Auto Glass Will Make Things Easy When You Go For Windshield Replacement">Knowing Your Auto Glass Will Make... </h5>
						<span class="adprice">00</span>
						<p class="hidden-xs des" style="color:#000;">Seeking for the windshield water refill service? S M Autocare offers water refill service along... </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">Toronto</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/20750/Get-Your-Bus-Engine-Repaired-By-Sm-Autocare-Shop-in-Markham">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/24022020-055847-download (1).jpg" class="img-mobile" width="50%" height="50%" title="Get Your Bus Engine Repaired By Sm Autocare Shop in Markham" alt="Get Your Bus Engine Repaired By Sm Autocare Shop in Markham"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Get Your Bus Engine Repaired By Sm Autocare Shop in Markham">Get Your Bus Engine Repaired By Sm... </h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">Do you not like any interference in the different components of your vehicle? In case your answer... </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">Toronto</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/20708/AAA-AUTO-SPA-offers-you-the-best-mobile-car-detailing-in-GTA-with-over-20-years-experience-in-professional-auto-detailing-industry-you-can-be-certain-that-all-of-our-services-are-guaranteed-to-be-100">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/19022020-184501-2880-1800-crop-ferrari-enzo-ferrari-c849712082018200003_1.jpg" class="img-mobile" width="50%" height="50%" title="AAA AUTO SPA offers you the best mobile car detailing in GTA, with over 20 years experience in professional auto detailing industry you can be certain that all of our services are guaranteed to be 100" alt="AAA AUTO SPA offers you the best mobile car detailing in GTA, with over 20 years experience in professional auto detailing industry you can be certain that all of our services are guaranteed to be 100"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="AAA AUTO SPA offers you the best mobile car detailing in GTA, with over 20 years experience in professional auto detailing industry you can be certain that all of our services are guaranteed to be 100">AAA AUTO SPA offers you the best mobile... </h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">AAA AUTO SPA offers you the best mobile car detailing in GTA, with over 20 years experience in... </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">Toronto</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/20500/InsuranceapprovedCollisionCentreBrampton">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/03022020-223246-download (20).jpg" class="img-mobile" width="50%" height="50%" title="Insurance approved Collision Centre Brampton" alt="Insurance approved Collision Centre Brampton"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Insurance approved Collision Centre Brampton">... </h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">Atlas Auto Collision - Auto Body Repair and Body Shop Brampton. Insurance approved Collision Center Brampton. Call Now for a Quote 905 452 0099</p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">2 months ago</span>
						<span class="hidden-xs cityname">Brampton</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/20261/Collisionrepaircenternearme-Brampton">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/14012020-000509-download (20).jpg" class="img-mobile" width="50%" height="50%" title="Collision repair center near me Brampton" alt="Collision repair center near me Brampton"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Collision repair center near me Brampton">Collision repair center near me Brampton</h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">Atlas Auto Collision - Auto Body Repair and Body Shop Brampton. Insurance approved Collision Center Brampton. Call Now for a Quote 905 452 0099</p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">2 months ago</span>
						<span class="hidden-xs cityname">Brampton</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/20086/Tracking-device-for-my-car">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/24122019-065500-LoJack Anti theft recovery.jpg" class="img-mobile" width="50%" height="50%" title="Tracking device for my car" alt="Tracking device for my car"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Tracking device for my car">Tracking device for my car</h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">Buy the ultimate GPS tracking device for your car from LoJack at a competitive price. Our... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">3 months ago</span>
						<span class="hidden-xs cityname">Nanaimo</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/4501/Used-car-dealership-in-London-Ontario-Highway-Motors">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/09122019-015803-highway-logo.jpg" class="img-mobile" width="50%" height="50%" title="Used car dealership in London Ontario - Highway Motors" alt="Used car dealership in London Ontario - Highway Motors"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Used car dealership in London Ontario - Highway Motors">Used car dealership in London Ontario -... </h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">Highway Motors is a leading dealer that offers quality, budget friendly cars. We offer in-house... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">3 months ago</span>
						<span class="hidden-xs cityname">London</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/4449/Chevrolet-K-5-Blazer-19681973">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/02122019-081124-1568671033_download.jpg" class="img-mobile" width="50%" height="50%" title="Chevrolet K-5 Blazer 1968/1973" alt="Chevrolet K-5 Blazer 1968/1973"/>
						<section class="list-left listleft-mobile" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Chevrolet K-5 Blazer 1968/1973">Chevrolet K-5 Blazer 1968/1973</h5>
						<span class="adprice">Please_Contact</span>
						<p class="hidden-xs des" style="color:#000;">Chevrolet K-5 Blazer 1968/1973  do not provide you with only a ride, we provide you with an... </p>
						<p class="catpath text-uppercase">Automotive Services</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">4 months ago</span>
						<span class="hidden-xs cityname">Vancouver</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=5" 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>