<div class="uk-width-expand uk-position-relative">
    <nav class="uk-navbar-container uk-navbar-transparent uk-visible@s uk-visible@m" data-uk-navbar>
        <div class="uk-navbar-right impx-navbar-right">
            <ul class="uk-navbar-nav impx-nav style2">
                <li class="uk-parent uk-active">
                    <a href="index.html" class="uk-navbar-nav-subtitle"><div>Home<div class="uk-navbar-subtitle">Welcome</div></div></a>
                    <div class="uk-navbar-dropdown">
                        <ul class="uk-nav uk-navbar-dropdown-nav">
                            <li><a href="index.html">Homepage 1</a></li>
                            <li><a href="index2.html">Homepage 2</a></li>
                            <li><a href="index3.html">Homepage 3</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="rooms1.html" class="uk-navbar-nav-subtitle"><div>Rooms<div class="uk-navbar-subtitle">Our Best Suites</div></div></a>
                    <div class="uk-navbar-dropdown uk-navbar-dropdown-width-4 impx-megamenu" data-uk-drop="boundary: .impx-navbar-right; boundary-align: true; pos: bottom-justify;">
                        <div class="uk-navbar-dropdown-grid uk-child-width-1-4" data-uk-grid>
                            <div>
                                <ul class="uk-nav uk-navbar-dropdown-nav">
                                    <li class="uk-nav-header uk-text-bold">Rooms Page Style 1</li>
                                    <li>
                                        <a href="rooms1.html"><img src="<?=get_template_directory_uri()?>/assets/images/rooms/room-menu-1.jpg" alt=""></a>
                                        <p class="uk-margin-small-bottom uk-margin-small-top impx-hidden-m">emper enim ita adsumit aliquid, quae dederit non</p>
                                        <a class="uk-button uk-button-default uk-button-small impx-button impx-button-outline aqua small small-border" href="rooms1.html">Visit Page</a>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="uk-nav uk-navbar-dropdown-nav">
                                    <li class="uk-nav-header uk-text-bold">Rooms Page Style 2</li>
                                    <li>
                                        <a href="rooms2.html"><img src="<?=get_template_directory_uri()?>/assets/images/rooms/room-menu-2.jpg" alt=""></a>
                                        <p class="uk-margin-small-bottom uk-margin-small-top impx-hidden-m">emper enim ita adsumit aliquid, quae dederit non</p>
                                        <a class="uk-button uk-button-default uk-button-small impx-button impx-button-outline aqua small small-border" href="rooms2.html">Visit Page</a>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="uk-nav uk-navbar-dropdown-nav">
                                    <li class="uk-nav-header uk-text-bold">Rooms Page Style 3</li>
                                    <li>
                                        <a href="rooms3.html"><img src="<?=get_template_directory_uri()?>/assets/images/rooms/room-menu-3.jpg" alt=""></a>
                                        <p class="uk-margin-small-bottom uk-margin-small-top impx-hidden-m">emper enim ita adsumit aliquid, quae dederit non</p>
                                        <a class="uk-button uk-button-default uk-button-small impx-button impx-button-outline aqua small small-border" href="rooms3.html">Visit Page</a>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div>
                                    <ul class="uk-nav uk-navbar-dropdown-nav">
                                        <li class="uk-nav-header uk-margin-small-bottom uk-text-bold">Room Detail Page</li>
                                        <li>
                                            <div class="uk-grid-small" data-uk-grid>
                                                <div class="uk-width-auto">
                                                    <i class="fa fa-check-square-o fa-05x circle impx-text-aqua border-aqua uk-margin-remove uk-visible@m"></i>
                                                </div>
                                                <div class="uk-width-expand">
                                                    <p class="uk-margin-remove uk-visible@s impx-hidden-m">Sin tantum modo ad indicia veteris</p>
                                                    <a href="room-detail.html">Room Detail 1 &raquo;</a>
                                                </div>
                                            </div>
                                            <div class="uk-grid-small" data-uk-grid>
                                                <div class="uk-width-auto">
                                                    <i class="fa fa-check-square-o fa-05x circle impx-text-aqua border-aqua uk-margin-remove uk-visible@m"></i>
                                                </div>
                                                <div class="uk-width-expand">
                                                    <p class="uk-margin-remove uk-visible@s impx-hidden-m">Sin tantum modo ad indicia veteris</p>
                                                    <a href="room-detail2.html" class="uk-margin-small-top">Room Detail 2 &raquo;</a>
                                                </div>
                                            </div>

                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li><a href="restaurant.html"><div>Restaurant<div class="uk-navbar-subtitle">In-house Restaurant</div></div></a></li>
                <li><a href="spa.html"><div>Spa<div class="uk-navbar-subtitle">Our Spa Service</div></div></a></li>
                <li><a href="activities.html" class="uk-navbar-nav-subtitle"><div>Activities<div class="uk-navbar-subtitle">Our Facilities</div></div></a></li>
                <li class="uk-parent">
                    <a href="#" class="uk-navbar-nav-subtitle"><div>Pages<div class="uk-navbar-subtitle">the Other Pages</div></div></a>
                    <div class="uk-navbar-dropdown">
                        <ul class="uk-nav uk-navbar-dropdown-nav">
                            <li><a href="about.html">About Us</a></li>
                            <li><a href="testimonial.html">Testimonial</a></li>
                            <li><a href="blog.html">Blog</a></li>
                            <li><a href="single-post.html">Single Post</a></li>
                            <li><a href="gallery.html">Gallery</a></li>
                            <li><a href="element.html">Element</a></li>
                        </ul>
                    </div>
                </li>
                <li><a href="contact.html" class="uk-navbar-nav-subtitle"><div>Contact<div class="uk-navbar-subtitle">Get in Touch</div></div></a></li>
            </ul>
        </div>
    </nav>
</div>