Contact us

seoUrl

Blog

Experiences

Here are our properties

Services

Real Estate

Properties

experiences

Related properties

SYSTEM_HOMEPAGE_CATEGORIES_PROMOTED

SYSTEM_HOMEPAGE_EXPERIENCES_PROMOTED

SYSTEM_HOMEPAGE_PROFILE

SYSTEM_HOMEPAGE_DESTINATIONS

SYSTEM_HOMEPAGE_PROPERTIES

SYSTEM_HOMEPAGE_CATEGORIES_PROMOTED_2

SYSTEM_HOMEPAGE_EXPERIENCES_PROMOTED_2

SYSTEM_HOMEPAGE_DISTINCT_SECTIONS

SYSTEM_HOMEPAGE_COLLECTIONS_DEFAULT

SYSTEM_HOMEPAGE_EXPERIENCES_DEFAULT

SYSTEM_HOMEPAGE_SERVICES

SYSTEM_HOMEPAGE_CATEGORIES_DEFAULT

SYSTEM_HOMEPAGE_BLOG

<section class="pt-5 pb-5 p-l-0 p-r-0 custom_banner_1" id="custom_banner1_image_right">
    <div class="container">
        <div class="row m-0 p-0 overflow-hidden banner1-border-radius bg-color-1">
            <div class="col-md-7 p-4 p-md-5 order-2 order-md-1">
                <h5 class="block-title hint-text no-margin">SUSTAINABILITY REPORT</h5>
                <h1 class="h2 m-t-5 mb-3">
                    Every night with Loggia is now climate-neutral and fully carbon offset
                </h1>
                <a class="h6 text-black animate-icon-right-link" href="https://demo-pms.loggiabuilder.net/for-business">
                    LEARN MORE 
                    <svg class="svg-inline--fa fa-arrow-right" aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"></path></svg>
                </a>
            </div>
            <div class="col-md-5 p-0 order-1 order-md-2 custom_banner1_image_bg" style="background: url('https://cdn.prod.website-files.com/5e39229dc791b06ec8df84f6/655de75f5618ec33ff00062b_banner.png');background-size: cover;background-position: center center;background-repeat: no-repeat;">
                
            </div>
        </div>
    </div>
</section>

<section class="pt-5 pb-5 p-l-0 p-r-0 custom_banner_1" id="custom_banner1_image_left">
    <div class="container">
        <div class="row m-0 p-0 overflow-hidden banner1-border-radius bg-color-2">
            <div class="col-md-5 p-0 custom_banner1_image_bg" style="background: url('https://cdn.prod.website-files.com/5e39229dc791b06ec8df84f6/5ec79e4af972fa4068b84934_IMG_5550web_resize.webp');background-size: cover;background-position: center center;background-repeat: no-repeat;">
                
            </div>
            <div class="col-md-7 p-4 p-md-5">
                <h5 class="block-title hint-text no-margin">RIDICULOUSLY CLEAN</h5>
                <h1 class="h2 m-t-5 mb-3">
                    Your apartment gets a 80-step deep clean before you STAY.
                </h1>
                <a class="h6 text-black animate-icon-right-link" href="https://demo-pms.loggiabuilder.net/ridiculously-clean">
                    LEARN MORE 
                    <svg class="svg-inline--fa fa-arrow-right" aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"></path></svg>
                </a>
            </div>
        </div>
    </div>
</section>

