@@include('header.htm')

@@include('components/navigation.htm')

<section class="blog">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 mx-auto">
        <div class="blog-section-title">
          <h2>Travel</h2>
          <p>View the latest news on Travel</p>
        </div>
        <article class="blog-post">
          <div class="blog-post-thumb">
            <img src="images/blog/blog-thum-1.png" alt="blog-thum" />
          </div>
          <div class="blog-post-content">
            <div class="blog-post-title">
              <a href="single-blog.html">Five Things You Need to Know to Start Your Day</a>
            </div>
            <div class="blog-post-meta">
              <ul>
                <li>By <a href="about.html">Mary Astor</a></li>
                <li>
                  <i class="fa fa-clock-o"></i>
                  October 19, 2020 - 2 min
                </li>
              </ul>
            </div>
            <p>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
              nonumy.
            </p>
            <a href="single-blog.html" class="blog-post-action">read more <i class="fa fa-angle-right"></i></a>
          </div>
        </article>
        <article class="blog-post">
          <div class="blog-post-thumb">
            <a href="single-blog.html">
              <img src="images/blog/blog-thum-2.png" alt="blog-thum" /></a>
          </div>
          <div class="blog-post-content">
            <div class="blog-post-title">
              <a href="single-blog.html">Five Things You Need to Know to Start Your Day</a>
            </div>
            <div class="blog-post-meta">
              <ul>
                <li>By <a href="about.html">Mary Astor</a></li>
                <li>
                  <i class="fa fa-clock-o"></i>
                  October 19, 2020 - 2 min
                </li>
              </ul>
            </div>

            <p>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
              nonumy.
            </p>
            <a href="single-blog.html" class="blog-post-action">read more <i class="fa fa-angle-right"></i></a>
          </div>
        </article>
        <article class="blog-post">
          <div class="blog-post-thumb">
            <a href="single-blog.html">
              <img src="images/blog/blog-thum-3.png" alt="blog-thum" /></a>
          </div>
          <div class="blog-post-content">
            <div class="blog-post-title">
              <a href="single-blog.html">Five Things You Need to Know to Start Your Day</a>
            </div>
            <div class="blog-post-meta">
              <ul>
                <li>By <a href="about.html">Mary Astor</a></li>
                <li>
                  <i class="fa fa-clock-o"></i>
                  October 19, 2020 - 2 min
                </li>
              </ul>
            </div>

            <p>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
              nonumy.
            </p>
            <a href="single-blog.html" class="blog-post-action">read more <i class="fa fa-angle-right"></i></a>
          </div>
        </article>
        <article class="blog-post">
          <div class="blog-post-thumb">
            <a href="single-blog.html">
              <img src="images/blog/blog-thum-4.png" alt="blog-thum" /></a>
          </div>
          <div class="blog-post-content">
            <div class="blog-post-title">
              <a href="single-blog.html">Five Things You Need to Know to Start Your Day</a>
            </div>
            <div class="blog-post-meta">
              <ul>
                <li>By <a href="about.html">Mary Astor</a></li>
                <li>
                  <i class="fa fa-clock-o"></i>
                  October 19, 2020 - 2 min
                </li>
              </ul>
            </div>

            <p>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
              nonumy.
            </p>
            <a href="single-blog.html" class="blog-post-action">read more <i class="fa fa-angle-right"></i></a>
          </div>
        </article>
        <article class="blog-post">
          <div class="blog-post-thumb">
            <a href="single-blog.html">
              <img src="images/blog/blog-thum-5.png" alt="blog-thum" /></a>
          </div>
          <div class="blog-post-content">
            <div class="blog-post-title">
              <a href="single-blog.html">Five Things You Need to Know to Start Your Day</a>
            </div>
            <div class="blog-post-meta">
              <ul>
                <li>By <a href="about.html">Mary Astor</a></li>
                <li>
                  <i class="fa fa-clock-o"></i>
                  October 19, 2020 - 2 min
                </li>
              </ul>
            </div>

            <p>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
              nonumy.
            </p>
            <a href="single-blog.html" class="blog-post-action">read more <i class="fa fa-angle-right"></i></a>
          </div>
        </article>
        <article class="blog-post">
          <div class="blog-post-thumb">
            <a href="single-blog.html">
              <img src="images/blog/blog-thum-6.png" alt="blog-thum" /></a>
          </div>
          <div class="blog-post-content">
            <div class="blog-post-title">
              <a href="single-blog.html">Five Things You Need to Know to Start Your Day</a>
            </div>
            <div class="blog-post-meta">
              <ul>
                <li>By <a href="about.html">Mary Astor</a></li>
                <li>
                  <i class="fa fa-clock-o"></i>
                  October 19, 2020 - 2 min
                </li>
              </ul>
            </div>

            <p>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
              nonumy.
            </p>
            <a href="single-blog.html" class="blog-post-action">read more <i class="fa fa-angle-right"></i></a>
          </div>
        </article>
        <article class="blog-post">
          <div class="blog-post-thumb">
            <a href="single-blog.html">
              <img src="images/blog/blog-thum-7.png" alt="blog-thum" /></a>
          </div>
          <div class="blog-post-content">
            <div class="blog-post-title">
              <a href="single-blog.html">Five Things You Need to Know to Start Your Day</a>
            </div>
            <div class="blog-post-meta">
              <ul>
                <li>By <a href="about.html">Mary Astor</a></li>
                <li>
                  <i class="fa fa-clock-o"></i>
                  October 19, 2020 - 2 min
                </li>
              </ul>
            </div>
            <p>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
              nonumy.
            </p>
            <a href="single-blog.html" class="blog-post-action">read more <i class="fa fa-angle-right"></i></a>
          </div>
        </article>
        <div class="blog-post-pagination">
          <nav aria-label="Page navigation example" class="nav-bg">
            <ul class="pagination">
              <li class="page-item">
                <a class="page-link active" href="#">1</a>
              </li>
              <li class="page-item"><a class="page-link" href="#">2</a></li>
              <li class="page-item"><a class="page-link" href="#">3</a></li>
              <li class="page-item"><a class="page-link" href="#">4</a></li>
              <li class="page-item">
                <a class="page-link" href="#">
                  <i class="fa fa-angle-right"></i>
                </a>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
</section>

@@include('components/instagram.htm')

@@include('components/footer.htm')

@@include('footer.htm')