<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);
			
		  }
		});
        
    });
});
</script>

<script>
$(document).ready(function(){
    $("#login").click(function(e){
		  e.preventDefault();
		  
		 
          var datastring = $("#login-form").serialize();
		  //console.log(datastring);
            $.ajax({
		  type: "POST",
		  url: "user_login.php",
		  data: datastring,
		  cache: false,
		  success: function(data){
			 //$("#message_register").text(data);
			   console.log(data);
			 if(data == "login")
			 {
			 setTimeout(' window.location.href = "admin-panel/user_panel.php"; ',1000);
			 }
			 else
			 {
				 $("#login-message").text(data);
				
			 }
		  }
		})	  
		  
        })
		 });
</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;
	}
}

</style>



	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Security</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="Platform to get security services post free job ads in canada">
    <meta name="description" content="Browse and search for the best 24/7  security services in Canada near you. Get all the services post free job ads in canada.">
    <meta name="keywords" content="Catchfree,Search,ads, Security">
    <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="#maincontent">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="#" data-toggle="modal" data-target="#myModal" title="Register | Sign in | CatchFree.ca">Register | Sign in</a>
                    </li>
                    <li class="active">
                        <a href="post-select-category" 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 --->    
    
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <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/Registration </h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-8" style="border-right: 1px dotted #C2C2C2;padding-right: 30px;">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#Login" data-toggle="tab">Login</a></li>
                            <li><a href="#Registration" data-toggle="tab">Registration</a></li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div class="tab-pane active" id="Login">
                                <form role="form" 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" class="form-control" id="email1" placeholder="Email" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputPassword1" class="col-sm-2 control-label">
                                        Password</label>
                                    <div class="col-sm-10">
                                        <input type="email" class="form-control" id="exampleInputPassword1" placeholder="Email" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                        <button type="submit" class="btn btn-primary btn-sm">
                                            Submit</button>
                                        <a href="javascript:;">Forgot your password?</a>
                                    </div>
                                </div>
                                </form>
                            </div>
                            <div class="tab-pane" id="Registration">
                                <form 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" class="form-control" placeholder="Name" />
                                            </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" class="form-control" id="email" placeholder="Email" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="mobile" class="col-sm-2 control-label">
                                        Mobile</label>
                                    <div class="col-sm-10">
                                        <input type="email" class="form-control" id="mobile" placeholder="Mobile" />
                                    </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" class="form-control" id="password" placeholder="Password" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                        <button type="button" class="btn btn-primary btn-sm">
                                            Save & Continue</button>
                                        <button type="button" class="btn btn-default btn-sm">
                                            Cancel</button>
                                    </div>
                                </div>
                                </form>
                            </div>
                        </div>
                        
                    </div>
                    <div class="col-md-4">
                        <div class="row text-center sign-with">
                            <div class="col-md-12">
                                <h3>
                                    Sign in with</h3>
                            </div>
                            <div class="col-md-12">
                                <div class="btn-group btn-group-justified">
                                    <a href="#" class="btn btn-primary">Facebook</a> <a href="#" class="btn btn-danger">
                                        Google</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!---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="6" selected>services</option>
                             
                                <br />
