<!DOCTYPE html>
<!--[if IE 8]>          <html class="ie ie8"> <![endif]-->
<!--[if IE 9]>          <html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->  <html class=""> <!--<![endif]-->
<head>
    <!-- Page Title -->
    <title>Travelo | Responsive HTML5 Travel Template</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('assets/travelo/css/bootstrap.min.css'); ?>">
    <link rel="stylesheet" href="<?php echo URL('assets/travelo/css/font-awesome.min.css'); ?>">
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,200,300,500' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/animate.min.css">
    
    <!-- Main Style -->
    <link id="main-style" rel="stylesheet" href="<?php echo URL('assets/travelo/css/style.css'); ?>">
    
    <!-- Custom Styles -->
    <link rel="stylesheet" href="<?php echo URL('assets/travelo/css/custom.css'); ?>">

    <!-- Updated Styles -->
    <link rel="stylesheet" href="<?php echo URL('assets/travelo/css/updates.css'); ?>">
    
    <!-- Responsive Styles -->
    <link rel="stylesheet" href="<?php echo URL('assets/travelo/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 class="coming-soon-page style1 body-blank">
    <div id="page-wrapper" class="wrapper-blank">
        <div class="wrapper">
            <section id="content">
                <div class="container">
                    <div id="main">
                        <h1 class="logo block">
                            <a href="index.html" title="Travelo - home">
                                <img src="<?php echo URL('images/logo.png'); ?>" alt="Travelo HTML5 Template" />
                            </a>
                        </h1>
                        <div class="text-center yellow-color box" style="font-size: 4em; font-weight: 300; line-height: 1em;"><?php echo AppHelper::config('site_name'); ?></div>
                        <p class="light-blue-color block" style="font-size: 1.3333em;">please send us your enquiry!</p>
                        <div class="col-sm-8 col-md-6 col-lg-5 no-float no-padding center-block">

                            <form class="block">
                                <div class="with-icon email-notify input-large full-width">
                                    <form action="<?php echo URL('offerbooking'); ?>" method="post">
                                 <div class="form-group row">
                                       <div class="col-sm-12 col-md-12">
                                            <label>Name*</label>
                                            <input type="text" name="firstname" required class="input-text full-width" value="" placeholder="" />
                                        </div>

                                        <div class="col-sm-12 col-md-12">
                                            <label>Arrival*</label>
                                            <div class="datepicker-wrap">
                                                    <input type="text" name="arrival" required class="input-text full-width" value="<?php echo Session::get('arrival'); ?>" placeholder="mm/dd/yy" />
                                            </div>
                                        </div>

                                        <div class="col-sm-12 col-md-12">
                                            <label>Departure*</label>
                                            <div class="datepicker-wrap">
                                                    <input type="text" name="departure" required class="input-text full-width" value="<?php echo Session::get('departure'); ?>" placeholder="mm/dd/yy" />
                                            </div>
                                        </div>

                                        <div class="col-sm-12 col-md-12">
                                            <label>Email*</label>
                                            <input type="text" name="email" required class="input-text full-width" value="" placeholder="" />
                                        </div>

                                        <div class="col-sm-12 col-md-12">
                                            <label>Phone*</label>
                                            <input type="text" name="phone" required class="input-text full-width" value="" placeholder="" />
                                        </div>

                                        <div class="col-sm-12 col-md-12">
                                            <label>Message*</label>
                                            <br>
                                            <textarea name="message" class="input-text full-width" >
                                                
                                            </textarea>
                                        </div>
                                        
                                </div>
                                <div class="form-group row">
                                    <div class="col-sm-6 col-md-5">
                                        <button type="submit" class="full-width btn-small animated" data-animation-type="bounce" data-animation-duration="1">SEND</button>
                                    </div>
                                </div


                            </div>
                            </form>
                                </div>
                            </form>
                            <ul class="social-icons clearfix inline-block box">
                                <li><a href="#" title="Twitter" data-toggle="tooltip"><i class="soap-icon-twitter"></i></a></li>
                                <li><a href="#" title="GooglePlus" data-toggle="tooltip"><i class="soap-icon-googleplus"></i></a></li>
                                <li><a href="#" title="Facebook" data-toggle="tooltip"><i class="soap-icon-facebook"></i></a></li>
                                <li><a href="#" title="Linkedin" data-toggle="tooltip"><i class="soap-icon-linkedin"></i></a></li>
                                <li><a href="#" title="Vimeo" data-toggle="tooltip"><i class="soap-icon-vimeo"></i></a></li>
                                <li><a href="#" title="Dribble" data-toggle="tooltip"><i class="soap-icon-dribble"></i></a></li>
                                <li><a href="#" title="Flickr" data-toggle="tooltip"><i class="soap-icon-flickr"></i></a></li>
                            </ul>
                            <div class="copyright">
                                <p>&copy; 2015 <?php echo AppHelper::config('site_name'); ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>


    <!-- Javascript -->
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/jquery-1.11.1.min.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/jquery.noconflict.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/modernizr.2.7.1.min.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/jquery-migrate-1.2.1.min.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/jquery.placeholder.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/jquery-ui.1.10.4.min.js'); ?>"></script>
    
    <!-- Twitter Bootstrap -->
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/bootstrap.js'); ?>"></script>
    
    <!-- parallax -->
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/jquery.stellar.min.js'); ?>"></script>
    
    <!-- waypoint -->
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/waypoints.min.js'); ?>"></script>

    <!-- load page Javascript -->
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/theme-scripts.js'); ?>"></script>
    <script type="text/javascript" src="<?php echo URL('assets/travelo/js/scripts.js'); ?>"></script>

</body>
</html>

