Uname: Linux business55.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64
Software: LiteSpeed
PHP version: 8.1.32 [ PHP INFO ] PHP os: Linux
Server Ip: 162.213.251.212
Your Ip: 3.138.121.183
User: allssztx (535) | Group: allssztx (533)
Safe Mode: OFF
Disable Function:
NONE

name : header.ejs
<!DOCTYPE html>
<html>

<head>
    <title>
        <%= title %>
    </title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="shortcut icon" href="/sites/pioneer-reality/images/fav.png" />
    <link href="https://site-assets.fontawesome.com/releases/v6.0.0/css/all.css" rel="stylesheet">
    <link href="/sites/pioneer-reality/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/sites/pioneer-reality/css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="/sites/pioneer-reality/css/aos.css" rel="stylesheet" type="text/css">
    <link href="/sites/pioneer-reality/css/fancybox.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="/sites/pioneer-reality/css/owl.carousel.min.css" rel="stylesheet" type="text/css">
    <link href="/sites/pioneer-reality/css/owl.theme.default.css" rel="stylesheet" type="text/css">
    <link href="/sites/pioneer-reality/css/jquery-ui.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.min.css" rel="stylesheet"
        type="text/css">
    <link href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" rel="stylesheet" type="text/css">
    <!-- Include Owl Carousel CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">

<!-- Include Fancybox CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">

    <link href="/sites/pioneer-reality/css/custom.css" rel="stylesheet" type="text/css">
</head>

