<!DOCTYPE html>
<html lang="en">
    <?php require_once("template/head.php"); ?>
    <body>
        <?php require_once("template/nav.php"); ?>
        <?php require_once("template/header.php"); ?>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header animated zoomInUp">
                        Welcome to Modern Tourism
                    </h1>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-danger animated zoomIn">
                        <div class="panel-heading">
                            <h4><i class="fa fa-fw fa-check"></i> Summer Offers</h4>
                        </div>
                        <div class="panel-body">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, optio corporis quae nulla aspernatur in alias at numquam rerum ea excepturi expedita tenetur assumenda voluptatibus eveniet incidunt dicta nostrum quod?</p>
                            <a href="#" class="btn btn-default">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-success animated zoomIn">
                        <div class="panel-heading">
                            <h4><i class="fa fa-fw fa-gift"></i> Winter Offers</h4>
                        </div>
                        <div class="panel-body">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, optio corporis quae nulla aspernatur in alias at numquam rerum ea excepturi expedita tenetur assumenda voluptatibus eveniet incidunt dicta nostrum quod?</p>
                            <a href="#" class="btn btn-default">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-info animated zoomIn">
                        <div class="panel-heading">
                            <h4><i class="fa fa-fw fa-compass"></i> Anytime Vacation</h4>
                        </div>
                        <div class="panel-body">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, optio corporis quae nulla aspernatur in alias at numquam rerum ea excepturi expedita tenetur assumenda voluptatibus eveniet incidunt dicta nostrum quod?</p>
                            <a href="#" class="btn btn-default">Learn More</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <h2 class="page-header">Modern Tourism Features</h2>
                </div>
                <div class="col-md-6">
                    <p>The Modern Tourism comes with the best deals</p>
                    <ul>
                        <li><strong>Exclusive offers</strong>
                        </li>
                        <li>Affordable tourism</li>
                        <li>Online booking</li>
                        <li>24x7 Service available</li>
                        <li>Unstyled page elements for easy customization</li>
                        <li>17 HTML pages</li>
                    </ul>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, omnis doloremque non cum id reprehenderit, quisquam totam aspernatur tempora minima unde aliquid ea culpa sunt. Reiciendis quia dolorum ducimus unde.</p>
                </div>
                <div class="col-md-6">
                    <img class="img-responsive" src="<?= base_url() ?>uploads/others/vacation.jpg" alt="">
                </div>
            </div>
            <hr>
            <div class="well">
                <div class="row">
                    <div class="col-md-8">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, expedita, saepe, vero rerum deleniti beatae veniam harum neque nemo praesentium cum alias asperiores commodi.</p>
                    </div>
                    <div class="col-md-4">
                        <a class="btn btn-lg btn-default btn-block" href="#">Call to Action</a>
                    </div>
                </div>
            </div>
            <hr>
            <?php require_once("template/footer.php"); ?>
        </div>
        <?php require_once("template/files.php"); ?>
    </body>
</html>
