<?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 pt-7 pb-6 text-center">
    <h1 class="h2 text-white mb-2">
      The latest stories only for you.
    </h1>
    <h2 class="h4 fw-normal text-white-75 mb-0">
      Feel free to explore and read.
    </h2>
  </div>
</div>
<!-- END Hero Content -->

<!-- Page Content -->
<div class="content content-boxed">
  <div class="row items-push">
    <div class="col-xxl-8">
      <!-- Story -->
      <div class="block block-rounded">
        <div class="block-content">
          <div class="row items-push">
            <div class="col-md-4 col-lg-5">
              <a class="img-link img-link-simple" href="be_pages_blog_story.php">
                <?php $one->get_photo(10, false, 'img-fluid rounded'); ?>
              </a>
            </div>
            <div class="col-md-8 col-lg-7 d-md-flex align-items-center">
              <div>
                <h4 class="mb-1">
                  <a class="text-dark" href="be_pages_blog_story.php">Top 10 destinations to visit in your lifetime</a>
                </h4>
                <div class="fs-sm fw-medium mb-3">
                  <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on July 16, 2021 · <span class="text-muted">10 min</span>
                </div>
                <p class="fs-sm text-muted">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- END Story -->

      <!-- Story -->
      <div class="block block-rounded">
        <div class="block-content">
          <div class="row items-push">
            <div class="col-md-4 col-lg-5">
              <a class="img-link img-link-simple" href="be_pages_blog_story.php">
                <?php $one->get_photo(1, false, 'img-fluid rounded'); ?>
              </a>
            </div>
            <div class="col-md-8 col-lg-7 d-md-flex align-items-center">
              <div>
                <h4 class="mb-1">
                  <a class="text-dark" href="be_pages_blog_story.php">How to start your own digital business</a>
                </h4>
                <div class="fs-sm fw-medium mb-3">
                  <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on July 13, 2021 · <span class="text-muted">15 min</span>
                </div>
                <p class="fs-sm text-muted">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- END Story -->

      <!-- Story -->
      <div class="block block-rounded">
        <div class="block-content">
          <div class="row items-push">
            <div class="col-md-4 col-lg-5">
              <a class="img-link img-link-simple" href="be_pages_blog_story.php">
                <?php $one->get_photo(4, false, 'img-fluid rounded'); ?>
              </a>
            </div>
            <div class="col-md-8 col-lg-7 d-md-flex align-items-center">
              <div>
                <h4 class="mb-1">
                  <a class="text-dark" href="be_pages_blog_story.php">How to manage working while traveling</a>
                </h4>
                <div class="fs-sm fw-medium mb-3">
                  <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on July 6, 2021 · <span class="text-muted">12 min</span>
                </div>
                <p class="fs-sm text-muted">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- END Story -->

      <!-- Story -->
      <div class="block block-rounded">
        <div class="block-content">
          <div class="row items-push">
            <div class="col-md-4 col-lg-5">
              <a class="img-link img-link-simple" href="be_pages_blog_story.php">
                <?php $one->get_photo(24, false, 'img-fluid rounded'); ?>
              </a>
            </div>
            <div class="col-md-8 col-lg-7 d-md-flex align-items-center">
              <div>
                <h4 class="mb-1">
                  <a class="text-dark" href="be_pages_blog_story.php">Sleeping better is doable</a>
                </h4>
                <div class="fs-sm fw-medium mb-3">
                  <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on July 21, 2021 · <span class="text-muted">9 min</span>
                </div>
                <p class="fs-sm text-muted">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- END Story -->

      <!-- Story -->
      <div class="block block-rounded">
        <div class="block-content">
          <div class="row items-push">
            <div class="col-md-4 col-lg-5">
              <a class="img-link img-link-simple" href="be_pages_blog_story.php">
                <?php $one->get_photo(7, false, 'img-fluid rounded'); ?>
              </a>
            </div>
            <div class="col-md-8 col-lg-7 d-md-flex align-items-center">
              <div>
                <h4 class="mb-1">
                  <a class="text-dark" href="be_pages_blog_story.php">Best 15 sunsets to experience</a>
                </h4>
                <div class="fs-sm fw-medium mb-3">
                  <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on June 5, 2021 · <span class="text-muted">5 min</span>
                </div>
                <p class="fs-sm text-muted">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- END Story -->

      <!-- Story -->
      <div class="block block-rounded">
        <div class="block-content">
          <div class="row items-push">
            <div class="col-md-4 col-lg-5">
              <a class="img-link img-link-simple" href="be_pages_blog_story.php">
                <?php $one->get_photo(8, false, 'img-fluid rounded'); ?>
              </a>
            </div>
            <div class="col-md-8 col-lg-7 d-md-flex align-items-center">
              <div>
                <h4 class="mb-1">
                  <a class="text-dark" href="be_pages_blog_story.php">Amazing places you should visit</a>
                </h4>
                <div class="fs-sm fw-medium mb-3">
                  <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on June 1, 2021 · <span class="text-muted">3 min</span>
                </div>
                <p class="fs-sm text-muted">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh..
                </p>
              </div>
            </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="visually-hidden">Next</span>
            </a>
          </li>
        </ul>
      </nav>
      <!-- END Pagination -->
    </div>
    <div class="col-xxl-4">
      <div class="bg-body-dark rounded-3 p-4">
        <!-- Search -->
        <div class="block block-rounded mb-3">
          <div class="block-content p-3">
            <form action="be_pages_blog_classic.php" method="POST">
              <div class="input-group">
                <input type="text" class="form-control form-control-alt" placeholder="Search all posts..">
                <button class="btn btn-alt-secondary">
                  <i class="fa fa-search"></i>
                </button>
              </div>
            </form>
          </div>
        </div>
        <!-- END Search -->

        <!-- About -->
        <a class="block block-rounded mb-3" href="be_pages_generic_profile.php">
          <div class="block-content block-content-full text-center">
            <div class="mb-3">
              <?php $one->get_avatar(1, false, 96); ?>
            </div>
            <div class="fs-5 fw-semibold"><?php $one->get_name('female'); ?></div>
            <div class="fs-sm fw-medium 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="fs-sm fw-medium 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="fs-sm fw-medium text-muted">1.5k Followers</p>
              </div>
            </div>
          </div>
        </a>
        <!-- END About -->

        <!-- Social -->
        <div class="block block-rounded mb-3">
          <div class="block-content block-content-full">
            <a class="btn btn-sm btn-alt-secondary" href="javascript:void(0)" data-bs-toggle="tooltip" title="Follow us on Twitter">
              <i class="fab fa-fw fa-twitter"></i>
            </a>
            <a class="btn btn-sm btn-alt-secondary" href="javascript:void(0)" data-bs-toggle="tooltip" title="Like our Facebook page">
              <i class="fab fa-fw fa-facebook"></i>
            </a>
            <a class="btn btn-sm btn-alt-secondary" href="javascript:void(0)" data-bs-toggle="tooltip" title="Follow us on Google Plus">
              <i class="fab fa-fw fa-google-plus"></i>
            </a>
            <a class="btn btn-sm btn-alt-secondary" href="javascript:void(0)" data-bs-toggle="tooltip" title="Follow us on Dribbble">
              <i class="fab fa-fw fa-dribbble"></i>
            </a>
            <a class="btn btn-sm btn-alt-secondary" href="javascript:void(0)" data-bs-toggle="tooltip" title="Subscribe on Youtube">
              <i class="fab fa-fw fa-youtube"></i>
            </a>
          </div>
        </div>
        <!-- END Social -->

        <!-- Recent Comments -->
        <div class="block block-rounded mb-0">
          <div class="block-header block-header-default">
            <h3 class="block-title">Recent Comments</h3>
          </div>
          <div class="block-content fs-sm">
            <div class="push">
              <p class="fw-medium mb-1">
                <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on <a href="be_pages_blog_story.php">Exploring the Alps</a>
              </p>
              <p class="mb-0">
                Awesome trip! Looking forward going there, I'm sure it will be a great experience!
              </p>
            </div>
            <div class="push">
              <p class="fw-medium mb-1">
                <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on <a href="be_pages_blog_story.php">Travel &amp; Work</a>
              </p>
              <p class="mb-0">
                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">
              <p class="fw-medium mb-1">
                <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on <a href="be_pages_blog_story.php">Black &amp; White</a>
              </p>
              <p class="mb-0">
                Really touching story.. I'm so happy everything went well at the end!
              </p>
            </div>
            <div class="push">
              <p class="fw-medium mb-1">
                <a href="be_pages_generic_profile.php"><?php $one->get_name(); ?></a> on <a href="be_pages_blog_story.php">Sleep Better</a>
              </p>
              <p class="mb-0">
                Great advice! Thanks for sharing, I'm sure it will help many people sleep better and improve their lifes.
              </p>
            </div>
            <div class="text-sm push">
              <a class="text-dark fw-semibold" href="javascript:void(0)">Read More..</a>
            </div>
          </div>
        </div>
        <!-- END Recent Comments -->
      </div>
    </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="fw-bold mb-2">
        Do you like our stories?
      </h3>
      <h4 class="h5 fw-medium opacity-75">
        Sign up today and get access to over <strong>10.000</strong> inspiring stories!
      </h4>
      <a class="btn btn-primary px-4 py-2" 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'; ?>