<body>
    <style>
        .menu-icon a {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            flex-direction: column;
            width: 30px;
            height: 30px;
            box-shadow: none;
            transition: 0.3s;
        }

        .menu-icon a span {
            background-color: #fff;
            height: 3px;
            width: 35px;
            border-radius: 5px;
            transition: 0.3s;
        }

        .menu-sec {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fff;
            /* background-position: center center; */
            /* background-repeat: no-repeat; */
            /* background-size: cover; */
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 990;
            height: 100vh;
            /* transform: translateX(-1000%); */
            transition: cubic-bezier(.77, 0, .175, 1) .8s, -webkit-transform cubic-bezier(.77, 0, .175, 1) .8s;
        }




        /* .menu-icon {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  z-index: 991;
  transition: 0.3s;
} */

        .toggle-icon-text {
            color: #fff;
            font-size: 20px;
            font-family: 'Outfit', sans-serif;
            text-transform: capitalize;

        }

        .menu-icon a {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            flex-direction: column;
            width: 30px;
            height: 30px;
            box-shadow: none;
            transition: 0.3s;

        }

        .menu-icon a span {
            background-color: #fff;
            height: 3px;
            width: 35px;
            border-radius: 5px;
            transition: 0.3s;
        }

        .menu-icon a .bar-1 {
            width: 30px;
        }

        .menu-icon a .bar-3 {
            width: 25px;
        }

        .menu-icon a.active {
            transform: rotate(180deg) translateX(-15px);
        }

        .menu-icon a.active .bar-1 {
            transform: rotate(-45deg) translateY(18px);
            width: 30px;
        }

        div#particle-canvass {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: -1;
        }

        .menu-icon a.active .bar-2 {
            opacity: 0;
        }

        .menu-icon a.active .bar-3 {
            transform: rotate(45deg) translateY(-19px);
            width: 30px;
        }

        .menu-sec {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 990;
            height: 100vh;
            transform: translatey(-100%);
            transition: cubic-bezier(.77, 0, .175, 1) .8s, -webkit-transform cubic-bezier(.77, 0, .175, 1) .8s;
        }

        .menu-bg-images {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .menu-bg-images img {
            opacity: 0;
            width: 100%;
            position: absolute;
            left: 50%;
            top: calc(50% + 10px);
            transform: translate(-50%, -50%);
            transition: 0.4s;
        }

        .menu-sec.show-menu {
            transform: translateX(0) !important;
        }

        .menu-sec .menu {
            display: flex;
            align-items: unset;
            justify-content: center;
            flex-direction: column;
        }

        .menu-sec .menu .menu-item {
            position: relative;
            transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
            opacity: 0;
            transform: translate(0, 100%);
        }

        .menu-sec.show-menu .menu .menu-item {
            opacity: 1;
            transform: translate(0, 0);
        }

        .menu-sec .menu .menu-item .menu-link {
            font-family: 'Xolonium';
            text-transform: capitalize;
            margin: 0 30px;
            font-weight: 400;
            /* line-height: 30px; */
            transition: 0.3s;
            display: flex;
        }

        .menu-sec .menu .menu-item .menu-link span {
            color: #fff;
            font-size: 30px;
            padding: 0 0 0px 0;
            line-height: -3px;
            transition: 0.3s;
            font-family: 'Xolonium';
            font-family: "Alexandria", sans-serif;
        }

        .menu-sec .menu .menu-item:hover .menu-link span {
            color: #0dcaf2;
        }

        .menu-sec .menu .menu-item .menu-link::before {
            content: attr(data-index);
            color: #0dcaf2;
            display: block;
            font-size: 30px;
            /* font-family: 'Xolonium'; */
            font-weight: 700;
            padding: 0 0px 0 0px;
            font-family: "Alexandria", sans-serif;
            letter-spacing: 1px;
        }

        .menu-sec.show-menu .menu .menu-item:nth-child(1) {
            transition-delay: 0.6s;
        }

        .menu-sec.show-menu .menu .menu-item:nth-child(2) {
            transition-delay: 0.65s;
        }

        .menu-sec.show-menu .menu .menu-item:nth-child(3) {
            transition-delay: 0.7s;
        }

        .menu-sec.show-menu .menu .menu-item:nth-child(4) {
            transition-delay: 0.75s;
        }

        .menu-sec.show-menu .menu .menu-item:nth-child(5) {
            transition-delay: 0.8s;
        }

        .menu-sec.show-menu .menu .menu-item:nth-child(6) {
            transition-delay: 0.85s;
        }

        .menu-sec .menu .menu-item .m-sub-menu {
            position: absolute;
            left: 0;
            top: 105;
            padding: 15px 0;
            visibility: hidden;
            opacity: 0;
            transition: 0.3s;
        }

        .menu-sec .menu .menu-item:hover .m-sub-menu {
            visibility: visible;
            opacity: 1;
        }

        .menu-sec .menu .menu-item .m-sub-menu li a {
            color: #fff;
            font-size: 20px;
            font-family: 'Nexa';
            text-transform: capitalize;
            transition: 0.3s;
            font-weight: 100;
        }

        .menu-sec .menu .menu-item .m-sub-menu li a:hover {
            color: #3c3996;

        }

        .introduction ul {
            list-style: none;
            padding: 0;
            display: flex;
            gap: 20px;
        }

        li {
            position: relative;
        }

        .hover-text {
            display: none;
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 14px;
            white-space: nowrap;
            opacity: 0;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        li:hover .hover-text {
            display: block;
            opacity: 1;
            transform: translateX(-50%) translateY(-25px);
        }

        /* Basic styling for the main menu */
        .menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .menu-item {
            position: relative;
            margin-bottom: 10px;
        }

        .menu-link {
            text-decoration: none;
            color: #fff;
            font-size: 18px;
        }

        /* Hide submenu by default */
        .m-sub-menu {
            display: none;
            /* Hidden by default */
            padding-left: 20px;
            margin-top: 5px;
        }

        /* Show submenu on hover */
        .menu-item:hover .m-sub-menu {
            display: block;
            /* Display on hover */
        }

        /* Style submenu items */
        .m-sub-menu li {
            margin-bottom: 5px;
        }

        .m-sub-menu li a {
            color: #ccc;
            text-decoration: none;
            font-size: 16px;
        }

        .m-sub-menu li a:hover {
            color: #ddd;
            /* Hover color for submenu items */
        }

        /* Basic styling for the main menu */
        .menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .menu-item {
            margin-bottom: 0px;
        }

        .menu-link {
            text-decoration: none;
            color: #fff;
            font-size: 18px;
        }

        #metion-1:hover #metion-2 {
            display: block !important;
        }

        .menu-item {
            margin-bottom: 0px;
        }

        .menu-link {
            text-decoration: none;
            color: #fff;
            font-size: 18px;
        }

        #metion-1:hover #metion-2 {
            display: block !important;
        }
    </style>
    <header class="header-main">
        <nav class="navbar navbar-expand-lg ">
            <div class="container-fluid">
                <a class="navbar-brand" href="/sites/pioneer-reality"><img
                        src="/sites/pioneer-reality/images/logo-large2.png" class="img-fluid" alt="img"></a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>

                </button>
                <li class="nav-item" id="mobile-fone">
                    <ul>
                        <li class="menu-item">
                            <div class="menu-icon">

                                <a id="menu-toggler-1" href="javascript:;" class="">
                                    <span class="bar-1"></span>
                                    <span class="bar-2"></span>
                                    <span class="bar-3"></span>
                                </a>
                            </div>
                        </li>

                    </ul>
                </li>
                <div class="main-navbar-0">
                    <div class="collapse navbar-collapse " id="navbarSupportedContent">
                        <ul class="navbar-nav ms-auto ">
                            <li class="nav-item">
                                <a class="nav-link" aria-current="page" href="/sites/pioneer-reality/">home</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/sites/pioneer-reality/buy">Buy</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/sites/pioneer-reality/sell">Sell</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/sites/pioneer-reality/projects">Projects</a>


                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/sites/pioneer-reality/lease">Lease</a>
                            </li>

                            <ul class="navbar-nav  motion me-auto ">
                                <li class="nav-item">
                                    <a class="nav-link" href="javascript:;" id="search-icon">
                                        <i class="fa-solid fa-magnifying-glass"></i>
                                    </a>
                                </li>

                                <li class="nav-item">
                                    <ul>
                                        <li class="menu-item">
                                            <div class="menu-icon">

                                                <a id="menu-toggler" href="javascript:;" class="">
                                                    <span class="bar-1"></span>
                                                    <span class="bar-2"></span>
                                                    <span class="bar-3"></span>
                                                </a>
                                            </div>
                                        </li>

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

            </div>
        </nav>
        <div class="custom-filter" id="custom-filter" style="display: none;">
            <form action="/sites/pioneer-reality/filter" method="POST">
                <ul class="tote">
                    <li id="metion-1">
                        <input name="address" type="text" placeholder="Search Address or Suburb ">
                    </li>
                    <li id="metion-2">
                        <span></span>
                        <div class="dropdown mntore">
                            <button style="background-color: transparent;
                    border: none;
                    outline: none;
                    color: #fff;
                    font-size: 18px;
                    font-weight: 500;
                    font-family: 'Inter';" type="button" id="dropdownMenuButton-1" data-bs-toggle="dropdown"
                                aria-expanded="false">
                                Select Type <i class="fa-solid fa-chevron-down"></i>
                            </button>
                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton-1">
                                <li><a class="dropdown-item-1" href="#" style="color:#000;" data-value="Rent">For
                                        Rent</a></li>
                                <li><a class="dropdown-item-1" href="#" style="color:#000; border-top: 1px solid #000;"
                                        data-value="Sell">For Sell</a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="dropdown mntore">
                            <a href="#" role="" data-bs-toggle="dropdown" aria-expanded="false"
                                data-bs-auto-close="outside">
                                Filters <i class="fa-solid fa-chevron-down"></i>
                            </a>

                            <ul class="dropdown-menu search-filter">
                                <li>
                                    <span>Beds (min)</span>
                                    <div class="qty-inp">
                                        <!-- <button class="dec" type="button"><i class="fa-solid fa-minus"></i></button> -->
                                        <input type="number" name="beds" min="0" value="0">
                                        <!-- <button class="inc" type="button"><i class="fa-solid fa-plus"></i></button> -->
                                    </div>
                                </li>
                                <li>
                                    <span>Baths (min)</span>
                                    <div class="qty-inp">
                                        <!-- <button class="dec" type="button"><i class="fa-solid fa-minus"></i></button> -->
                                        <input type="number" name="baths" min="0" value="0">
                                        <!-- <button class="inc" type="button"><i class="fa-solid fa-plus"></i></button> -->
                                    </div>
                                </li>
                                <li>
                                    <div style="width: 100%;" class="price-range">
                                        <span class="display-values">Price Range: <span id="range"></span></span>
                                        <div class="price-slider" id="price-range"></div>
                                        <input type="hidden" name="pricerange">
                                      </div>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
                    </li>
                </ul>
            </form>
        </div>
        <div class="menu-sec" id="menu-nav">
            <div class="menu-bg-images">
                <img style="opacity: 0.3" src="/sites/pioneer-reality/images/onesourcetech.png" alt="">
            </div>
            <div class="container">
                <div class="row justify-content-end align-items-center ">
                    <div class="col-12 col-md-5">
                        <img id="dynamic-image" src="/sites/pioneer-reality/images/introo.png" class="img-fluid"
                            alt="img">
                    </div>
                    <div class="col-12 col-md-7">
                        <div class="row mt-5 d-flex justify-content-end">
                            <div class="col-12 col-md-4">
                                <div class="invert-12">
                                    <h2>buy</h2>
                                    <ul class="list-unstyled">
                                        <li data-image="images/original.jpg">
                                            <a href="/sites/pioneer-reality/buy">Find a property</a>
                                        </li>
                                        <li data-image="images/big.webp">

                                            <a href="/sites/pioneer-reality/projects">Projects</a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="invert-12">
                                    <h2>why sell with us</h2>
                                    <ul class="list-unstyled">
                                        <li data-image="images/GettyImages-734165127-d1c854-1440x960.webp">
                                            <a href="/sites/pioneer-reality/landing">Find an agent</a>
                                        </li>
                                        <li
                                            data-image="/sites/pioneer-reality/images/ce9f983a4c162bfe87fd9963781fe54a.jpeg">

                                            <a href="/sites/pioneer-reality/contact-us">Request appraisal</a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <!-- <div class="invert-12">
                                    <h2>Lease</h2>
                                    <ul class="list-unstyled">

                                        <li data-image="/sites/pioneer-reality/images/agent.png">
                                            <a href="#">Rent</a>
                                        </li>


                                    </ul>
                                </div> -->
                            </div>
                        </div>
                        <div class="row mb-5 d-flex justify-content-end">
                            <div class="col-12 col-md-4">
                                <div class="invert-12">
                                    <h2>About Us</h2>
                                    <ul class="list-unstyled">
                                        <li data-image="images/agent-team.jpg">
                                            <a href="/sites/pioneer-reality/services">services</a>
                                        </li>
                                        <li data-image="/sites/pioneer-reality/images/iStock_000004834094-small.jpg">

                                            <a href="/sites/pioneer-reality/career">Careers</a>
                                        </li>

                                        <li data-image="/sites/pioneer-reality/images/house-loan-for-home-upgrades.jpg">

                                            <a href="#">Foundation</a>
                                        </li>
                                        <li data-image="/sites/pioneer-reality/images/image_1026040678.webp">

                                            <a href="terms-condition">privacy policy</a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="invert-12">
                                    <h2>Contact Us</h2>
                                    <ul class="list-unstyled">
                                        <li data-image="/sites/pioneer-reality/images/contact-support.jpg">
                                            <a href="contact-us">Sign Up for alerts</a>
                                        </li>
                                        <li data-image="/sites/pioneer-reality/images/gentoo-telephone.png">

                                            <a href="generalenquiry">General enquiry</a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="invert-12">
                                    <h2>insights</h2>
                                    <ul class="list-unstyled">

                                        <li data-image="/sites/pioneer-reality/images/agent.png">
                                            <a href="#">The Report FY25</a>
                                        </li>
                                        <li data-image="/sites/pioneer-reality/images/Faqs.webp">

                                            <a href="/sites/pioneer-reality/faqs">fAQ's</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

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



        <div id="loader">
            <img src="/sites/pioneer-reality/images/Bio-Gas-Logo-Animation.gif" class="logo gif" alt="">
            <span class="side-loader"></span>
            <div class="digits">
                <ul>
                    <li>0</li>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                    <li>7</li>
                    <li>8</li>
                    <li>9</li>
                    <li>10</li>
                    <li>11</li>
                    <li>12</li>
                    <li>13</li>
                    <li>14</li>
                    <li>15</li>
                    <li>16</li>
                    <li>17</li>
                    <li>18</li>
                    <li>19</li>
                    <li>20</li>
                    <li>21</li>
                    <li>22</li>
                    <li>23</li>
                    <li>24</li>
                    <li>25</li>
                    <li>26</li>
                    <li>27</li>
                    <li>28</li>
                    <li>29</li>
                    <li>30</li>
                    <li>31</li>
                    <li>32</li>
                    <li>33</li>
                    <li>34</li>
                    <li>35</li>
                    <li>36</li>
                    <li>37</li>
                    <li>38</li>
                    <li>39</li>
                    <li>40</li>
                    <li>41</li>
                    <li>42</li>
                    <li>43</li>
                    <li>44</li>
                    <li>45</li>
                    <li>46</li>
                    <li>47</li>
                    <li>48</li>
                    <li>49</li>
                    <li>50</li>
                    <li>51</li>
                    <li>52</li>
                    <li>53</li>
                    <li>54</li>
                    <li>55</li>
                    <li>56</li>
                    <li>57</li>
                    <li>58</li>
                    <li>59</li>
                    <li>60</li>
                    <li>61</li>
                    <li>62</li>
                    <li>63</li>
                    <li>64</li>
                    <li>65</li>
                    <li>66</li>
                    <li>67</li>
                    <li>68</li>
                    <li>69</li>
                    <li>70</li>
                    <li>71</li>
                    <li>72</li>
                    <li>73</li>
                    <li>74</li>
                    <li>75</li>
                    <li>76</li>
                    <li>77</li>
                    <li>78</li>
                    <li>79</li>
                    <li>80</li>
                    <li>81</li>
                    <li>82</li>
                    <li>83</li>
                    <li>84</li>
                    <li>85</li>
                    <li>86</li>
                    <li>87</li>
                    <li>88</li>
                    <li>89</li>
                    <li>90</li>
                    <li>91</li>
                    <li>92</li>
                    <li>93</li>
                    <li>94</li>
                    <li>95</li>
                    <li>96</li>
                    <li>97</li>
                    <li>98</li>
                    <li>99</li>
                    <li>100</li>
                </ul>
            </div>
            <style>
                .dropdown-item-1-1.selected::after {
                    content: " ✓";
                    /* Checkmark */
                    float: left;
                    color: #172a16;
                    font-weight: bold;
                }

             
            </style>
            <script>
                document.querySelectorAll(".dropdown-item-1").forEach(item => {
                    item.addEventListener("click", function () {
                        // Remove selected class from all items
                        document.querySelectorAll(".dropdown-item-1").forEach(el => el.classList.remove("selected"));

                        // Add selected class to clicked item
                        this.classList.add("selected");

                        // Update dropdown button text
                        document.getElementById("dropdownMenuButton-1").innerHTML = this.innerText + ' <i class="fa-solid fa-chevron-down"></i>';
                    });
                });

                $("#price-range").slider({
        range: true,
        min: 0,
        max: 15000000,
        step: 15,
        values: [0, 15000000],
        slide: function(event, ui) {
          $("[name='pricerange']").val(ui.values[0] + "-" + ui.values[1]);
          $("#range").html("$" + ui.values[0] + " - $" + ui.values[1])
        }
      });
      $("[name='pricerange']").val($("#price-range").slider("values", 0) + "-" + $("#price-range").slider("values", 1));
      $("#range").html("$" + $("#price-range").slider("values", 0) + " - $" + $("#price-range").slider("values", 1))

            </script>
            <script>

            </script>
    </header>
© 2025 GrazzMean-Shell