<section id="custom_banner2" class="with-parallax pt-5 pb-5 p-l-0 p-r-0 custom_banner2">
    <div class="container">
        <div class="row m-0 container_banner_bg_image banner2-border-radius" data-pages-bg-image="https://cdn.prod.website-files.com/5e39229dc791b06ec8df84f6/5e62aec5866509e683551016_conv_IMG_3020.webp" data-pages-bg-webp="https://cdn.prod.website-files.com/5e39229dc791b06ec8df84f6/5e62aec5866509e683551016_conv_IMG_3020.webp" style="background-size: cover; background-position: center 67.9321%; background-image: url(&quot;https://cdn.prod.website-files.com/5e39229dc791b06ec8df84f6/5e62aec5866509e683551016_conv_IMG_3020.webp&quot;); min-height: 300px;" data-pages="parallax">
            <div class="col-12 text-center container_banner_body banner2-border-radius bg-color-3" style="z-index: 100;">
                <h1 class="h2 mb-5 text-uppercase">
                    Stay a few nights - or a few months
                </h1>
                <p class="mb-4">
                    <svg class="svg-inline--fa fa-bed-front fa-2x" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="bed-front" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M64 96l0 40.6c9.4-5.4 20.3-8.6 32-8.6l112 0c19.1 0 36.3 8.4 48 21.7c11.7-13.3 28.9-21.7 48-21.7l112 0c11.7 0 22.6 3.1 32 8.6L448 96c0-17.7-14.3-32-32-32L96 64C78.3 64 64 78.3 64 96zm416 96l0 48c19.4 14.6 32 37.8 32 64l0 96 0 64c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48L32 416l0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-96c0-26.2 12.6-49.4 32-64l0-48 0-96c0-35.3 28.7-64 64-64l320 0c35.3 0 64 28.7 64 64l0 96zm-32 33.6l0-33.6c0-17.7-14.3-32-32-32l-112 0c-17.7 0-32 14.3-32 32l0 32 160 0c5.5 0 10.8 .6 16 1.6zM240 224l0-32c0-17.7-14.3-32-32-32L96 160c-17.7 0-32 14.3-32 32l0 33.6c5.2-1 10.5-1.6 16-1.6l160 0zm240 80c0-26.5-21.5-48-48-48L80 256c-26.5 0-48 21.5-48 48l0 80 448 0 0-80z"></path></svg>
                </p>
                <p class="mb-4">
                    Loggia's apartments have everything you need to stop by or stick around for longer. Daily, weekly and monthly rates automatically apply when you book directly.
                </p>
                <a class="h6 text-black animate-icon-right-link" href="https://demo-pms.loggiabuilder.net/about-us">
                    LEARN MORE 
                    <svg class="svg-inline--fa fa-arrow-right" aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"></path></svg>
                </a>
            </div>
        </div>
    </div>
</section>
<style>
    :root {
        --banner1-border-radius: 24px;
        --banner2-border-radius: 24px;
        --bg-color-1: rgb(215, 226, 216);
        --bg-color-2: rgb(255, 221, 0);
        --bg-color-3: rgb(224, 230, 225);
    }
    .banner1-border-radius {
        border-radius: var(--banner1-border-radius);
    }
    .banner2-border-radius {
        border-radius: var(--banner2-border-radius);
    }
    .bg-color-1 {
        background-color: var(--bg-color-1);
    }
    .bg-color-2 {
        background-color: var(--bg-color-2);
    }
    .bg-color-3 {
        background-color: var(--bg-color-3);
    }
    #custom_banner2 .container_banner_bg_image {
        padding: 5rem;
    }
    #custom_banner2 .container_banner_body {
        padding: 4rem
    }
    .animate-icon-right-link svg {
        transition: transform 0.3s ease;
    }
    .animate-icon-right-link:hover svg {
        transform: translateX(5px) rotate(0.0001deg);
    }
    @media (max-width: 768px) {
        .custom_banner1_image_bg {
            height: 80vw;
        }
        #custom_banner2 .container_banner_bg_image {
            padding: 5rem 1.5rem;
        }
        #custom_banner2 .container_banner_body {
            padding: 4rem 1.5rem;
        }
    }
</style>

Custom banners