<b>Notice</b>:  Undefined variable: res in <b>/home/sherazi/public_html/posts_list.php</b> on line <b>830</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.php?category_id=1" ><li class="list-group-item justify-content-between">Arts, Antiques</li></a><a href="posts_list.php?category_id=2" ><li class="list-group-item justify-content-between">Baby items</li></a><a href="posts_list.php?category_id=3" ><li class="list-group-item justify-content-between">Bikes</li></a><a href="posts_list.php?category_id=4" ><li class="list-group-item justify-content-between">Books, Magazines</li></a><a href="posts_list.php?category_id=5" ><li class="list-group-item justify-content-between">Business</li></a><a href="posts_list.php?category_id=6" ><li class="list-group-item justify-content-between">Electronics</li></a><a href="posts_list.php?category_id=7" ><li class="list-group-item justify-content-between">Computer, Accessories</li></a><a href="posts_list.php?category_id=8" ><li class="list-group-item justify-content-between">Clothing</li></a><a href="posts_list.php?category_id=9" ><li class="list-group-item justify-content-between">Free Stuff</li></a><a href="posts_list.php?category_id=10" ><li class="list-group-item justify-content-between">Furniture</li></a><a href="posts_list.php?category_id=11" ><li class="list-group-item justify-content-between">Garage, Shops</li></a><a href="posts_list.php?category_id=12" ><li class="list-group-item justify-content-between">Medical Equipment's</li></a><a href="posts_list.php?category_id=13" ><li class="list-group-item justify-content-between">House Hold Items</li></a><a href="posts_list.php?category_id=14" ><li class="list-group-item justify-content-between">Jewelry, Accessories</li></a><a href="posts_list.php?category_id=15" ><li class="list-group-item justify-content-between">Musical Instruments</li></a><a href="posts_list.php?category_id=16" ><li class="list-group-item justify-content-between">Phone, Accessories</li></a><a href="posts_list.php?category_id=17" ><li class="list-group-item justify-content-between">Sports Items</li></a><a href="posts_list.php?category_id=18" ><li class="list-group-item justify-content-between">Tickets, Coupons</li></a><a href="posts_list.php?category_id=19" ><li class="list-group-item justify-content-between">Tools</li></a><a href="posts_list.php?category_id=20" ><li class="list-group-item justify-content-between">Toys, Games</li></a><a href="posts_list.php?category_id=21" ><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.php?category_id=61" ><li class="list-group-item justify-content-between">Accounting, Execution</li></a><a href="posts_list_by_jobs.php?category_id=62" ><li class="list-group-item justify-content-between">Child care</li></a><a href="posts_list_by_jobs.php?category_id=63" ><li class="list-group-item justify-content-between">Hospitality</li></a><a href="posts_list_by_jobs.php?category_id=64" ><li class="list-group-item justify-content-between">House Keeper, Cleaning</li></a><a href="posts_list_by_jobs.php?category_id=75" ><li class="list-group-item justify-content-between">Construction</li></a><a href="posts_list_by_jobs.php?category_id=76" ><li class="list-group-item justify-content-between">Customer Services</li></a><a href="posts_list_by_jobs.php?category_id=77" ><li class="list-group-item justify-content-between">Security, Driver</li></a><a href="posts_list_by_jobs.php?category_id=78" ><li class="list-group-item justify-content-between">Labor, Supervisor</li></a><a href="posts_list_by_jobs.php?category_id=79" ><li class="list-group-item justify-content-between">Web & Graphics Design</li></a><a href="posts_list_by_jobs.php?category_id=80" ><li class="list-group-item justify-content-between">Computer Programmer</li></a><a href="posts_list_by_jobs.php?category_id=81" ><li class="list-group-item justify-content-between">System Analyst</li></a><a href="posts_list_by_jobs.php?category_id=82" ><li class="list-group-item justify-content-between">Health care</li></a><a href="posts_list_by_jobs.php?category_id=83" ><li class="list-group-item justify-content-between">Salon</li></a><a href="posts_list_by_jobs.php?category_id=84" ><li class="list-group-item justify-content-between">Office Staff</li></a><a href="posts_list_by_jobs.php?category_id=85" ><li class="list-group-item justify-content-between">Sales Person</li></a><a href="posts_list_by_jobs.php?category_id=86" ><li class="list-group-item justify-content-between">Tutor</li></a><a href="posts_list_by_jobs.php?category_id=87" ><li class="list-group-item justify-content-between">Media </li></a><a href="posts_list_by_jobs.php?category_id=88" ><li class="list-group-item justify-content-between">Gardener</li></a><a href="posts_list_by_jobs.php?category_id=89" ><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.php?category_id=37" ><li class="list-group-item justify-content-between">Cars, Trucks</li></a><a href="posts_list_by_cars.php?category_id=38" ><li class="list-group-item justify-content-between">Auto parts</li></a><a href="posts_list_by_cars.php?category_id=39" ><li class="list-group-item justify-content-between">Automotive Services</li></a><a href="posts_list_by_cars.php?category_id=40" ><li class="list-group-item justify-content-between">Motorbikes</li></a><a href="posts_list_by_cars.php?category_id=41" ><li class="list-group-item justify-content-between">Boats</li></a><a href="posts_list_by_cars.php?category_id=42" ><li class="list-group-item justify-content-between">Snowmobiles</li></a><a href="posts_list_by_cars.php?category_id=43" ><li class="list-group-item justify-content-between">Trailers, RV's</li></a><a href="posts_list_by_cars.php?category_id=44" ><li class="list-group-item justify-content-between">Heavy Equipment's</li></a><a href="posts_list_by_cars.php?category_id=45" ><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.php?category_id=50" ><li class="list-group-item justify-content-between">Apartments, Condos</li></a><a href="posts_list_by_realestate.php?category_id=51" ><li class="list-group-item justify-content-between">House, Villas</li></a><a href="posts_list_by_realestate.php?category_id=52" ><li class="list-group-item justify-content-between">Rooms, Room mates</li></a><a href="posts_list_by_realestate.php?category_id=53" ><li class="list-group-item justify-content-between">Office space, shops</li></a><a href="posts_list_by_realestate.php?category_id=54" ><li class="list-group-item justify-content-between">Stores, Parking</li></a><a href="posts_list_by_realestate.php?category_id=55" ><li class="list-group-item justify-content-between">House (Sale)</li></a><a href="posts_list_by_realestate.php?category_id=56" ><li class="list-group-item justify-content-between">Condos (Sale)</li></a><a href="posts_list_by_realestate.php?category_id=57" ><li class="list-group-item justify-content-between">Land (Sale)</li></a><a href="posts_list_by_realestate.php?category_id=58" ><li class="list-group-item justify-content-between">Services</li></a><a href="posts_list_by_realestate.php?category_id=59" ><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.php?category_id=32" ><li class="list-group-item justify-content-between">Canada</li></a><a href="posts_list.php?category_id=33" ><li class="list-group-item justify-content-between">USA</li></a><a href="posts_list.php?category_id=34" ><li class="list-group-item justify-content-between">Caribbean</li></a><a href="posts_list.php?category_id=35" ><li class="list-group-item justify-content-between">Mexico</li></a><a href="posts_list.php?category_id=36" ><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.php?category_id=108" ><li class="list-group-item justify-content-between">Pets Services</li></a><a href="posts_list.php?category_id=109" ><li class="list-group-item justify-content-between">Pets Rehoming</li></a><a href="posts_list.php?category_id=110" ><li class="list-group-item justify-content-between">Pets Accessories</li></a><a href="posts_list.php?category_id=111" ><li class="list-group-item justify-content-between">Lost & Found</li></a><a href="posts_list.php?category_id=112" ><li class="list-group-item justify-content-between">Live Stock</li></a><a href="posts_list.php?category_id=113" ><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.php?category_id=92" ><li class="list-group-item justify-content-between">Art, Entertainment</li></a><a href="posts_list.php?category_id=93" ><li class="list-group-item justify-content-between">Childcare</li></a><a href="posts_list.php?category_id=94" ><li class="list-group-item justify-content-between">Cleaning</li></a><a href="posts_list.php?category_id=95" ><li class="list-group-item justify-content-between">Legal Guidance</li></a><a href="posts_list.php?category_id=96" ><li class="list-group-item justify-content-between">Financial Advice</li></a><a href="posts_list.php?category_id=97" ><li class="list-group-item justify-content-between">Health, Fitness</li></a><a href="posts_list.php?category_id=98" ><li class="list-group-item justify-content-between">Cuisine, Catering</li></a><a href="posts_list.php?category_id=99" ><li class="list-group-item justify-content-between">Movers, Labor</li></a><a href="posts_list.php?category_id=100" ><li class="list-group-item justify-content-between">Pick  & Drop</li></a><a href="posts_list.php?category_id=101" ><li class="list-group-item justify-content-between">Relocation</li></a><a href="posts_list.php?category_id=102" ><li class="list-group-item justify-content-between">Security</li></a><a href="posts_list.php?category_id=103" ><li class="list-group-item justify-content-between">Transportation</li></a><a href="posts_list.php?category_id=104" ><li class="list-group-item justify-content-between">Education</li></a><a href="posts_list.php?category_id=105" ><li class="list-group-item justify-content-between">Counseling</li></a><a href="posts_list.php?category_id=106" ><li class="list-group-item justify-content-between">Beautician</li></a><a href="posts_list.php?category_id=107" ><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.php?category_id=114" ><li class="list-group-item justify-content-between">Artists</li></a><a href="posts_list.php?category_id=115" ><li class="list-group-item justify-content-between">Events</li></a><a href="posts_list.php?category_id=116" ><li class="list-group-item justify-content-between">Rideshare</li></a><a href="posts_list.php?category_id=117" ><li class="list-group-item justify-content-between">Lost, Found</li></a><a href="posts_list.php?category_id=118" ><li class="list-group-item justify-content-between">Culture, Groups</li></a><a href="posts_list.php?category_id=119" ><li class="list-group-item justify-content-between">Volunteers</li></a><a href="posts_list.php?category_id=120" ><li class="list-group-item justify-content-between">Local News</li></a><a href="posts_list.php?category_id=121" ><li class="list-group-item justify-content-between">Sports</li></a><a href="posts_list.php?category_id=122" ><li class="list-group-item justify-content-between">ReViews</li></a><a href="posts_list.php?category_id=123" ><li class="list-group-item justify-content-between">Pet Adoption</li></a><a href="posts_list.php?category_id=124" ><li class="list-group-item justify-content-between">Musicians</li></a><a href="posts_list.php?category_id=125" ><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.php?category_id=126" ><li class="list-group-item justify-content-between">Seeking Bride</li></a><a href="posts_list.php?category_id=127" ><li class="list-group-item justify-content-between">Seeking Groom</li></a></ul>                                </div>
                              </div>
                            </div>
                       
					</div>
				
				
				
				<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>
								
				<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.php?post_type=want_to_sell" >
                                <p class="panel-title" style="font-size:14px">
                                  Offered
                                <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?post_type=want_to_buy" >
                                <p class="panel-title" style="font-size:14px">
                                  Wanted
                                <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/749/Attention-ENTREPRENEUR-Business-Opportunity-available-on-online-classified-ads-canada">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/09082018-084346-20.JPG" width="50%" height="50%" title="Attention ENTREPRENEUR! Business Opportunity available! on online classified ads canada" alt="Attention ENTREPRENEUR! Business Opportunity available! on online classified ads canada"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Attention ENTREPRENEUR! Business Opportunity available! on online classified ads canada">Attention ENTREPRENEUR! Business... </h5>
						<span class="adprice"></span>
						<p class="hidden-xs des" style="color:#000;">ADT is North Americas top rated home automation & security company and have been in business for... </p>
						<p class="catpath text-uppercase">Security</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">2 months ago</span>
						<span class="hidden-xs cityname">North York</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/605/Locks-Doors-amp-Cameras-247-Emergency-Service-647-533-1516-on-classified-site-canada">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/16072018-101502v.JPG" width="50%" height="50%" title="Locks Doors &amp Cameras 24/7 Emergency Service 647-533-1516 on classified site canada" alt="Locks Doors &amp Cameras 24/7 Emergency Service 647-533-1516 on classified site canada"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Locks Doors &amp Cameras 24/7 Emergency Service 647-533-1516 on classified site canada">Locks Doors &amp Cameras 24/7 Emergency... </h5>
						<span class="adprice"></span>
						<p class="hidden-xs des" style="color:#000;">From a lockout to brand new installations of doors locks & Security Cameras
