File Explorer

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Feet 2 Yards</title>
    <link rel="shortcut icon" type="image/x-icon" href="https://www.feet2yards.com/images/favicon.png">
    <?php include("includes/css.php");?>
    <style>
        .blog .blog-pots .fa {
            color: #000;
        }

.property .popup-youtube {
            top: 52%;
        }

.blog .blog-pots .add-review-box .fa {
            color: #000;
        }

.commented p {
            margin-bottom: 0rem;
            line-height: 20px;
        }

.commented {
            border-bottom: 1px dashed #ccc;
            padding-bottom: 10px;
        }
.inner-pages .single-add-property {background: #fff none repeat scroll 0 0;margin-bottom: 5px;padding: 30px 10px;}
.inner-pages .property-form-group p input[type="radio"]{border: 1px solid #b0afaf;height: 18px;padding: 0px;width: 28%;background-color: #f5f7fb;border-radius: 4px;}
.inner-pages .property-form-group label {color: #22337d;display: inline-block;font-size: 15px;font-weight: 600;text-transform: capitalize;font-family: arial;}
.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {background-color: #f5f7fb;color: #333;}
.inner-pages .property-form-group p input {border: 1px solid #b0afaf;height: 44px;padding: 10px;width: 100%;background-color: #f5f7fb;border-radius:4px;}
.inner-pages .property-form-group p textarea {border: 1px solid #b0afaf;height: 44px;padding: 10px;width: 100%;background-color: #f5f7fb;border-radius:4px;}
.inner-pages .nice-select.wide {border:1px solid #b0afaf;height:44px;padding:10px;width:100%;background-color:#f5f7fb;border-radius:4px;line-height:23px;margin-top:0px;margin-bottom:0px;}
.inner-pages .single-add-property > h3 {margin-bottom: 20px;padding-bottom: 12px;}
.field-icon {float:right;margin-top:-36px;position:relative;z-index:2;padding-right:24px;}
.combo_select_input{width:100%;}
.nice-select {float:left;margin-bottom:20px;width:18%;line-height:24px;}
.mobile_text_box {width:81%;margin-bottom:20px;float:right;}.leftsided{margin-left:0px!important;padding-left:0px!important;border: 1px solid #e1dede}
.leftsided li a {color:#000;}.user-page{margin-top:40px!important;}
 @media (min-width:320px) and (max-width:640px) {.nice-select{float:left;margin-bottom:20px;width:100%;}
.mobile_text_box{width: 100%;margin-bottom: 20px;float:right;}
.nb-checkbox{width:100%;float:left;}
.inner-pages .single-add-property{padding: 20px 5px;}.user-page{margin-top:10px!important;}
        } </style>  
    <link rel="stylesheet" href="css/timedropper.css">
    <link rel="stylesheet" href="css/datedropper.css">
</head>

<section class="single-proper blog details pt-3">
            <div class="container-fluid">
                <div class="row mt-4">
                    <div class="col-lg-3 col-md-12 col-xs-12 pl-0 pr-0 user-dash">
                        <div class="user-profile-box mb-0">
                            <div class="detail clearfix">
                                <ul class="mb-0">
                                    <li>
                                        <a href="dashboard.php">
                                            <i class="fa fa-map-marker"></i> Dashboard
                                        </a>
                                    </li>
                                    <li>
                                        <a href="my-profile.php">
                                            <i class="fa fa-user"></i> My Profile
                                        </a>
                                    </li>
                                    <li>
                                        <a href="edit-profile.php">
                                            <i class="fa fa-user"></i> Edit Profile
                                        </a>
                                    </li>
                                    <li>
                                        <a class="active" href="my-property.php">
                                            <i class="fa fa-list" aria-hidden="true"></i> My Properties
                                        </a>
                                    </li>
                                    <li>
                                        <a href="add-property.php">
                                            <i class="fa fa-list" aria-hidden="true"></i> Add Property
                                        </a>
                                    </li>
                                    <li>
                                        <a href="interested-property.php">
                                            <i class="fa fa-list"></i> Interest In Your Property
                                        </a>
                                    </li>
                                    <li>
                                        <a href="invoice.php">
                                            <i class="fas fa-paste"></i> Invoices
                                        </a>
                                    </li>
                                    <li>
                                        <a href="change-password.php">
                                            <i class="fa fa-lock"></i> Change Password
                                        </a>
                                    </li>
                                    <li>
                                        <a href="logout.php">
                                            <i class="fas fa-sign-out-alt"></i> Log Out
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8 col-md-9 col-xs-6 widget-boxed mt-33 mt-0">
                        <div class="row">
                            <div class="col-md-12">
                                <section class="headings-2 pt-0">
                                    <div class="pro-wrapper">
                                        <div class="col-md-7">
                                            <div class="detail-wrapper-body">
                                                <div class="listing-title-bar">
                                                    <h3>Luxury Villa House <span class="mrg-l-5 category-tag">For Sale</span></h3>
                                                    <div class="mt-0">
                                                        <a href="#listing-location" class="listing-address">
                                                            <i class="fa fa-map-marker pr-2 ti-location-pin mrg-r-5"></i> Hyderabad, Telangana
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="detail-wrapper-body">
                                                <div class="listing-title-bar">
                                                    <h4>₹ 230,000</h4>
                                                    <div class="mt-0">
                                                        <a href="#listing-location" class="listing-address">
                                                            <p>₹ 1,200 / sq ft</p>
                                                        </a>
                                                     </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <div class="detail-wrapper-body">
                                                <div class="listing-title-bar"> 
                                                         <a href="my-property.php" class="text-center btn" style="background-color:green;color:#fff"><i class="fa fa-arrow-left"></i> Back</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                 </section>
                                
                                <div id="listingDetailsSlider" class="carousel listing-details-sliders slide mb-30">
                                    <h5 class="mb-4">Property Images</h5>
                                    <div class="carousel-inner">
                                        <div class="active item carousel-item" data-slide-number="0">
                                            <img src="img/s-1.jpg" class="img-fluid" alt="slider-listing">
                                        </div>
                                        <div class="item carousel-item" data-slide-number="1">
                                            <img src="img/s-2.jpg" class="img-fluid" alt="slider-listing">
                                        </div>
                                        <div class="item carousel-item" data-slide-number="2">
                                            <img src="img/s-3.jpg" class="img-fluid" alt="slider-listing">
                                        </div>
                                        <div class="item carousel-item" data-slide-number="4">
                                            <img src="img/s-4.jpg" class="img-fluid" alt="slider-listing">
                                        </div>
                                        <div class="item carousel-item" data-slide-number="5">
                                            <img src="img/s-5.jpg" class="img-fluid" alt="slider-listing">
                                        </div>

</div>
                                    
                                    <ul class="carousel-indicators smail-listing list-inline">
                                        <li class="list-inline-item active">
                                            <a id="carousel-selector-0" class="selected" data-slide-to="0" data-target="#listingDetailsSlider">
                                                <img src="img/s-1.jpg" class="img-fluid" alt="listing-small">
                                            </a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a id="carousel-selector-1" data-slide-to="1" data-target="#listingDetailsSlider">
                                                <img src="img/s-2.jpg" class="img-fluid" alt="listing-small">
                                            </a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a id="carousel-selector-2" data-slide-to="2" data-target="#listingDetailsSlider">
                                                <img src="img/s-3.jpg" class="img-fluid" alt="listing-small">
                                            </a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a id="carousel-selector-3" data-slide-to="3" data-target="#listingDetailsSlider">
                                                <img src="img/s-4.jpg" class="img-fluid" alt="listing-small">
                                            </a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a id="carousel-selector-4" data-slide-to="4" data-target="#listingDetailsSlider">
                                                <img src="img/s-5.jpg" class="img-fluid" alt="listing-small">
                                            </a>
                                        </li>
                                    </ul>
                                    
                                </div>
                                <div class="blog-info details mb-30">
                                    <h5 class="mb-4">Description</h5>
                                    <p class="mb-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum rerum beatae consequatur, totam fugit, alias fuga aliquam quod tempora a nisi esse magnam nulla quas! Error praesentium, vero dolorum laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum rerum beatae consequatur, totam fugit.</p>

</div>
                            </div>
                        </div>
                        <div class="single homes-content details mb-30">
                            
                            <h5 class="mb-4">Property Details</h5>
                            <ul class="homes-list clearfix">
                                <li>
                                    <span class="font-weight-bold mr-1">Property ID:</span>
                                    <span class="det">V254680</span>
                                </li>
                                <li>
                                    <span class="font-weight-bold mr-1">Property Type:</span>
                                    <span class="det">House</span>
                                </li>
                                <li>
                                    <span class="font-weight-bold mr-1">Property status:</span>
                                    <span class="det">For Sale</span>
                                </li>
                                <li>
                                    <span class="font-weight-bold mr-1">Property Price:</span>
                                    <span class="det">₹ 230,000</span>
                                </li>
                                <li>
                                    <span class="font-weight-bold mr-1">Rooms:</span>
                                    <span class="det">6</span>
                                </li>
                                <li>
                                    <span class="font-weight-bold mr-1">Bedrooms:</span>
                                    <span class="det">7</span>
                                </li>
                                <li>
                                    <span class="font-weight-bold mr-1">Bath:</span>
                                    <span class="det">4</span>
                                </li>
                                <li>
                                    <span class="font-weight-bold mr-1">Garages:</span>
                                    <span class="det">2</span>
                                </li>
                                <li>
                                    <span class="font-weight-bold mr-1">Year Built:</span>
                                    <span class="det">10/6/2021</span>
                                </li>
                            </ul>

</div>
                        <div class="floor-plan property wprt-image-video w50 pro">
                            <h5>Floor Plans</h5>
                            <img alt="image" src="img/bg/floor-plan-1.png">
                        </div>
                        <div class="property wprt-image-video w50 pro">
                            <h5>Property Video</h5>
                            <img alt="image" src="img/home-slider-4.jpg">
                            <a class="icon-wrap popup-video popup-youtube" href="https://www.youtube.com/watch?v=14semTlwyUY">
                                <i class="fa fa-play text-black"></i>
                            </a>
                            <div class="iq-waves">
                                <div class="waves wave-1"></div>
                                <div class="waves wave-2"></div>
                                <div class="waves wave-3"></div>
                            </div>
                        </div>
                        <div class="property-location map">
                            <h5>Location</h5>
                            <div class="divider-fade"></div>
                           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3987.2290817555795!2d45.34779501460364!3d2.0642894594388648!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3d58434418a414df%3A0x949abb9d0c1ee4d3!2sMaka%20Al-mukarama%20shopping%20centre!5e0!3m2!1sen!2sin!4v1646123504597!5m2!1sen!2sin" width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </section>

<?php include("includes/footer.php");?>
        <?php include("includes/js.php");?>
        <script src="js/popper.min.js"></script>
        <script src="js/slick4.js"></script>
        <script src="js/popup.js"></script>
        <script src="js/timedropper.js"></script>
        <script src="js/datedropper.js"></script>
        <script src="js/inner.js"></script>
        <script>
            $('#reservation-date').dateDropper();

</script>
        <script>
            this.$('#reservation-time').timeDropper({
                setCurrentTime: false,
                meridians: true,
                primaryColor: "#e8212a",
                borderColor: "#e8212a",
                minutesInterval: '15'
            });

</script>
        <script>
            $('.slick-carousel').each(function() {
                var slider = $(this);
                $(this).slick({
                    infinite: true,
                    dots: false,
                    arrows: false,
                    centerMode: true,
                    centerPadding: '0'
                });
                $(this).closest('.slick-slider-area').find('.slick-prev').on("click", function() {
                    slider.slick('slickPrev');
                });
                $(this).closest('.slick-slider-area').find('.slick-next').on("click", function() {
                    slider.slick('slickNext');
                });
            });

</script>
    </div>
</body>

</html>

Editing File: view-property-detail1.php