<section id="custom_banner3" class="with-parallax pt-5 pb-5 p-l-0 p-r-0 custom_banner2">
    <div class="container">
        <div class="row m-0 container_banner_bg_image banner2-border-radius overflow-hidden" data-pages-bg-image="https://cdn.prod.website-files.com/5e39229dc791b06ec8df84f6/66e401206d63d045848d4d8f_VI05-City%20Centre-Helsinki5%20zoom.jpg" data-pages-bg-webp="https://cdn.prod.website-files.com/5e39229dc791b06ec8df84f6/66e401206d63d045848d4d8f_VI05-City%20Centre-Helsinki5%20zoom.jpg" style="background-size: cover; background-position: center 67.9321%; background-image: url(&quot;https://cdn.prod.website-files.com/5e39229dc791b06ec8df84f6/66e401206d63d045848d4d8f_VI05-City%20Centre-Helsinki5%20zoom.jpg&quot;); min-height: 300px;" data-pages="parallax">
            <div class="background-overlay" style="background-color:rgba(0, 0, 0);opacity:0.5"></div>
            <div class="col-md-4 bg-color-3 container_banner_body z-100" style="z-index: 100;">
                <h1 class="h2 mb-2">
                    Loggia's Inner Circle
                </h1>
               <p class="mb-5">
                    A loyalty scheme that'll keep you in-the-know wherever you go.
                </p>
                <a class="btn btn-primary btn-design-color btn-lg mt-0 mb-0 mt-md-5 mb-md-5 animate-icon-right-link" href="https://demo-pms.loggiabuilder.net/inner-circle">
                    JOIN NOW&nbsp;
                    <svg class="svg-inline--fa fa-arrow-right" aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"></path></svg>
                </a>
            </div>
             <div class="col-md-8 d-flex align-items-end z-100">
                <div class="row p-3 text-white" style="flex-wrap: nowrap;overflow-x: scroll;">
                    <div class="col-10 col-lg-6 col-xl-4 p-1">
                        <div class="banner_3_pill banner-pill-border-radius h-100">
                            <p class="mt-4 mb-4">
                                <svg class="svg-inline--fa fa-tag fa-2x" aria-hidden="true" focusable="false" data-prefix="far" data-icon="tag" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M197.5 32c17 0 33.3 6.7 45.3 18.7l176 176c25 25 25 65.5 0 90.5L285.3 450.7c-25 25-65.5 25-90.5 0l-176-176C6.7 262.7 0 246.5 0 229.5L0 80C0 53.5 21.5 32 48 32l149.5 0zM48 229.5c0 4.2 1.7 8.3 4.7 11.3l176 176c6.2 6.2 16.4 6.2 22.6 0L384.8 283.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-3-3-7.1-4.7-11.3-4.7L48 80l0 149.5zM112 112a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"></path></svg>
                            </p>
                            <p class="mb-3">
                                <svg class="svg-inline--fa fa-bolt text-banner-pill-bolt" aria-hidden="true" focusable="false" data-prefix="far" data-icon="bolt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M321.7 0c19.1 0 32.9 18.3 27.6 36.6L295.8 224l85.2 0c19.3 0 34.9 15.6 34.9 34.9c0 10.3-4.5 20-12.3 26.6L144.9 505.2c-5.2 4.4-11.8 6.8-18.6 6.8c-19.1 0-32.9-18.3-27.6-36.6L152.2 288l-86.4 0C47.1 288 32 272.9 32 254.3c0-9.9 4.3-19.2 11.8-25.6L303.1 6.9C308.3 2.4 314.9 0 321.7 0zM285.6 85L104.4 240l79.6 0c7.5 0 14.6 3.5 19.2 9.5s6 13.8 3.9 21L162.3 427.5 345.5 272 264 272c-7.5 0-14.6-3.5-19.2-9.5s-6-13.8-3.9-21L285.6 85z"></path></svg>
                                &nbsp;<small>Get instantly</small>
                            </p>
                            <h2 class="h4 mb-1 text-white">5% off every stay</h2>
                            <p class="mb-2">
                                Never pay full price again at any Loggia location
                            </p>
                        </div>
                    </div>
                    <div class="col-10 col-lg-6 col-xl-4 p-1">
                        <div class="banner_3_pill banner-pill-border-radius h-100">
                            <p class="mt-4 mb-4">
                                <svg class="svg-inline--fa fa-gem fa-2x" aria-hidden="true" focusable="false" data-prefix="far" data-icon="gem" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M168.5 72L256 165l87.5-93-175 0zM383.9 99.1L311.5 176l129 0L383.9 99.1zm50 124.9L256 224 78.1 224 256 420.3 433.9 224zM71.5 176l129 0L128.1 99.1 71.5 176zm434.3 40.1l-232 256c-4.5 5-11 7.9-17.8 7.9s-13.2-2.9-17.8-7.9l-232-256c-7.7-8.5-8.3-21.2-1.5-30.4l112-152c4.5-6.1 11.7-9.8 19.3-9.8l240 0c7.6 0 14.8 3.6 19.3 9.8l112 152c6.8 9.2 6.1 21.9-1.5 30.4z"></path></svg>
                            </p>
                            <p class="mb-3">
                                <svg class="svg-inline--fa fa-bolt text-banner-pill-bolt" aria-hidden="true" focusable="false" data-prefix="far" data-icon="bolt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M321.7 0c19.1 0 32.9 18.3 27.6 36.6L295.8 224l85.2 0c19.3 0 34.9 15.6 34.9 34.9c0 10.3-4.5 20-12.3 26.6L144.9 505.2c-5.2 4.4-11.8 6.8-18.6 6.8c-19.1 0-32.9-18.3-27.6-36.6L152.2 288l-86.4 0C47.1 288 32 272.9 32 254.3c0-9.9 4.3-19.2 11.8-25.6L303.1 6.9C308.3 2.4 314.9 0 321.7 0zM285.6 85L104.4 240l79.6 0c7.5 0 14.6 3.5 19.2 9.5s6 13.8 3.9 21L162.3 427.5 345.5 272 264 272c-7.5 0-14.6-3.5-19.2-9.5s-6-13.8-3.9-21L285.6 85z"></path></svg>
                                &nbsp;<small>Get instantly</small>
                            </p>
                            <h2 class="h4 mb-1 text-white">
                                New location offer
                            </h2>
                            <p class="mb-2">
                                A loyalty scheme that'll keep you in-the-know wherever you go.
                            </p>
                        </div>
                    </div>
                    <div class="col-10 col-lg-6 col-xl-4 p-1">
                        <div class="banner_3_pill banner-pill-border-radius h-100">
                            <p class="mt-4 mb-4">
                                <svg class="svg-inline--fa fa-compass fa-2x" aria-hidden="true" focusable="false" data-prefix="far" data-icon="compass" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm306.7 69.1L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"></path></svg>
                            </p>
                            <p class="mb-3">
                                <svg class="svg-inline--fa fa-bolt text-banner-pill-bolt" aria-hidden="true" focusable="false" data-prefix="far" data-icon="bolt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M321.7 0c19.1 0 32.9 18.3 27.6 36.6L295.8 224l85.2 0c19.3 0 34.9 15.6 34.9 34.9c0 10.3-4.5 20-12.3 26.6L144.9 505.2c-5.2 4.4-11.8 6.8-18.6 6.8c-19.1 0-32.9-18.3-27.6-36.6L152.2 288l-86.4 0C47.1 288 32 272.9 32 254.3c0-9.9 4.3-19.2 11.8-25.6L303.1 6.9C308.3 2.4 314.9 0 321.7 0zM285.6 85L104.4 240l79.6 0c7.5 0 14.6 3.5 19.2 9.5s6 13.8 3.9 21L162.3 427.5 345.5 272 264 272c-7.5 0-14.6-3.5-19.2-9.5s-6-13.8-3.9-21L285.6 85z"></path></svg>
                                &nbsp;<small>Get instantly</small>
                            </p>
                            <h2 class="h4 mb-1 text-white">
                                Insider Insights
                            </h2>
                            <p class="mb-2">
                                A loyalty scheme that'll keep you in-the-know wherever you go.
                            </p>
                        </div>
                    </div>
                    <div class="col-10 col-lg-6 col-xl-4 p-1">
                        <div class="banner_3_pill banner-pill-border-radius h-100">
                            <p class="mt-4 mb-4">
                                <svg class="svg-inline--fa fa-couch fa-2x" aria-hidden="true" focusable="false" data-prefix="far" data-icon="couch" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg=""><path fill="currentColor" d="M448 80L192 80c-44.2 0-80 35.8-80 80l0 40c-12.3-5.1-25.8-8-40-8c-2.7 0-5.4 .1-8 .3L64 160C64 89.3 121.3 32 192 32l256 0c70.7 0 128 57.3 128 128l0 32.3c-2.6-.2-5.3-.3-8-.3c-14.2 0-27.7 2.8-40 8l0-40c0-44.2-35.8-80-80-80zM568 224c2.7 0 5.4 .1 8 .4c36 4 64 34.5 64 71.6l0 136c0 26.5-21.5 48-48 48l-48 0c-20.9 0-38.7-13.4-45.3-32l-357.5 0c-6.6 18.6-24.4 32-45.3 32l-48 0c-26.5 0-48-21.5-48-48L0 296c0-37.1 28-67.6 64-71.6c2.6-.3 5.3-.4 8-.4c15.2 0 29.4 4.7 41 12.8c16.7 11.6 28.2 30 30.5 51.2l352.9 0c2.3-21.2 13.9-39.6 30.5-51.2c11.6-8.1 25.8-12.8 41-12.8zm-24 72l0 40 0 64 0 32 48 0 0-136c0-13.3-10.7-24-24-24s-24 10.7-24 24zM496 400l0-64-352 0 0 64 352 0zM96 400l0-64 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 136 48 0 0-32z"></path></svg>
                            </p>
                            <p class="mb-3 invisible">
                                <svg class="svg-inline--fa fa-bolt text-banner-pill-bolt" aria-hidden="true" focusable="false" data-prefix="far" data-icon="bolt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M321.7 0c19.1 0 32.9 18.3 27.6 36.6L295.8 224l85.2 0c19.3 0 34.9 15.6 34.9 34.9c0 10.3-4.5 20-12.3 26.6L144.9 505.2c-5.2 4.4-11.8 6.8-18.6 6.8c-19.1 0-32.9-18.3-27.6-36.6L152.2 288l-86.4 0C47.1 288 32 272.9 32 254.3c0-9.9 4.3-19.2 11.8-25.6L303.1 6.9C308.3 2.4 314.9 0 321.7 0zM285.6 85L104.4 240l79.6 0c7.5 0 14.6 3.5 19.2 9.5s6 13.8 3.9 21L162.3 427.5 345.5 272 264 272c-7.5 0-14.6-3.5-19.2-9.5s-6-13.8-3.9-21L285.6 85z"></path></svg>
                                &nbsp;<small>Get instantly</small>
                            </p>
                            <h2 class="h4 mb-1 text-white">
                                Perks as you stay
                            </h2>
                            <p class="mb-2">
                                A loyalty scheme that'll keep you in-the-know wherever you go.
                            </p>
                        </div>
                    </div>
                </div>
             </div>
        </div>
    </div>
</section>
<style>
    :root {
        --banner-pill-border-radius: 44px;
        --banner-pill-bg: rgba(0, 0, 0, 0.5);
        --banner-pill-border: 2px solid #e0e6e1;
        --text-banner-pill-bolt: #ffed29;
    }
    .banner-pill-border-radius {
        border-radius: var(--banner-pill-border-radius);
    }
    .text-banner-pill-bolt {
        color: var(--text-banner-pill-bolt);
    }
    .banner_3_pill {
        background-color: var(--banner-pill-bg);
        border: var(--banner-pill-border);
        padding: 10px 30px;
    }
    .z-100 {
        z-index: 100;
    }
    #custom_banner3 .container_banner_body {
        padding: 4rem;
    }
</style>

Custom banner 3 with carousel

Jumbotron

Luxury Villa

Thank you for considering us for your dream stay!