We can give you the... </p>
						<p class="catpath text-uppercase">Security</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">3 months ago</span>
						<span class="hidden-xs cityname">Mississauga</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/546/Home-Security-Cameras-Installation-l-CCTV-system-post-on-free-classified-ads-in-canada">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/05072018-072928$_59.JPG" width="50%" height="50%" title="Home Security Cameras Installation l CCTV system post on free classified ads in canada" alt="Home Security Cameras Installation l CCTV system post on free classified ads in canada"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Home Security Cameras Installation l CCTV system post on free classified ads in canada">Home Security Cameras Installation l... </h5>
						<span class="adprice"></span>
						<p class="hidden-xs des" style="color:#000;">We are the experts on Security Camera Systems Card Access control systems  Alarm System  Audio... </p>
						<p class="catpath text-uppercase">Security</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">3 months ago</span>
						<span class="hidden-xs cityname">Mississauga</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/429/CCTV-Security-Camera-Surveillance-installation--IT">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/22052018-1107556rtyh546etrg.JPG" width="50%" height="50%" title="CCTV Security Camera Surveillance installation & IT" alt="CCTV Security Camera Surveillance installation & IT"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="CCTV Security Camera Surveillance installation & IT">CCTV Security Camera Surveillance... </h5>
						<span class="adprice"></span>
						<p class="hidden-xs des" style="color:#000;">Phone: (416) 500– 6757 ***undoubtedly, the lowest price and the best service and quality in... </p>
						<p class="catpath text-uppercase">Security</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">4 months ago</span>
						<span class="hidden-xs cityname">North York</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/428/Locks-Doors--Cameras-247-Emergency-Service-647-533-1516">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/22052018-110525ertg456etry.JPG" width="50%" height="50%" title="Locks, Doors & Cameras 24/7 Emergency Service 647-533-1516" alt="Locks, Doors & Cameras 24/7 Emergency Service 647-533-1516"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Locks, Doors & Cameras 24/7 Emergency Service 647-533-1516">Locks, Doors & Cameras 24/7 Emergency... </h5>
						<span class="adprice"></span>
						<p class="hidden-xs des" style="color:#000;">From a lockout to brand new installations of doors, locks & Security Cameras
