A First-Time Buyer’s Guide to Buying Property in Dubai

Info@fourleafsuae.com October 14, 2026 Comments (0)
Comments are closed

<style>

/* =========================================
   OFFCANVAS SIDEBAR
   BLACK BACKGROUND + WHITE TEXT
   ========================================= */

.sidemenu-wrapper .sidemenu-content,
.sidemenu-wrapper.show .sidemenu-content {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Main panel */
.realar-side-panel {
    width: 100%;
    max-width: 430px;
    padding: 5px 30px 50px;
    box-sizing: border-box;
    background: #000000 !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force all text white */
.realar-side-panel,
.realar-side-panel h1,
.realar-side-panel h2,
.realar-side-panel h3,
.realar-side-panel h4,
.realar-side-panel p,
.realar-side-panel span,
.realar-side-panel div,
.realar-side-panel a {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Logo */
.realar-side-logo {
    margin-bottom: 35px;
}

.realar-side-logo img {
    max-width: 210px;
    height: auto;
    display: block;
}

/* Description */
.realar-side-description {
    font-size: 17px;
    line-height: 1.65;
    color: #ffffff !important;
    margin: 0 0 35px;
}

/* Heading */
.realar-side-heading {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff !important;
    margin: 0 0 20px;
    padding-bottom: 15px;
    position: relative;
}

/* Heading line */
.realar-side-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #444444;
}

.realar-side-heading::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #ffffff;
    z-index: 2;
}

/* Contact list */
.realar-contact-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 40px;
}

/* Contact item */
.realar-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

/* Icons */
.realar-contact-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: 1px solid #ffffff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    box-sizing: border-box;
}

.realar-contact-icon svg {
    width: 19px;
    height: 19px;
    stroke: #ffffff !important;
    fill: none !important;
    stroke-width: 1.7;
}

/* Contact text */
.realar-contact-text {
    font-size: 16px;
    line-height: 1.6;
    color: #ffffff !important;
    padding-top: 1px;
}

.realar-contact-text a {
    color: #ffffff !important;
    text-decoration: none;
}

/* Subscribe */
.realar-subscribe {
    margin-top: 5px;
}

/* Email form */
.realar-email-form {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #555555;
    margin-top: 8px;
}

.realar-email-form input {
    flex: 1;
    width: 100%;
    height: 50px;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    padding: 0;
    font-size: 16px;
    color: #ffffff !important;
    box-shadow: none !important;
}

.realar-email-form input::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.realar-email-form button {
    width: 40px;
    height: 50px;
    padding: 0;
    border: none !important;
    background: transparent !important;
    color: #ffffff !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.realar-email-form button svg {
    width: 19px;
    height: 19px;
    stroke: #ffffff !important;
    fill: none !important;
    stroke-width: 1.8;
}

/* Social icons */
.realar-social {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 22px;
}

.realar-social a {
    color: #ffffff !important;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.realar-social svg {
    width: 18px;
    height: 18px;
    fill: #ffffff !important;
}

/* Mobile */
@media (max-width: 480px) {

    .realar-side-panel {
        padding: 45px 25px;
    }

    .realar-side-description {
        font-size: 16px;
    }

    .realar-side-heading {
        font-size: 23px;
    }

}

</style>


<div class="realar-side-panel">

    <!-- LOGO -->
    <div class="realar-side-logo">
        <img src="https://gray-loris-353667.hostingersite.com/wp-content/uploads/2024/05/new_logo__1_-removebg-preview.png" alt="Four Leafs Real Estate LLC">
    </div>


    <!-- DESCRIPTION -->
    <p class="realar-side-description">
        Property is more than an address — it's a foundation for how you live,
        gather, and grow. Four Leafs Real Estate LLC brings together prime land,
        refined architecture, and dependable service to guide you from first
        viewing to move-in day.
    </p>


    <!-- GET IN TOUCH -->
    <div class="realar-contact-section">

        <h3 class="realar-side-heading">
            Get In Touch
        </h3>

        <div class="realar-contact-list">

            <!-- ADDRESS -->
            <div class="realar-contact-item">

                <div class="realar-contact-icon">
                    <svg viewBox="0 0 24 24">
                        <circle cx="12" cy="10" r="3"></circle>
                        <path d="M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11z"></path>
                    </svg>
                </div>

                <div class="realar-contact-text">
                    Office 1601, 16th floor
