url = "/meetings/venues"
title ="Meetings Venues"
layout = "default"
altnavigation = true
==
<?php
	use RainLab\Blog\Models\Category;
    function onStart()
    {
        $posts = Category::where("slug", "meeting-venue")->first();
        $this['posts'] = $posts->posts;
        $menus = Category::where("slug", "meeting")->first();
        $this['menus'] = $menus->posts;
		$this['js'] = "assets/js/script.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 id="meetings-events-01">
        <div class="container">
            <div class="row">
                <div class="col-md-10 order-lg-1 ktpid-015">
                    <h1 class="mb-3 mb-lg-4 text-center">Our Meetings Venue</h1>
                    <div class="row">
                        {% for post in posts %}
                        <div class="col-md-4 mb-3">
                            <div class="ratio-box ratio4_3">
                                <div style="background: url('{{post.featured_images[0].path}}')" class="full-bg-img ratio-box-content"></div>
                            </div>
                            <h5 class="text-uppercase mt-3 mb-3">{{post.title}}</h5>
                            <a class="btn btn-primary rounded-0 filter-button d-block py-2" href="{{url('/meetings/' ~ post.slug)}}">View Detail</a>
                        </div>
                        {% endfor %}
                    </div>
                </div>
                <div class="col-md-2 mt-2 mt-lg-0 order-lg-0 ktpid-014">
                    <ul class="list-unstyled">
                        <li class="">
                            <h5 class="mb-1"><a href="{{url('/meetings/packages')}}"><strong>Meetings Packages</strong></a></h5>
                        </li>
                        <ul class="list-unstyled mb-2">
                            {% for menu in menus %}
                            {% if  menu.categories[1].slug == "meeting-package" %}
                            <li class="mb-1"><a href="{{url('/meetings/' ~ menu.slug)}}">{{menu.title}}</a></li>
                            {% endif %}
                            {% endfor %}
                        </ul>
                        <li class="">
                            <h5 class="mb-1"><a href="{{url('/meetings/venues')}}"><strong>Meetings Venues</strong></a></h5>
                        </li>
                        <ul class="list-unstyled mb-2">
                            {% for menu in menus %}
                            {% if  menu.categories[1].slug == "meeting-venue" %}
                            <li class=""><a href="{{url('/meetings/' ~ menu.slug)}}">{{menu.title}}</a></li>
                            {% endif %}
                            {% endfor %}
                        </ul>
                        <li class="mb-2">
                            <h5><a href="{{url('/in-house-event')}}"><strong>In-House Event</strong></a></h5>
                        </li>
                    </ul>
                </div>         
                <!-- 
                <div class="col-md-3 order-lg-2 ktpid-016">
                    <h3 class="pb-3">Have an enquiry?</h3>
                    <a class="btn btn-primary rounded-0 filter-button d-block py-4" href="#">Book this offer</a>
                </div>   -->
            </div>
        </div>
    </section>