We can give you the... </p>
						<p class="catpath text-uppercase">Security</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">4 months ago</span>
						<span class="hidden-xs cityname">Toronto</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=102&page=1">1</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-md-3">
                        <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-940982119396294/?modal=admin_todo_tour"><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-md-3">
                        <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>
						
						<!---
						<ul>
                        <div class="row">
							
                             <li class="list-inline">
								<div >
								<input  type="text"  name="postal_code" placeholder="Full Name" class="form-control"/> 
								</div>
							</li>
						</div>
                        <br>
						<div class="row">
							
                             <li class="list-inline">
								<div >
								<input  type="text"  name="postal_code" placeholder="Email" class="form-control"/> 
								</div>
							</li>
						</div>
                        <br>
                        <div class="row">
							<li class="list-inline">
								<div>
                                <textarea class="form-control" name="postal_address" placeholder="Message"></textarea>
								</div>
							</li>
						</div>
						<br>
						<div class="row">
							<li class="list-inline">
								<div>
									<button type="submit" name="submit" class="btn btn-success">Submit</button>
								</div>
							</li>
						</div>	
						</ul>
						--->
                    </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>
<!--- Price radio buttons funtion --->
<script>

$(window).resize(function() {
  if ($(window).width() <= 600) {
    $('#prop-type-group').removeClass('btn-group');
    $('#prop-type-group').addClass('btn-group-vertical');
  } else {
    $('#prop-type-group').addClass('btn-group');
    $('#prop-type-group').removeClass('btn-group-vertical');
  }
});