Latifa tower 
Sheikh Zayed Road 
Dubai,United Arab Emirates.
                </div>

            </div>


            <!-- PHONE -->
            <div class="realar-contact-item">

                <div class="realar-contact-icon">
                    <svg viewBox="0 0 24 24">
                        <path d="M6.6 3.8l3 2.4-1.8 3.1a13.8 13.8 0 0 0 6.9 6.9l3.1-1.8 2.4 3c.5.6.4 1.5-.2 2-1.2 1-2.8 1.3-4.3.8-3.6-1.2-7-3.4-9.7-6.1S1.9 8.3 3.1 4.7c.5-1.5 1.8-2.1 3.5-.9z"></path>
                    </svg>
                </div>

                <div class="realar-contact-text">

                    

                    <a href="tel:+971 50 179 3509">
                    +971 50 179 3509
                    </a>

                </div>

            </div>


            <!-- EMAIL -->
            <div class="realar-contact-item">

                <div class="realar-contact-icon">
                    <svg viewBox="0 0 24 24">
                        <rect x="3" y="5" width="18" height="14" rx="2"></rect>
                        <path d="M4 7l8 6 8-6"></path>
                    </svg>
                </div>

                <div class="realar-contact-text">

                    

                    <a href="mailto:info@fourleafsuae.com">
                        info@fourleafsuae.com
                    </a>

                </div>

            </div>

        </div>

    </div>


    <!-- SUBSCRIBE -->
    <div class="realar-subscribe">

        <h3 class="realar-side-heading">
            Subscribe Now
        </h3>

        <form class="realar-email-form">

            <input type="email" placeholder="Your Email Address">

            <button type="submit" aria-label="Subscribe">

                <svg viewBox="0 0 24 24">
                    <path d="M3 11.5L21 3l-5.5 18-4.2-7.3L3 11.5z"></path>
                    <path d="M11.3 13.7L21 3"></path>
                </svg>

            </button>

        </form>


        <!-- SOCIAL MEDIA -->
        <div class="realar-social">

            <!-- Facebook -->
            <a href="#" aria-label="Facebook">
                <svg viewBox="0 0 24 24">
                    <path d="M14 8h3V4h-3c-3.3 0-5 1.9-5 5v3H6v4h3v8h4v-8h3.3l.7-4H13V9c0-.7.3-1 1-1z"></path>
                </svg>
            </a>


            <!-- X -->
            <a href="#" aria-label="X">
                <svg viewBox="0 0 24 24">
                    <path d="M18.9 2H22l-6.8 7.8L23 22h-6.1l-4.8-6.2L6.7 22H3.6l7.2-8.3L3 2h6.2l4.3 5.7L18.9 2z"></path>
                </svg>
            </a>


            <!-- YouTube -->
            <a href="#" aria-label="YouTube">
                <svg viewBox="0 0 24 24">
                    <path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.5v-7l6.2 3.5-6.2 3.5z"></path>
                </svg>
            </a>


            <!-- Instagram -->
            <a href="#" aria-label="Instagram">
                <svg viewBox="0 0 24 24">
                    <rect x="3" y="3" width="18" height="18" rx="5" ry="5" fill="none" stroke="currentColor" stroke-width="2">
                    </rect>

                    <circle cx="12" cy="12" r="4" fill="none" stroke="currentColor" stroke-width="2">
                    </circle>

                    <circle cx="17.5" cy="6.5" r="1.2"></circle>
                </svg>
            </a>

        </div>

    </div>

</div>
fourleafsuae.com

Get In Touch

A First-Time Buyer’s Guide to Buying Property in Dubai

Info@fourleafsuae.com

Comments are closed

Get In Touch

Explore

Useful Link

Explore

Useful Link
