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

<head>
    <?php include("head.php"); ?>
    <?php 
    if($_GET['pid']){
		$pid=$_GET['pid'];
	}                                                                                  
	$sql="select * from  cnf_mst_property_master where id='".$pid."'";
	$result=$conn->query($sql);     $row=$result->fetch_assoc();
		
	?>
</head>

<body class="blue-skin">
    <!-- ============================================================== -->
    <!-- Preloader - style you can find in spinners.css -->
    <!-- ============================================================== -->
    <div id="preloader">
        <div class="preloader"><span></span><span></span></div>
    </div>


    <!-- ============================================================== -->
    <!-- Main wrapper - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <div id="main-wrapper">

        <!-- ============================================================== -->
        <!-- Top header  -->
        <!-- ============================================================== -->
        <!-- Start Navigation -->
        <?php include("header1.php"); ?>
        <!-- End Navigation -->
        <div class="clearfix"></div>
        <!-- ============================================================== -->
        <!-- Top header  -->
        <!-- ============================================================== -->


        <!-- ============================ Hero Banner  Start================================== -->
        <div class="featured_slick_gallery gray">
            <div class="featured_slick_gallery-slide">
                <div class="featured_slick_padd"><a href="https://via.placeholder.com/1200x800" class="mfp-gallery"><img
                            src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" /></a></div>
                <div class="featured_slick_padd"><a href="https://via.placeholder.com/1200x800" class="mfp-gallery"><img
                            src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" /></a></div>
                <div class="featured_slick_padd"><a href="https://via.placeholder.com/1200x800" class="mfp-gallery"><img
                            src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" /></a></div>
                <div class="featured_slick_padd"><a href="https://via.placeholder.com/1200x800" class="mfp-gallery"><img
                            src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto" alt="" /></a></div>
            </div>
            <a href="JavaScript:Void(0);" class="btn-view-pic">View photos</a>
        </div>
        <!-- ============================ Hero Banner End ================================== -->

        <!-- ============================ Property Detail Start ================================== -->
        <section class="gray-simple">
            <div class="container">
                <div class="row">

                    <!-- property main detail -->
                    <div class="col-lg-8 col-md-12 col-sm-12">

                        <div class="property_block_wrap style-2 p-4">
                            <div class="prt-detail-title-desc">
                                <span class="prt-types sale">For <?php 
                                                                                      
																					  $sql4="select * from  property_type_main where pk_service_code='".$row['fk_property_type_main']."'";
																					  $result4=$conn->query($sql4);     $row4=$result4->fetch_assoc();
																						  echo $row4['service_name'];
																					  ?></span>
                                <h3><?php echo $row['property_name']; ?>, <?php echo $row['fk_utm_country_id']; ?></h3>
                                <span><i class="lni-map-marker"></i><?php 
                                                                                            
                                                                                            $sql7="select * from   utm_mst_state where pk_utm_state_id='".$row['fk_utm_state_id']."'";
                                                                                            $result7=$conn->query($sql7);     $row7=$result7->fetch_assoc();
                                                                                                echo $row7['state_name'];
                                                                                      ?></span>
                                <h3 class="prt-price-fix">₹<?php echo $row['price']; ?></sub></h3>
                                <div class="list-fx-features">
                                    <div class="listing-card-info-icon">
                                        <div class="inc-fleat-icon"><img src="assets/img/bed.svg" width="13" alt="">
                                        </div><?php 
                                                                                      
                                                                                      $sql5="select * from  cnf_mst_bedroom_type where id='".$row['fk_bedroom_type']."'";
                                                                                      $result5=$conn->query($sql5);     $row5=$result5->fetch_assoc();
                                                                                          echo $row5['destination_type_name'];
                                                                                      ?>
                                    </div>
                                    <div class="listing-card-info-icon">
                                        <div class="inc-fleat-icon"><img src="assets/img/bathtub.svg" width="13" alt="">
                                        </div><?php echo $row['bathroom']; ?> Bath
                                    </div>
                                    <div class="listing-card-info-icon">
                                        <div class="inc-fleat-icon"><img src="assets/img/move.svg" width="13" alt="">
                                        </div><?php echo $row['area_no']; ?>
                                        <?php 
                                                                                            
                                                                                            $sql6="select * from  area_unit where id='".$row['fk_area_unit']."'";
                                                                                            $result6=$conn->query($sql6);     $row6=$result6->fetch_assoc();
                                                                                                echo $row6['area_unit_name'];
                                                                                      ?>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Single Block Wrap -->
                        <div class="property_block_wrap style-2">

                            <div class="property_block_wrap_header">
                                <a data-bs-toggle="collapse" data-parent="#features" data-bs-target="#clOne"
                                    aria-controls="clOne" href="javascript:void(0);" aria-expanded="false">
                                    <h4 class="property_block_title">Detail & Features</h4>
                                </a>
                            </div>
                            <div id="clOne" class="panel-collapse collapse show" aria-labelledby="clOne"
                                aria-expanded="true">
                                <div class="block-body">
                                    <ul class="deatil_features">
                                        <li><strong>Bedrooms:</strong><?php 
                                                                                      
                                                                                      $sql5="select * from  cnf_mst_bedroom_type where id='".$row['fk_bedroom_type']."'";
                                                                                      $result5=$conn->query($sql5);     $row5=$result5->fetch_assoc();
                                                                                          echo $row5['destination_type_name'];
                                                                                      ?> </li>
                                        <li><strong>Bathrooms:</strong><?php echo $row['bathroom']; ?>Bath</li>
                                        <li><strong>No. of Balconies:</strong><?php echo $row['balconies']; ?></li>
                                        <li><strong>Areas:</strong><?php echo $row['area_no']; ?>
                                            <?php 
                                                                                            
                                                                                            $sql6="select * from  area_unit where id='".$row['fk_area_unit']."'";
                                                                                            $result6=$conn->query($sql6);     $row6=$result6->fetch_assoc();
                                                                                                echo $row6['area_unit_name'];
                                                                                      ?> </li>

                                        <li><strong>Property Type:</strong><?php 
                                                                                            
                                                                                            $sql1="select * from  cnf_mst_service_type where pk_service_code='".$row['fk_service_type']."'";
                                                                                            $result1=$conn->query($sql1);     $row1=$result1->fetch_assoc();
                                                                                                echo $row1['service_name'];
                                                                                      ?> </li>
                                        <li><strong>Year:</strong>Build <?php $date= $row['fdate']; 
											
																				echo  $year = date('Y', strtotime($date));
																				?>
                                        </li>
                                        <li><strong>Roof:</strong><?php if($row['roof']=='1'){echo "Yes"; }else{ echo "No"; } ?></li>
                                        <li><strong>Furnishing Status:</strong><?php if($row['furnishing_status']=='3'){echo "Furnished"; }elseif($row['furnishing_status']=='1'){ echo "Unfurnished"; }elseif($row['furnishing_status']=='2'){ echo "Semi-Furnished"; } ?></li>
                                        <li><strong>Property Facing:</strong><?php echo $row['facing']; ?></li>
                                        <li><strong>Parking:</strong><?php if($row['parking']=='1'){echo "Yes"; }else{ echo "No"; } ?></li>


                                        <li><strong>Total Floors:</strong><?php echo $row['total_floor']; ?></li>
                                        <li><strong>Property on Floors:</strong><?php echo $row['pfloor']; ?></li>
                                        <li><strong>Age Of Property:</strong><?php if($row['agep']=='0'){echo "0-1 year"; }elseif($row['agep']=='1'){ echo "1-5 year"; }elseif($row['agep']=='2'){ echo "5-10 year"; }elseif($row['agep']=='3'){ echo "10+ year"; } ?></li>
                                       
                                        <li><strong>Status:</strong>Active</li>

                                    </ul>
                                </div>
                            </div>

                        </div>

                        <!-- Single Block Wrap -->
                        <div class="property_block_wrap style-2">

                            <div class="property_block_wrap_header">
                                <a data-bs-toggle="collapse" data-parent="#dsrp" data-bs-target="#clTwo"
                                    aria-controls="clTwo" href="javascript:void(0);" aria-expanded="true">
                                    <h4 class="property_block_title">Description</h4>
                                </a>
                            </div>
                            <div id="clTwo" class="panel-collapse collapse show" aria-expanded="true">
                                <div class="block-body">
                                    <?php echo $row['long_detail']; ?>
                                </div>
                            </div>
                        </div>
                        <!-- Single Block Wrap -->
                        <div class="property_block_wrap style-2">

                        <div class="property_block_wrap_header">
                            <a data-bs-toggle="collapse" data-parent="#dsrp" data-bs-target="#clTwo"
                                aria-controls="clTwo" href="javascript:void(0);" aria-expanded="true">
                                <h4 class="property_block_title">Other Details</h4>
                            </a>
                        </div>
                        <div id="clTwo" class="panel-collapse collapse show" aria-expanded="true">
                            <div class="block-body">
                                <?php echo $row['long_detail']; ?>
                            </div>
                        </div>
                        </div>
                        <!-- Single Block Wrap -->
                        <div class="property_block_wrap style-2">

                            <div class="property_block_wrap_header">
                                <a data-bs-toggle="collapse" data-parent="#amen" data-bs-target="#clThree"
                                    aria-controls="clThree" href="javascript:void(0);" aria-expanded="true">
                                    <h4 class="property_block_title">Ameneties</h4>
                                </a>
                            </div>

                            <div id="clThree" class="panel-collapse collapse show" aria-expanded="true">
                                <div class="block-body">
                                    <ul class="avl-features third color">

                                        <?php 
                                                                                            
											$sql3="select * from  property_aminity where fk_property_id='".$row['pk_property_id']."'";
											$result3=$conn->query($sql3);    
											while($row3=$result3->fetch_assoc()){
												?>
                                       

                                        <li><?php	$sql2="select * from  aminity where id='".$row3['aminityselected']."'";
											$result2=$conn->query($sql2);     $row2=$result2->fetch_assoc();
												echo $row2['aminity_name']; ?>
                                        </li>
                                        <?php
											}
										?>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Single Block Wrap -->
                        <div class="property_block_wrap style-2">

                           

                            <div id="clFour" class="panel-collapse collapse" aria-expanded="true">
                                <div class="block-body">
                                    <div class="property_video">
                                        <div class="thumb">
                                            <img class="pro_img img-fluid w100"
                                                src="https://via.placeholder.com/1200x800" alt="7.jpg">
                                            <div class="overlay_icon">
                                                <div class="bb-video-box">
                                                    <div class="bb-video-box-inner">
                                                        <div class="bb-video-box-innerup">
                                                            <a href="https://www.youtube.com/watch?v=A8EI6JaFbv4"
                                                                data-bs-toggle="modal" data-bs-target="#popup-video"
                                                                class="theme-cl"><i class="ti-control-play"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <!-- Single Block Wrap -->
                        <!-- <div class="property_block_wrap style-2">

                            <div class="property_block_wrap_header">
                                <a data-bs-toggle="collapse" data-parent="#floor" data-bs-target="#clFive"
                                    aria-controls="clFive" href="javascript:void(0);" aria-expanded="true"
                                    class="collapsed">
                                    <h4 class="property_block_title">Floor details</h4>
                                </a>
                            </div>

                            <div id="clFive" class="panel-collapse collapse" aria-expanded="true">
                                <div class="block-body">2
                                    <div class="accordion" id="floor-option">
                                        <div class="card">
                                            <div class="card-header" id="firstFloor">
                                                <h2 class="mb-0">
                                                    <button type="button" class="btn btn-link" data-bs-toggle="collapse"
                                                        data-bs-target="#firstfloor" aria-controls="firstfloor">First
                                                        Floor<span>740 sq ft</span></button>
                                                </h2>
                                            </div>
                                            <div id="firstfloor" class="collapse" aria-labelledby="firstFloor"
                                                data-parent="#floor-option">
                                                <div class="card-body">
                                                    <img src="assets/img/floor.jpg" class="img-fluid" alt="" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-header" id="seconfFloor">
                                                <h2 class="mb-0">
                                                    <button type="button" class="btn btn-link collapsed"
                                                        data-bs-toggle="collapse" data-bs-target="#secondfloor"
                                                        aria-controls="secondfloor">Second Floor<span>710 sq
                                                            ft</span></button>
                                                </h2>
                                            </div>
                                            <div id="secondfloor" class="collapse" aria-labelledby="seconfFloor"
                                                data-parent="#floor-option">
                                                <div class="card-body">
                                                    <img src="assets/img/floor.jpg" class="img-fluid" alt="" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-header" id="third-garage">
                                                <h2 class="mb-0">
                                                    <button type="button" class="btn btn-link collapsed"
                                                        data-bs-toggle="collapse" data-bs-target="#garages"
                                                        aria-controls="garages">Garage<span>520 sq ft</span></button>
                                                </h2>
                                            </div>
                                            <div id="garages" class="collapse" aria-labelledby="third-garage"
                                                data-parent="#floor-option">
                                                <div class="card-body">
                                                    <img src="assets/img/floor.jpg" class="img-fluid" alt="" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div> -->

                        <!-- Single Block Wrap -->
                        <div class="property_block_wrap style-2">

                            <div class="property_block_wrap_header">
                                <a data-bs-toggle="collapse" data-parent="#loca" data-bs-target="#clSix"
                                    aria-controls="clSix" href="javascript:void(0);" aria-expanded="true"
                                    class="collapsed">
                                    <h4 class="property_block_title">Location</h4>
                                </a>
                            </div>

                            <div id="clSix" class="panel-collapse collapse" aria-expanded="true">
                                <div class="block-body">
                                    <div class="map-container">
                                        <div id="singleMap" >efefedfed</div>
                                    </div>

                                </div>
                            </div>

                        </div>

                        <!-- Single Block Wrap -->
                        <div class="property_block_wrap style-2">

                            <div class="property_block_wrap_header">
                                <a data-bs-toggle="collapse" data-parent="#clSev" data-bs-target="#clSev"
                                    aria-controls="clOne" href="javascript:void(0);" aria-expanded="true"
                                    class="collapsed">
                                    <h4 class="property_block_title">Gallery</h4>
                                </a>
                            </div>

                            <div id="clSev" class="panel-collapse collapse" aria-expanded="true">
                                <div class="block-body">
                                    <ul class="list-gallery-inline">
                                        <li>
                                            <a href="https://via.placeholder.com/1200x800" class="mfp-gallery"><img
                                                    src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto"
                                                    alt="" /></a>
                                        </li>
                                        <li>
                                            <a href="https://via.placeholder.com/1200x800" class="mfp-gallery"><img
                                                    src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto"
                                                    alt="" /></a>
                                        </li>
                                        <li>
                                            <a href="https://via.placeholder.com/1200x800" class="mfp-gallery"><img
                                                    src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto"
                                                    alt="" /></a>
                                        </li>
                                        <li>
                                            <a href="https://via.placeholder.com/1200x800" class="mfp-gallery"><img
                                                    src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto"
                                                    alt="" /></a>
                                        </li>
                                        <li>
                                            <a href="https://via.placeholder.com/1200x800" class="mfp-gallery"><img
                                                    src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto"
                                                    alt="" /></a>
                                        </li>
                                        <li>
                                            <a href="https://via.placeholder.com/1200x800" class="mfp-gallery"><img
                                                    src="https://via.placeholder.com/1200x800" class="img-fluid mx-auto"
                                                    alt="" /></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                        </div>

                        <!-- All over Review -->
                        <div class="rating-overview">
                            <div class="rating-overview-box">
                                <span class="rating-overview-box-total">4.2</span>
                                <span class="rating-overview-box-percent">out of 5.0</span>
                                <div class="star-rating" data-rating="5"><i class="ti-star"></i><i
                                        class="ti-star"></i><i class="ti-star"></i><i class="ti-star"></i><i
                                        class="ti-star"></i>
                                </div>
                            </div>

                            <div class="rating-bars">
                                <div class="rating-bars-item">
                                    <span class="rating-bars-name">Service</span>
                                    <span class="rating-bars-inner">
                                        <span class="rating-bars-rating high" data-rating="4.7">
                                            <span class="rating-bars-rating-inner" style="width: 85%;"></span>
                                        </span>
                                        <strong>4.7</strong>
                                    </span>
                                </div>
                                <div class="rating-bars-item">
                                    <span class="rating-bars-name">Value for Money</span>
                                    <span class="rating-bars-inner">
                                        <span class="rating-bars-rating good" data-rating="3.9">
                                            <span class="rating-bars-rating-inner" style="width: 75%;"></span>
                                        </span>
                                        <strong>3.9</strong>
                                    </span>
                                </div>
                                <div class="rating-bars-item">
                                    <span class="rating-bars-name">Location</span>
                                    <span class="rating-bars-inner">
                                        <span class="rating-bars-rating mid" data-rating="3.2">
                                            <span class="rating-bars-rating-inner" style="width: 52.2%;"></span>
                                        </span>
                                        <strong>3.2</strong>
                                    </span>
                                </div>
                                <div class="rating-bars-item">
                                    <span class="rating-bars-name">Cleanliness</span>
                                    <span class="rating-bars-inner">
                                        <span class="rating-bars-rating poor" data-rating="2.0">
                                            <span class="rating-bars-rating-inner" style="width:20%;"></span>
                                        </span>
                                        <strong>2.0</strong>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <!-- All over Review -->

                        <!-- Single Reviews Block -->
                        <div class="property_block_wrap style-2">

                            <div class="property_block_wrap_header">
                                <a data-bs-toggle="collapse" data-parent="#rev" data-bs-target="#clEight"
                                    aria-controls="clEight" href="javascript:void(0);" aria-expanded="true">
                                    <h4 class="property_block_title">102 Reviews</h4>
                                </a>
                            </div>

                            <div id="clEight" class="panel-collapse collapse show" aria-expanded="true">
                                <div class="block-body">
                                    <div class="author-review">
                                        <div class="comment-list">
                                            <ul>
                                                <li class="article_comments_wrap">
                                                    <article>
                                                        <div class="article_comments_thumb">
                                                            <img src="https://via.placeholder.com/400x400" alt="">
                                                        </div>
                                                        <div class="comment-details">
                                                            <div class="comment-meta">
                                                                <div class="comment-left-meta">
                                                                    <h4 class="author-name">Rosalina Kelian</h4>
                                                                    <div class="comment-date">19th May 2018</div>
                                                                </div>
                                                            </div>
                                                            <div class="comment-text">
                                                                <p>Excepteur sint occaecat cupidatat non proident, sunt
                                                                    in culpa qui officia deserunt mollit anim laborumab.
                                                                    perspiciatis unde omnis iste natus error.</p>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </li>
                                                <li class="article_comments_wrap">
                                                    <article>
                                                        <div class="article_comments_thumb">
                                                            <img src="https://via.placeholder.com/400x400" alt="">
                                                        </div>
                                                        <div class="comment-details">
                                                            <div class="comment-meta">
                                                                <div class="comment-left-meta">
                                                                    <h4 class="author-name">Rosalina Kelian</h4>
                                                                    <div class="comment-date">19th May 2018</div>
                                                                </div>
                                                            </div>
                                                            <div class="comment-text">
                                                                <p>Excepteur sint occaecat cupidatat non proident, sunt
                                                                    in culpa qui officia deserunt mollit anim laborumab.
                                                                    perspiciatis unde omnis iste natus error.</p>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <a href="#" class="reviews-checked theme-cl"><i
                                            class="fas fa-arrow-alt-circle-down mr-2"></i>See More Reviews</a>
                                </div>
                            </div>

                        </div>

                        <!-- Single Block Wrap -->
                        <div class="property_block_wrap style-2">

                            <div class="property_block_wrap_header">
                                <a data-bs-toggle="collapse" data-parent="#nearby" data-bs-target="#clNine"
                                    aria-controls="clNine" href="javascript:void(0);" aria-expanded="true">
                                    <h4 class="property_block_title">Nearby</h4>
                                </a>
                            </div>

                            <div id="clNine" class="panel-collapse collapse show" aria-expanded="true">
                                <div class="block-body">

                                    <!-- Schools -->
                                    <div class="nearby-wrap">
                                        <div class="nearby_header">
                                            <div class="nearby_header_first">
                                                <h5>Schools Around</h5>
                                            </div>
                                            <div class="nearby_header_last">
                                                <div class="nearby_powerd">
                                                    Powerd by <img src="assets/img/edu.png" class="img-fluid" alt="" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="neary_section_list">

                                            <div class="neary_section">
                                                <div class="neary_section_first">
                                                    <h4 class="nearby_place_title">Green Iseland School<small>(3.52
                                                            mi)</small></h4>
                                                </div>
                                                <div class="neary_section_last">
                                                    <div class="nearby_place_rate">
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star"></i>
                                                    </div>
                                                    <small class="reviews-count">(421 Reviews)</small>
                                                </div>
                                            </div>

                                            <div class="neary_section">
                                                <div class="neary_section_first">
                                                    <h4 class="nearby_place_title">Ragni Intermediate
                                                        College<small>(0.52 mi)</small></h4>
                                                </div>
                                                <div class="neary_section_last">
                                                    <div class="nearby_place_rate">
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star-half filled"></i>
                                                    </div>
                                                    <small class="reviews-count">(470 Reviews)</small>
                                                </div>
                                            </div>

                                            <div class="neary_section">
                                                <div class="neary_section_first">
                                                    <h4 class="nearby_place_title">Rose Wood Primary Scool<small>(0.47
                                                            mi)</small></h4>
                                                </div>
                                                <div class="neary_section_last">
                                                    <div class="nearby_place_rate">
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star"></i>
                                                    </div>
                                                    <small class="reviews-count">(204 Reviews)</small>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                    <!-- Hotel & Restaurant -->
                                    <div class="nearby-wrap">
                                        <div class="nearby_header">
                                            <div class="nearby_header_first">
                                                <h5>Food Around</h5>
                                            </div>
                                            <div class="nearby_header_last">
                                                <div class="nearby_powerd">
                                                    Powerd by <img src="assets/img/food.png" class="img-fluid" alt="" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="neary_section_list">

                                            <div class="neary_section">
                                                <div class="neary_section_first">
                                                    <h4 class="nearby_place_title">The Rise hotel<small>(2.42
                                                            mi)</small></h4>
                                                </div>
                                                <div class="neary_section_last">
                                                    <div class="nearby_place_rate">
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                    </div>
                                                    <small class="reviews-count">(105 Reviews)</small>
                                                </div>
                                            </div>

                                            <div class="neary_section">
                                                <div class="neary_section_first">
                                                    <h4 class="nearby_place_title">Blue Ocean Bar &
                                                        Restaurant<small>(1.52 mi)</small></h4>
                                                </div>
                                                <div class="neary_section_last">
                                                    <div class="nearby_place_rate">
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star filled"></i>
                                                        <i class="fa fa-star"></i>
                                                    </div>
                                                    <small class="reviews-count">(40 Reviews)</small>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>

                        <!-- Single Write a Review -->
                        <div class="property_block_wrap style-2">

                            <div class="property_block_wrap_header">
                                <a data-bs-toggle="collapse" data-parent="#comment" data-bs-target="#clTen"
                                    aria-controls="clTen" href="javascript:void(0);" aria-expanded="true">
                                    <h4 class="property_block_title">Write a Review</h4>
                                </a>
                            </div>

                            <div id="clTen" class="panel-collapse collapse show" aria-expanded="true">
                                <div class="block-body">
                                    <form class="simple-form">
                                        <div class="row">

                                            <div class="col-lg-12 col-md-12 col-sm-12">
                                                <div class="form-group">
                                                    <textarea class="form-control ht-80"
                                                        placeholder="Messages"></textarea>
                                                </div>
                                            </div>

                                            <div class="col-lg-12 col-md-12 col-sm-12">
                                                <div class="form-group">
                                                    <input type="text" class="form-control"
                                                        placeholder="Property Title">
                                                </div>
                                            </div>

                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" placeholder="Your Name">
                                                </div>
                                            </div>

                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                <div class="form-group">
                                                    <input type="email" class="form-control" placeholder="Your Email">
                                                </div>
                                            </div>

                                            <div class="col-lg-12 col-md-12 col-sm-12">
                                                <div class="form-group">
                                                    <button class="btn btn-theme-light-2 rounded" type="submit">Submit
                                                        Review</button>
                                                </div>
                                            </div>

                                        </div>
                                    </form>
                                </div>
                            </div>

                        </div>

                    </div>

                    <!-- property Sidebar -->
                    <div class="col-lg-4 col-md-12 col-sm-12">

                        <!-- Like And Share -->
                        <div class="like_share_wrap b-0">
                            <ul class="like_share_list">
                                <li><a href="JavaScript:Void(0);" class="btn btn-likes" data-toggle="tooltip"
                                        data-original-title="Share"><i class="fas fa-share"></i>Share</a></li>
                                <li><a href="JavaScript:Void(0);" class="btn btn-likes" data-toggle="tooltip"
                                        data-original-title="Save"><i class="fas fa-heart"></i>Save</a></li>
                            </ul>
                        </div>

                        <div class="details-sidebar">

                            <!-- Agent Detail -->
                            <div class="sides-widget">
                                <div class="sides-widget-header">
                                    <div class="agent-photo"><img src="https://via.placeholder.com/400x400" alt="">
                                    </div>
                                    <div class="sides-widget-details">
                                        <h4><a href="#">Shivangi Preet</a></h4>
                                        <span><i class="lni-phone-handset"></i>(91) 123 456 7895</span>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>

                                <div class="sides-widget-body simple-form">
                                    <div class="form-group">
                                        <label>Email</label>
                                        <input type="text" class="form-control" placeholder="Your Email">
                                    </div>
                                    <div class="form-group">
                                        <label>Phone No.</label>
                                        <input type="text" class="form-control" placeholder="Your Phone">
                                    </div>
                                    <div class="form-group">
                                        <label>Description</label>
                                        <textarea class="form-control">I'm interested in this property.</textarea>
                                    </div>
                                    <button class="btn btn-black btn-md rounded full-width">Send Message</button>
                                </div>
                            </div>

                            <!-- Mortgage Calculator -->
                            <div class="sides-widget">

                                <div class="sides-widget-header">
                                    <div class="sides-widget-details">
                                        <h4><a href="#">Shivangi Preet</a></h4>
                                        <span>View your Interest Rate</span>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>

                                <div class="sides-widget-body simple-form">
                                    <div class="form-group">
                                        <div class="input-with-icon">
                                            <input type="text" class="form-control" placeholder="Sale Price">
                                            <i class="ti-money"></i>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="input-with-icon">
                                            <input type="text" class="form-control" placeholder="Down Payment">
                                            <i class="ti-money"></i>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="input-with-icon">
                                            <input type="text" class="form-control" placeholder="Loan Term (Years)">
                                            <i class="ti-calendar"></i>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="input-with-icon">
                                            <input type="text" class="form-control" placeholder="Interest Rate">
                                            <i class="fa fa-percent"></i>
                                        </div>
                                    </div>

                                    <button class="btn btn-black btn-md rounded full-width">Calculate</button>

                                </div>
                            </div>

                            <!-- Featured Property -->
                            <div class="sidebar-widgets">

                                <h4>Featured Property</h4>

                                <div class="sidebar_featured_property">

                                    <!-- List Sibar Property -->
                                    <div class="sides_list_property">
                                        <div class="sides_list_property_thumb">
                                            <img src="https://via.placeholder.com/1200x800" class="img-fluid" alt="">
                                        </div>
                                        <div class="sides_list_property_detail">
                                            <h4><a href="single-property-1.html">Loss vengel New Apartment</a></h4>
                                            <span><i class="ti-location-pin"></i>Sans Fransico</span>
                                            <div class="lists_property_price">
                                                <div class="lists_property_types">
                                                    <div class="property_types_vlix sale">For Sale</div>
                                                </div>
                                                <div class="lists_property_price_value">
                                                    <h4>$4,240</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- List Sibar Property -->
                                    <div class="sides_list_property">
                                        <div class="sides_list_property_thumb">
                                            <img src="https://via.placeholder.com/1200x800" class="img-fluid" alt="">
                                        </div>
                                        <div class="sides_list_property_detail">
                                            <h4><a href="single-property-1.html">Montreal Quriqe Apartment</a></h4>
                                            <span><i class="ti-location-pin"></i>Liverpool, London</span>
                                            <div class="lists_property_price">
                                                <div class="lists_property_types">
                                                    <div class="property_types_vlix">For Rent</div>
                                                </div>
                                                <div class="lists_property_price_value">
                                                    <h4>$7,380</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- List Sibar Property -->
                                    <div class="sides_list_property">
                                        <div class="sides_list_property_thumb">
                                            <img src="https://via.placeholder.com/1200x800" class="img-fluid" alt="">
                                        </div>
                                        <div class="sides_list_property_detail">
                                            <h4><a href="single-property-1.html">Curmic Studio For Office</a></h4>
                                            <span><i class="ti-location-pin"></i>Montreal, Canada</span>
                                            <div class="lists_property_price">
                                                <div class="lists_property_types">
                                                    <div class="property_types_vlix buy">For Buy</div>
                                                </div>
                                                <div class="lists_property_price_value">
                                                    <h4>$8,730</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- List Sibar Property -->
                                    <div class="sides_list_property">
                                        <div class="sides_list_property_thumb">
                                            <img src="https://via.placeholder.com/1200x800" class="img-fluid" alt="">
                                        </div>
                                        <div class="sides_list_property_detail">
                                            <h4><a href="single-property-1.html">Montreal Quebec City</a></h4>
                                            <span><i class="ti-location-pin"></i>Sreek View, New York</span>
                                            <div class="lists_property_price">
                                                <div class="lists_property_types">
                                                    <div class="property_types_vlix">For Rent</div>
                                                </div>
                                                <div class="lists_property_price_value">
                                                    <h4>$6,240</h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!-- ============================ Property Detail End ================================== -->

        <!-- ============================ Call To Action ================================== -->
        <section class="theme-bg call-to-act-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">

                        <div class="call-to-act">
                            <div class="call-to-act-head">
                                <h3>Want to Become a Real Estate Agent?</h3>
                                <span>We'll help you to grow your career and growth.</span>
                            </div>
                            <a href="#" class="btn btn-call-to-act">SignUp Today</a>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <!-- ============================ Call To Action End ================================== -->

        <!-- ============================ Footer Start ================================== -->
        <footer class="dark-footer skin-dark-footer">
            <div>
                <div class="container">
                    <div class="row">

                        <div class="col-lg-3 col-md-4">
                            <div class="footer-widget">
                                <img src="assets/img/logo-light.png" class="img-footer" alt="" />
                                <div class="footer-add">
                                    <p>Collins Street West, Victoria 8007, Australia.</p>
                                    <p>+1 246-345-0695</p>
                                    <p>info@example.com</p>
                                </div>

                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4">
                            <div class="footer-widget">
                                <h4 class="widget-title">Navigations</h4>
                                <ul class="footer-menu">
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="faq.html">FAQs Page</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                    <li><a href="blog.html">Blog</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-lg-2 col-md-4">
                            <div class="footer-widget">
                                <h4 class="widget-title">The Highlights</h4>
                                <ul class="footer-menu">
                                    <li><a href="#">Apartment</a></li>
                                    <li><a href="#">My Houses</a></li>
                                    <li><a href="#">Restaurant</a></li>
                                    <li><a href="#">Nightlife</a></li>
                                    <li><a href="#">Villas</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-lg-2 col-md-6">
                            <div class="footer-widget">
                                <h4 class="widget-title">My Account</h4>
                                <ul class="footer-menu">
                                    <li><a href="#">My Profile</a></li>
                                    <li><a href="#">My account</a></li>
                                    <li><a href="#">My Property</a></li>
                                    <li><a href="#">Favorites</a></li>
                                    <li><a href="#">Cart</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-lg-3 col-md-6">
                            <div class="footer-widget">
                                <h4 class="widget-title">Download Apps</h4>
                                <a href="#" class="other-store-link">
                                    <div class="other-store-app">
                                        <div class="os-app-icon">
                                            <i class="lni-playstore theme-cl"></i>
                                        </div>
                                        <div class="os-app-caps">
                                            Google Play
                                            <span>Get It Now</span>
                                        </div>
                                    </div>
                                </a>
                                <a href="#" class="other-store-link">
                                    <div class="other-store-app">
                                        <div class="os-app-icon">
                                            <i class="lni-apple theme-cl"></i>
                                        </div>
                                        <div class="os-app-caps">
                                            App Store
                                            <span>Now it Available</span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="footer-bottom">
                <div class="container">
                    <div class="row align-items-center">

                        <div class="col-lg-6 col-md-6">
                            <p class="mb-0">© 2021 Resido. Designd By <a href="https://themezhub.com">Themez Hub</a> All
                                Rights Reserved</p>
                        </div>

                        <div class="col-lg-6 col-md-6 text-right">
                            <ul class="footer-bottom-social">
                                <li><a href="#"><i class="ti-facebook"></i></a></li>
                                <li><a href="#"><i class="ti-twitter"></i></a></li>
                                <li><a href="#"><i class="ti-instagram"></i></a></li>
                                <li><a href="#"><i class="ti-linkedin"></i></a></li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </footer>
        <!-- ============================ Footer End ================================== -->

        <!-- Log In Modal -->
        <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="registermodal"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
                <div class="modal-content" id="registermodal">
                    <span class="mod-close" data-bs-dismiss="modal" aria-hidden="true"><i class="ti-close"></i></span>
                    <div class="modal-body">
                        <h4 class="modal-header-title">Log In</h4>
                        <div class="login-form">
                            <form>

                                <div class="form-group">
                                    <label>User Name</label>
                                    <div class="input-with-icon">
                                        <input type="text" class="form-control" placeholder="Username">
                                        <i class="ti-user"></i>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Password</label>
                                    <div class="input-with-icon">
                                        <input type="password" class="form-control" placeholder="*******">
                                        <i class="ti-unlock"></i>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <button type="submit"
                                        class="btn btn-md full-width btn-theme-light-2 rounded">Login</button>
                                </div>

                            </form>
                        </div>
                        <div class="modal-divider"><span>Or login via</span></div>
                        <div class="social-login mb-3">
                            <ul>
                                <li><a href="#" class="btn connect-fb"><i class="ti-facebook"></i>Facebook</a></li>
                                <li><a href="#" class="btn connect-google"><i class="ti-google"></i>Google+</a></li>
                            </ul>
                        </div>
                        <div class="text-center">
                            <p class="mt-5"><a href="#" class="link">Forgot password?</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Modal -->

        <!-- Sign Up Modal -->
        <div class="modal fade signup" id="signup" tabindex="-1" role="dialog" aria-labelledby="sign-up"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
                <div class="modal-content" id="sign-up">
                    <span class="mod-close" data-bs-dismiss="modal" aria-hidden="true"><i class="ti-close"></i></span>
                    <div class="modal-body">
                        <h4 class="modal-header-title">Sign Up</h4>
                        <div class="login-form">
                            <form>

                                <div class="row">

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <input type="text" class="form-control" placeholder="Full Name">
                                                <i class="ti-user"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <input type="email" class="form-control" placeholder="Email">
                                                <i class="ti-email"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <input type="text" class="form-control" placeholder="Username">
                                                <i class="ti-user"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <input type="password" class="form-control" placeholder="*******">
                                                <i class="ti-unlock"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <input type="password" class="form-control" placeholder="123 546 5847">
                                                <i class="lni-phone-handset"></i>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <div class="input-with-icon">
                                                <select class="form-control">
                                                    <option>As a Customer</option>
                                                    <option>As a Agent</option>
                                                    <option>As a Agency</option>
                                                </select>
                                                <i class="ti-briefcase"></i>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="form-group">
                                    <button type="submit" class="btn btn-md full-width btn-theme-light-2 rounded">Sign
                                        Up</button>
                                </div>

                            </form>
                        </div>
                        <div class="modal-divider"><span>Or login via</span></div>
                        <div class="social-login mb-3">
                            <ul>
                                <li><a href="#" class="btn connect-fb"><i class="ti-facebook"></i>Facebook</a></li>
                                <li><a href="#" class="btn connect-google"><i class="ti-google"></i>Google+</a></li>
                            </ul>
                        </div>
                        <div class="text-center">
                            <p class="mt-5"><i class="ti-user mr-1"></i>Already Have An Account? <a href="#"
                                    class="link">Go For LogIn</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Modal -->


        <a id="back2Top" class="top-scroll" title="Back to top" href="#"><i class="ti-arrow-up"></i></a>


    </div>
    <!-- ============================================================== -->
    <!-- End Wrapper -->
    <!-- ============================================================== -->


    <!-- ============================================================== -->
    <!-- All Jquery -->
    <!-- ============================================================== -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/rangeslider.js"></script>
    <script src="assets/js/select2.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/slick.js"></script>
    <script src="assets/js/slider-bg.js"></script>
    <script src="assets/js/lightbox.js"></script>
    <script src="assets/js/imagesloaded.js"></script>

    <script src="assets/js/custom.js"></script>

    <!-- Map -->
    <script src="https://maps.google.com/maps/api/js?key="></script>
    <script src="assets/js/map_infobox.js"></script>
    <script src="assets/js/markerclusterer.js"></script>
    <script src="assets/js/map.js"></script>
    <!-- ============================================================== -->
    <!-- This page plugins -->
    <!-- ============================================================== -->



</body>

</html>