title = "Facilities"
url = "/facilities"
layout = "default"
is_hidden = 0
==
<?php
use RainLab\Blog\Models\Category;
	use RainLab\Blog\Models\Post;
    function onStart()
    {
        $posts = Category::where("slug", "facilities")->first();
        $this['facility'] = Post::where("slug", "static-facility")->first();
        $this['posts'] = $posts->posts;
		$this['js'] = "assets/js/facilities.min.js";
	}
?>
==
{% put styles %}
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    {% endput %}

	{% put scripts %}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" type="text/javascript"></script>
    {% endput %}

    {% put scripts_inline %}
    {% endput %}

    {% put additional_flying_elements %}
    {% endput %}

    {% put footer_pusher %}
    {% endput %}

    {% put modal %}
    {% endput %}

    <section class="ktpid-002" id="facilities-01">
        <div style="background: url('https://fikarooms.com/storage/app/uploads/public/new/pool.jpg')" class="ktpid-003 full-bg-img"></div>
    </section>


    <section id="facilities-02">
        <div class="container">
            <h1 class="mb-3 text-center">{{facility.title}}</h1>
            <p class="ktpid-005 text-center">{{facility.excerpt}}
            </p>
            <h2 class="mb-3 border-top pt-3 mt-4 pt-lg-5 mt-lg-5 text-center">General</h2>
            <ul class="list-styled row">
                <li class="col-md-4">24-hour front desk</li>
                <li class="col-md-4">Wake-up call service</li>
                <li class="col-md-4">Airport shuttle (additional charge)</li>
                <li class="col-md-4">In Room Laundry Facility</li>
                <li class="col-md-4">Kitchen Set</li>
                <li class="col-md-4">Car Rent (additional charge) </li>
                <li class="col-md-4">Iron</li>
                <li class="col-md-4">Safety deposit box</li>
                <li class="col-md-4">Nordic Corner</li>
                <li class="col-md-4">Fitness Center</li>
                <li class="col-md-4">Luggage storage</li>
                <li class="col-md-4">Pets are not allowed. </li>
                <li class="col-md-4">Spacious Room</li>
                <li class="col-md-4">Wi-Fi is available in all areas & free of charge. </li>
                <li class="col-md-4">Dedicated private parking is available on site. </li>
            </ul>
            <h2 class="mb-3 border-top pt-3 mt-4 pt-lg-5 mt-lg-5 text-center">Health and Safety Services</h2>
            <ul class="list-styled row">
                <li class="col-md-4">Daily Housekeeping</li>
                <li class="col-md-4">Sanitizing</li>
            </ul>
        </div>
    </section>

    <section id="facilities-03">
        <div class="container">
            {% for post in posts %}
            <div class="row mt-4 mt-lg-0 ktpid-017">
                <div class="col-lg-7 d-flex">
                    <div class="ratio-box ratio4_3">
                        <div class="ratio-box-content">
                            <div class="facilities-carousel-01 owl-carousel owl-theme">
                                {% for img in post.featured_images %}
                                <div class="ratio-box ratio4_3">
                                    <div style="background: url('{{img.path}}')" class="full-bg-img ratio-box-content"></div>
                                </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 py-lg-4 px-lg-5 pt-3">
                    <h2 class="border-bottom mb-3 pb-3">{{post.title}}</h2>
                    <div>
                        {{post.content_html|raw}}
                    </div>
                    <!-- <a class="text-alfa ktpid-006" href="#">Learn more</a> -->
                </div>
            </div>
            {% endfor %}
        </div>
    </section>