<link rel="stylesheet" href="https://www.towncountryproperty.com/theme/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<link rel="stylesheet" href="https://www.towncountryproperty.com/theme/lib/animate/animate.min.css" />
<link rel="stylesheet" href="https://www.towncountryproperty.com/theme/css/sina-nav.css" />
<link rel="stylesheet" href="https://www.towncountryproperty.com/theme/css/sina-nav-responsive.css" />
<link rel="stylesheet" href="https://www.towncountryproperty.com/theme//lib/sumoselect/sumoselect.css" />
<link rel="stylesheet" href="https://www.towncountryproperty.com/theme/lib/lightbox/dist/css/lightbox.css" />

<link rel="stylesheet" href="https://www.towncountryproperty.com/theme/css/style.css" />
<link rel="stylesheet" href="https://www.towncountryproperty.com/theme/css/responsive.css" />
 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<input type="hidden" name="base_url" id="base_url" value="https://www.towncountryproperty.com/">
<div class="container clearfix about">

    <div class="container" style="text-align: center; margin: 115px 0">
        <img src="https://www.towncountryproperty.com/theme/image/404_search.png"><br>
                <div class="row" style="margin-left:25%">
            <div class="col-10-sm">
                <input class="" id="keyword_404" placeholder="Search by keyword" autocomplete="off" value="" style="width: 500px;">
            </div>
            <div class="col-2-sm">
                <a href="https://www.towncountryproperty.com/" class="btn btn-small btn-primary" id="btnSearch404"  >Search</a>
            </div>
        </div>
        <br>

        <a href="https://www.towncountryproperty.com/" class="btn btn-small btn-red"  >Homepage</a>


    </div>
</div>

<script  src="https://www.towncountryproperty.com/theme/js/jquery.min.js"></script>
<script  src="https://www.towncountryproperty.com/theme/lib/jquery-ui/jquery-ui-1.8.23.custom.min.js"></script>
<script  src="https://www.towncountryproperty.com/theme/bootstrap/js/bootstrap.min.js"></script>
<script  src="https://www.towncountryproperty.com/theme/js/sina-nav.js"></script>
<script src="https://www.towncountryproperty.com/theme/lib/parallax/parallax.min.js"></script>
<script src="https://www.towncountryproperty.com/theme/lib/sumoselect/jquery.sumoselect.js"></script>
<script src="https://www.towncountryproperty.com/theme/lib/scroll/jquery.scroll-into-view.js"></script>

<script type="text/javascript">

    $(document).ready(function() {
        var addthis_config = {
            "pubid" : 'towncountryproperty'
        };
        var base_url = $('#base_url').val();
        $('#keyword_404').keyup(function(e){
                var keywords = $(this).val();
                if(e.keyCode == 13)
                {
                    $('#btnSearch404').trigger("click");
                }else{
        			var keywords = $(this).val();
        				// setTimeout(function(){
        					$.ajax({
        						url: base_url+'api/get_auto_com',
        						type: 'POST',
        						dataType: 'JSON',
        						data: {keywords: keywords}
        					})
        					.done(function(obj) {
        						if (obj != "") {
        							var availableTags = new Array();
        							$.each(obj, function(index, el) {
        								availableTags.push(el.project_name);
        							});
        							$( "#keyword_404" ).autocomplete({
        								source: availableTags
        							});
        						}
        					})
        				// }, 500);
                }
		});

        $('#btnSearch404').off('click').on('click',function(ee){
				ee.preventDefault();
				var keyword = $('#keyword_404').val();
				window.location.href = base_url + 'search/keyword/?p='+ keyword;
		});
    });
</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#async=1"></script>
