<!DOCTYPE html>
<!--[if IE 8]>          <html class="ie ie8"> <![endif]-->
<!--[if IE 9]>          <html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->  <html> <!--<![endif]-->
<head>
    <!-- Page Title -->
    <title><?php echo $title; ?></title>
    
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta name="keywords" content="HTML5 Template" />
    <meta name="description" content="Travelo | Responsive HTML5 Travel Template">
    <meta name="author" content="SoapTheme">


    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Theme Styles -->
    <link rel="stylesheet" href="<?php echo URL('css/bootstrap.min.css'); ?>">
    <link rel="stylesheet" href="<?php echo URL('css/font-awesome.min.css'); ?>">
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="<?php echo URL('css/animate.min.css'); ?>">
    
    <!-- Current Page Styles -->
    <link rel="stylesheet" type="text/css" href="<?php echo URL('components/revolution_slider/css/settings.css'); ?>" media="screen" />
    <link rel="stylesheet" type="text/css" href="<?php echo URL('components/revolution_slider/css/style.css'); ?>" media="screen" />
    <link rel="stylesheet" type="text/css" href="<?php echo URL('components/jquery.bxslider/jquery.bxslider.css'); ?>" media="screen" />
    <link rel="stylesheet" type="text/css" href="<?php echo URL('components/flexslider/flexslider.css'); ?>" media="screen" />


    <link rel="icon" href="<?php echo URL('favicon'); ?>" type="image/x-icon" />
    <link rel="shortcut icon" href="<?php echo URL('favicon'); ?>" type="image/x-icon" />
    
    <!-- Main Style -->
    <link id="main-style" rel="stylesheet" href="<?php echo URL('css/style-sea-blue.css'); ?>">
    
    <!-- Custom Styles -->
    <link rel="stylesheet" href="<?php echo URL('css/custom.css'); ?>">

    <!-- Updated Styles -->
    <link rel="stylesheet" href="<?php echo URL('css/updates.css'); ?>">

    
    <!-- Responsive Styles -->
    <link rel="stylesheet" href="<?php echo URL('css/responsive.css'); ?>">
    
    <!-- CSS for IE -->
    <!--[if lte IE 9]>
        <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->
    
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script type='text/javascript' src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <script type='text/javascript' src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
    <![endif]-->

</head>
<body ng-app="travelloyd">
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3&appId=218844394833513";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

    <div id="page-wrapper">
        <header id="header" class="navbar-static-top">

            
            <div class="main-header">
                
                <a href="#mobile-menu-01" data-toggle="collapse" class="mobile-menu-toggle ">
                    Mobile Menu Toggle
                </a>

                <div class="container">
                    <h1 class="logo navbar-brand">
                        <a href="<?php echo URL('/'); ?>" title="<?php echo AppHelper::config('site_name'); ?>">
                            <img src="<?php echo URL('images/logo.png'); ?>" alt="<?php echo AppHelper::config('site_name'); ?>" />
                        </a>
                    </h1>

                    <nav id="main-menu" role="navigation">
                        <ul class="menu">

                            <li <?php echo (Request::is('/') ? 'class="active"' : ''); ?>><a href="<?php echo URL('/'); ?>">Home</a></li>
                            
                            <li <?php echo (Request::is('*luxury') ? 'class="active"' : ''); ?>><a href="<?php echo URL('maldives/luxury'); ?>">Luxury Resorts</a></li>

                            <li <?php echo (Request::is('*budget') ? 'class="active"' : ''); ?>><a href="<?php echo URL('maldives/budget'); ?>">Budget Resorts</a></li>

                             <li <?php echo (Request::is('*travel-ideas') ? 'class="active"' : ''); ?>><a href="<?php echo URL('travel-ideas'); ?>">Travel Ideas</a></li>

                            <li <?php echo (Request::is('*contact') ? 'class="active"' : ''); ?>><a href="<?php echo URL('contact'); ?>">Contact</a></li>

                            <li class="menu-item-has-children">
                                <a href="#">Bonus</a>
                                <ul>
                                    <li><a href="dashboard1.html">Dashboard 1</a></li>
                                    <li><a href="dashboard2.html">Dashboard 2</a></li>
                                    <li><a href="dashboard3.html">Dashboard 3</a></li>
                                    <li class="menu-item-has-children">
                                        <a href="#">7 Footer Styles</a>
                                        <ul>
                                            <li><a href="#">Default Style</a></li>
                                            <li><a href="footer-style1.html">Footer Style 1</a></li>
                                            <li><a href="footer-style2.html">Footer Style 2</a></li>
                                            <li><a href="footer-style3.html">Footer Style 3</a></li>
                                            <li><a href="footer-style4.html">Footer Style 4</a></li>
                                            <li><a href="footer-style5.html">Footer Style 5</a></li>
                                            <li><a href="footer-style6.html">Footer Style 6</a></li>
                                        </ul>
                                    </li>
                                   
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
                
                <nav id="mobile-menu-01" class="mobile-menu collapse ">
                    <ul id="mobile-primary-menu" class="menu">
                            <li <?php echo (Request::is('/') ? 'class="active"' : ''); ?>><a href="<?php echo URL('/'); ?>">Home</a></li>
                            
                            <li <?php echo (Request::is('*luxury') ? 'class="active"' : ''); ?>><a href="<?php echo URL('maldives/luxury'); ?>">Luxury Resorts</a></li>
                            
                            <li <?php echo (Request::is('*budget') ? 'class="active"' : ''); ?>><a href="<?php echo URL('maldives/budget'); ?>">Budget Resorts</a></li>

                            <li <?php echo (Request::is('*contact') ? 'class="active"' : ''); ?>><a href="<?php echo URL('contact'); ?>">Contact</a></li>

                       
                    </ul>
                    
                </nav>
            </div>

        </header>