<?php require 'inc/_global/config.php'; ?>
<?php require 'inc/backend/config.php'; ?>
<?php require 'inc/_global/views/head_start.php'; ?>
<?php require 'inc/_global/views/head_end.php'; ?>
<?php require 'inc/_global/views/page_start.php'; ?>

<!-- Hero Content -->
<div class="bg-primary-dark">
    <div class="content content-full overflow-hidden">
        <div class="mt-7 mb-5 text-center">
            <h1 class="h2 text-white mb-2 invisible" data-toggle="appear" data-class="animated fadeInDown">The latest stories only for you.</h1>
            <h2 class="h4 font-w400 text-white-75 invisible" data-toggle="appear" data-class="animated fadeInDown">Feel free to explore and read.</h2>
        </div>
    </div>
</div>
<!-- END Hero Content -->

<!-- Page Content -->
<div class="content content-boxed">
    <div class="row">
        <div class="col-xl-8">
            <!-- Story -->
            <div class="block">
                <div class="block-content">
                    <div class="row items-push">
                        <div class="col-md-4 col-lg-5">
                            <a href="be_pages_blog_story.php">
                                <?php $one->get_photo(21, false, 'img-fluid'); ?>
                            </a>
                        </div>
                        <div class="col-md-8 col-lg-7">
                            <h4 class="h3 mb-1">
                                <a class="text-primary-dark" href="be_pages_blog_story.php">Top 10 Destinations</a>
                            </h4>
                            <div class="font-size-sm mb-3">
                                <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on July 16, 2019 · <em class="text-muted">10 min</em>
                            </div>
                            <p class="font-size-sm">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                            </p>
                            <a class="btn btn-sm btn-light" href="be_pages_blog_story.php">Continue Reading..</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END Story -->

            <!-- Story -->
            <div class="block">
                <div class="block-content">
                    <div class="row items-push">
                        <div class="col-md-4 col-lg-5">
                            <a href="be_pages_blog_story.php">
                                <?php $one->get_photo(22, false, 'img-fluid'); ?>
                            </a>
                        </div>
                        <div class="col-md-8 col-lg-7">
                            <h4 class="h3 mb-1">
                                <a class="text-primary-dark" href="be_pages_blog_story.php">Follow Your Dreams</a>
                            </h4>
                            <div class="font-size-sm mb-3">
                                <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on July 13, 2019 · <em class="text-muted">15 min</em>
                            </div>
                            <p class="font-size-sm">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                            </p>
                            <a class="btn btn-sm btn-light" href="be_pages_blog_story.php">Continue Reading..</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END Story -->

            <!-- Story -->
            <div class="block">
                <div class="block-content">
                    <div class="row items-push">
                        <div class="col-md-4 col-lg-5">
                            <a href="be_pages_blog_story.php">
                                <?php $one->get_photo(23, false, 'img-fluid'); ?>
                            </a>
                        </div>
                        <div class="col-md-8 col-lg-7">
                            <h4 class="h3 mb-1">
                                <a class="text-primary-dark" href="be_pages_blog_story.php">Travel &amp; Work</a>
                            </h4>
                            <div class="font-size-sm mb-3">
                                <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on July 6, 2019 · <em class="text-muted">12 min</em>
                            </div>
                            <p class="font-size-sm">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                            </p>
                            <a class="btn btn-sm btn-light" href="be_pages_blog_story.php">Continue Reading..</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END Story -->

            <!-- Story -->
            <div class="block">
                <div class="block-content">
                    <div class="row items-push">
                        <div class="col-md-4 col-lg-5">
                            <a href="be_pages_blog_story.php">
                                <?php $one->get_photo(24, false, 'img-fluid'); ?>
                            </a>
                        </div>
                        <div class="col-md-8 col-lg-7">
                            <h4 class="h3 mb-1">
                                <a class="text-primary-dark" href="be_pages_blog_story.php">Sleep Better</a>
                            </h4>
                            <div class="font-size-sm mb-3">
                                <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on July 21, 2019 · <em class="text-muted">9 min</em>
                            </div>
                            <p class="font-size-sm">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                            </p>
                            <a class="btn btn-sm btn-light" href="be_pages_blog_story.php">Continue Reading..</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END Story -->

            <!-- Story -->
            <div class="block">
                <div class="block-content">
                    <div class="row items-push">
                        <div class="col-md-4 col-lg-5">
                            <a href="be_pages_blog_story.php">
                                <?php $one->get_photo(4, false, 'img-fluid'); ?>
                            </a>
                        </div>
                        <div class="col-md-8 col-lg-7">
                            <h4 class="h3 mb-1">
                                <a class="text-primary-dark" href="be_pages_blog_story.php">Black &amp; White</a>
                            </h4>
                            <div class="font-size-sm mb-3">
                                <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on June 5, 2019 · <em class="text-muted">5 min</em>
                            </div>
                            <p class="font-size-sm">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                            </p>
                            <a class="btn btn-sm btn-light" href="be_pages_blog_story.php">Continue Reading..</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END Story -->

            <!-- Story -->
            <div class="block">
                <div class="block-content">
                    <div class="row items-push">
                        <div class="col-md-4 col-lg-5">
                            <a href="be_pages_blog_story.php">
                                <?php $one->get_photo(6, false, 'img-fluid'); ?>
                            </a>
                        </div>
                        <div class="col-md-8 col-lg-7">
                            <h4 class="h3 mb-1">
                                <a class="text-primary-dark" href="be_pages_blog_story.php">Exploring the Alps</a>
                            </h4>
                            <div class="font-size-sm mb-3">
                                <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on June 1, 2019 · <em class="text-muted">3 min</em>
                            </div>
                            <p class="font-size-sm">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                            </p>
                            <a class="btn btn-sm btn-light" href="be_pages_blog_story.php">Continue Reading..</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END Story -->

            <!-- Pagination -->
            <nav aria-label="Page navigation">
                <ul class="pagination push">
                    <li class="page-item active">
                        <a class="page-link" href="javascript:void(0)">1</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="javascript:void(0)">2</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="javascript:void(0)">3</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="javascript:void(0)">4</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="javascript:void(0)">5</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="javascript:void(0)" aria-label="Next">
                            <span aria-hidden="true">
                                <i class="fa fa-angle-right"></i>
                            </span>
                            <span class="sr-only">Next</span>
                        </a>
                    </li>
                </ul>
            </nav>
            <!-- END Pagination -->
        </div>
        <div class="col-xl-4">
            <!-- Search -->
            <div class="block">
                <div class="block-header block-header-default">
                    <h3 class="block-title">Search</h3>
                </div>
                <div class="block-content block-content-full">
                    <form action="be_pages_blog_classic.php" method="POST">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-alt" placeholder="Type and hit enter..">
                            <div class="input-group-append">
                                <button class="btn btn-primary">
                                    <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- END Search -->

            <!-- About -->
            <a class="block block-link-shadow" href="be_pages_generic_profile.php">
                <div class="block-header block-header-default">
                    <h3 class="block-title">About</h3>
                </div>
                <div class="block-content block-content-full text-center">
                    <div class="mb-3">
                        <?php $one->get_avatar(1, false, 96); ?>
                    </div>
                    <div class="font-size-h5 mb-1"><?php $one->get_name('female'); ?></div>
                    <div class="font-size-sm text-muted">Publisher</div>
                </div>
                <div class="block-content border-top">
                    <div class="row text-center">
                        <div class="col-6">
                            <div class="mb-2">
                                <i class="si si-pencil fa-2x"></i>
                            </div>
                            <p class="font-w300 text-muted">350 Stories</p>
                        </div>
                        <div class="col-6">
                            <div class="mb-2">
                                <i class="si si-users fa-2x"></i>
                            </div>
                            <p class="font-w300 text-muted">1.5k Followers</p>
                        </div>
                    </div>
                </div>
            </a>
            <!-- END About -->

            <!-- Recent Comments -->
            <div class="block">
                <div class="block-header block-header-default">
                    <h3 class="block-title">Recent Comments</h3>
                    <div class="block-options">
                        <button type="button" class="btn-block-option" data-toggle="block-option" data-action="state_toggle" data-action-mode="demo">
                            <i class="si si-refresh"></i>
                        </button>
                    </div>
                </div>
                <div class="block-content font-size-sm">
                    <div class="push">
                        <a class="font-w600" href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on <a href="be_pages_blog_story.php">Exploring the Alps</a>
                        <p class="mt-1">
                            Awesome trip! Looking forward going there, I'm sure it will be a great experience!
                        </p>
                    </div>
                    <div class="push">
                        <a class="font-w600" href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on <a href="be_pages_blog_story.php">Travel &amp; Work</a>
                        <p class="mt-1">
                            Thank you for sharing your story with us! I really appreciate the info, it will come in handy for sure!
                        </p>
                    </div>
                    <div class="push">
                        <a class="font-w600" href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on <a href="be_pages_blog_story.php">Black &amp; White</a>
                        <p class="mt-1">
                            Really touching story.. I'm so happy everything went well at the end!
                        </p>
                    </div>
                    <div class="push">
                        <a class="font-w600" href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on <a href="be_pages_blog_story.php">Sleep Better</a>
                        <p class="mt-1">
                            Great advice! Thanks for sharing, I'm sure it will help many people sleep better and improve their lifes.
                        </p>
                    </div>
                    <div class="text-center push">
                        <small>
                            <a class="font-w600" href="javascript:void(0)">Read More..</a>
                        </small>
                    </div>
                </div>
            </div>
            <!-- END Recent Comments -->

            <!-- Social -->
            <div class="block">
                <div class="block-header block-header-default">
                    <h3 class="block-title">Social</h3>
                </div>
                <div class="block-content block-content-full">
                    <a class="btn btn-light" href="javascript:void(0)" data-toggle="tooltip" title="Follow us on Twitter">
                        <i class="fab fa-fw fa-twitter"></i>
                    </a>
                    <a class="btn btn-light" href="javascript:void(0)" data-toggle="tooltip" title="Like our Facebook page">
                        <i class="fab fa-fw fa-facebook"></i>
                    </a>
                    <a class="btn btn-light" href="javascript:void(0)" data-toggle="tooltip" title="Follow us on Google Plus">
                        <i class="fab fa-fw fa-google-plus"></i>
                    </a>
                    <a class="btn btn-light" href="javascript:void(0)" data-toggle="tooltip" title="Follow us on Dribbble">
                        <i class="fab fa-fw fa-dribbble"></i>
                    </a>
                    <a class="btn btn-light" href="javascript:void(0)" data-toggle="tooltip" title="Subscribe on Youtube">
                        <i class="fab fa-fw fa-youtube"></i>
                    </a>
                </div>
            </div>
            <!-- END Social -->
        </div>
    </div>
</div>
<!-- END Page Content -->

<!-- Get Started -->
<div class="bg-body-dark">
    <div class="content content-full">
        <div class="my-5 text-center">
            <h3 class="h4 mb-4 invisible" data-toggle="appear">Do you like our stories? Sign up today and get access to over <strong>10.000</strong> travel stories!</h3>
            <a class="btn btn-rounded btn-success px-4 py-2 invisible" data-toggle="appear" data-class="animated bounceIn" href="javascript:void(0)">Get Started Today</a>
        </div>
    </div>
</div>
<!-- END Get Started -->

<?php require 'inc/_global/views/page_end.php'; ?>
<?php require 'inc/_global/views/footer_start.php'; ?>
<?php require 'inc/_global/views/footer_end.php'; ?>