</script>
 <style>
		.buying-selling.active {
    background: #ED1B24;   
}

.buying-selling {
    width: 170px; 
    padding: 10px;
    position: relative;
}

.buying-selling-word {
    font-size: 15px;
    font-weight: 600;
    margin-left: 22px;
}

.radio-dot:before, .radio-dot:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 100%;
}

.radio-dot:before {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    top: 10px;
    left: 16px;
}

.radio-dot:after {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    top: 14px;
    left: 20px;
}

.buying-selling.active .buying-selling-word {
    color: #fff;
}

.buying-selling.active .radio-dot:after {
    background: #121212;
}

.buying-selling.active .radio-dot:before {
    background: #fff;
    border-color: #ED1B24;
}

.buying-selling:hover .radio-dot:before {
    border-color: #adadad;
}

.buying-selling.active:hover .radio-dot:before {
    border-color: #ED1B24;
}


.buying-selling.active .radio-dot:after {
    background: #121212;
}

.buying-selling:hover .radio-dot:after {
    background: #e6e6e6;
}

.buying-selling.active:hover .radio-dot:after {
    background: #121212;
    
}

@media (max-width: 400px) {
    
    .mobile-br {
        display: none;   
    }

    .buying-selling {
        width: 49%;
        padding: 10px;
        position: relative;
    }

}
		</style>
        
<!--- End Price radio buttons funtion --->
</body>

<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'p3plcpnl0704'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>