|
|
@@ -4,16 +4,326 @@ title: Blog
|
|
|
permalink: /blog/index.html
|
|
|
---
|
|
|
|
|
|
-<section class="bg-surface">
|
|
|
+<section class="section bg-surface">
|
|
|
<div class="container">
|
|
|
- <div class="row">
|
|
|
- {% for image in instagram-photos %}
|
|
|
- <div class="col-3">
|
|
|
- <a class="ratio ratio-1x1" href="#">
|
|
|
- <img alt="{{ image.alt }}" src="{{ image.path }}" class="img-fluid object-fit-cover">
|
|
|
- </a>
|
|
|
+ <div class="row no-gutters-lg">
|
|
|
+ <div class="col-12">
|
|
|
+ <h2 class="section-title">Latest Articles</h2>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-8 mb-5 mb-lg-0">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12 mb-4">
|
|
|
+ <article class="card article-card">
|
|
|
+ <a href="article.html">
|
|
|
+ <div class="card-image">
|
|
|
+ <div class="post-info"> <span class="text-uppercase">04 Jun 2021</span>
|
|
|
+ <span class="text-uppercase">3 minutes read</span>
|
|
|
+ </div>
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/post-1.jpg" alt="Post Thumbnail"
|
|
|
+ class="w-100">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <div class="card-body px-0 pb-1">
|
|
|
+ <ul class="post-meta mb-2">
|
|
|
+ <li> <a href="#">travel</a>
|
|
|
+ <a href="#">news</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <h2 class="h1"><a class="post-title" href="article.html">Should You Travel Now?
|
|
|
+ Freedom Comes With Responsibility.</a></h2>
|
|
|
+ <p class="card-text">How to travel ethically in uncertain times—practical tips, examples,
|
|
|
+ and best practices for mindful travelers.</p>
|
|
|
+ <div class="content"> <a class="read-more-btn" href="article.html">Read Full Article</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6 mb-4">
|
|
|
+ <article class="card article-card article-card-sm h-100">
|
|
|
+ <a href="article.html">
|
|
|
+ <div class="card-image">
|
|
|
+ <div class="post-info"> <span class="text-uppercase">03 Jun 2021</span>
|
|
|
+ <span class="text-uppercase">2 minutes read</span>
|
|
|
+ </div>
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/post-2.jpg" alt="Post Thumbnail"
|
|
|
+ class="w-100">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <div class="card-body px-0 pb-0">
|
|
|
+ <ul class="post-meta mb-2">
|
|
|
+ <li> <a href="#">travel</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <h2><a class="post-title" href="article.html">An Insider’s Guide: Top Places and Experiences</a></h2>
|
|
|
+ <p class="card-text">Discover local gems, tried‑and‑tested routes, and inspiration
|
|
|
+ to help you truly experience the destination.</p>
|
|
|
+ <div class="content"> <a class="read-more-btn" href="article.html">Read Full Article</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6 mb-4">
|
|
|
+ <article class="card article-card article-card-sm h-100">
|
|
|
+ <a href="article.html">
|
|
|
+ <div class="card-image">
|
|
|
+ <div class="post-info"> <span class="text-uppercase">02 Jun 2021</span>
|
|
|
+ <span class="text-uppercase">2 minutes read</span>
|
|
|
+ </div>
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/ls-2.jpg" alt="Post Thumbnail"
|
|
|
+ class="w-100">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <div class="card-body px-0 pb-0">
|
|
|
+ <ul class="post-meta mb-2">
|
|
|
+ <li> <a href="#">lifestyle</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <h2><a class="post-title" href="article.html">Houston in a Weekend: What to See and Where to Eat</a></h2>
|
|
|
+ <p class="card-text">A curated list of must‑see spots, neighborhoods, and flavors
|
|
|
+ to explore on a short visit.</p>
|
|
|
+ <div class="content"> <a class="read-more-btn" href="article.html">Read Full Article</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6 mb-4">
|
|
|
+ <article class="card article-card article-card-sm h-100">
|
|
|
+ <a href="article.html">
|
|
|
+ <div class="card-image">
|
|
|
+ <div class="post-info"> <span class="text-uppercase">01 Jun 2021</span>
|
|
|
+ <span class="text-uppercase">3 minutes read</span>
|
|
|
+ </div>
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/cr-1.jpg" alt="Post Thumbnail"
|
|
|
+ class="w-100">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <div class="card-body px-0 pb-0">
|
|
|
+ <ul class="post-meta mb-2">
|
|
|
+ <li> <a href="#">cruises</a>
|
|
|
+ <a href="#">news</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <h2><a class="post-title" href="article.html">Alaska Cruises Are Back: New Rules Open the Season</a></h2>
|
|
|
+ <p class="card-text">What’s changed, when sailings resume, and how to prepare—key
|
|
|
+ details at a glance.</p>
|
|
|
+ <div class="content"> <a class="read-more-btn" href="article.html">Read Full Article</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6 mb-4">
|
|
|
+ <article class="card article-card article-card-sm h-100">
|
|
|
+ <a href="article.html">
|
|
|
+ <div class="card-image">
|
|
|
+ <div class="post-info"> <span class="text-uppercase">30 May 2021</span>
|
|
|
+ <span class="text-uppercase">3 minutes read</span>
|
|
|
+ </div>
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/cr-2.jpg" alt="Post Thumbnail"
|
|
|
+ class="w-100">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <div class="card-body px-0 pb-0">
|
|
|
+ <ul class="post-meta mb-2">
|
|
|
+ <li> <a href="#">cruises</a>
|
|
|
+ <a href="#">news</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <h2><a class="post-title" href="article.html">Industry Push: It’s Time to Lift Cruise Restrictions</a></h2>
|
|
|
+ <p class="card-text">Tourism groups call for easing limits. We review the case and
|
|
|
+ possible scenarios for travelers.</p>
|
|
|
+ <div class="content"> <a class="read-more-btn" href="article.html">Read Full Article</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6 mb-4">
|
|
|
+ <article class="card article-card article-card-sm h-100">
|
|
|
+ <a href="article.html">
|
|
|
+ <div class="card-image">
|
|
|
+ <div class="post-info"> <span class="text-uppercase">29 May 2021</span>
|
|
|
+ <span class="text-uppercase">3 minutes read</span>
|
|
|
+ </div>
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/post-4.jpg" alt="Post Thumbnail"
|
|
|
+ class="w-100">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <div class="card-body px-0 pb-0">
|
|
|
+ <ul class="post-meta mb-2">
|
|
|
+ <li> <a href="#">destination</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <h2><a class="post-title" href="article.html">7 Reasons to Visit Denver This Summer</a></h2>
|
|
|
+ <p class="card-text">Blue‑sky days, mountains within reach, and a thriving food scene—
|
|
|
+ here’s why now’s a great time to go.</p>
|
|
|
+ <div class="content"> <a class="read-more-btn" href="article.html">Read Full Article</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6 mb-4">
|
|
|
+ <article class="card article-card article-card-sm h-100">
|
|
|
+ <a href="article.html">
|
|
|
+ <div class="card-image">
|
|
|
+ <div class="post-info"> <span class="text-uppercase">28 May 2021</span>
|
|
|
+ <span class="text-uppercase">2 minutes read</span>
|
|
|
+ </div>
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/post-8.jpg" alt="Post Thumbnail"
|
|
|
+ class="w-100">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <div class="card-body px-0 pb-0">
|
|
|
+ <ul class="post-meta mb-2">
|
|
|
+ <li> <a href="#">news</a>
|
|
|
+ <a href="#">tips</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <h2><a class="post-title" href="article.html">See the Kingdom Up Close: Routes, Tips, Inspiration</a></h2>
|
|
|
+ <p class="card-text">A concise guide to standout spots—many still off the main
|
|
|
+ tourist trail.</p>
|
|
|
+ <div class="content"> <a class="read-more-btn" href="article.html">Read Full Article</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12">
|
|
|
+ <nav class="mt-4">
|
|
|
+ <!-- pagination -->
|
|
|
+ <nav class="mb-md-50">
|
|
|
+ <ul class="pagination justify-content-center">
|
|
|
+ <li class="page-item">
|
|
|
+ <a class="page-link" href="#" aria-label="Pagination Arrow">
|
|
|
+ {% include "ui/icon.html" icon="chevron-left" %}
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="page-item active "> <a href="index.html" class="page-link">
|
|
|
+ 1
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="page-item"> <a href="#" class="page-link">
|
|
|
+ 2
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="page-item">
|
|
|
+ <a class="page-link" href="#" aria-label="Pagination Arrow">
|
|
|
+ {% include "ui/icon.html" icon="chevron-right" %}
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </nav>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-4">
|
|
|
+ <div class="widget-blocks">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-12">
|
|
|
+ <div class="widget">
|
|
|
+ <div class="widget-body">
|
|
|
+ <img loading="lazy" decoding="async" src="images/author.jpg" alt="About Me"
|
|
|
+ class="w-100 author-thumb-sm d-block">
|
|
|
+ <h2 class="widget-title my-3">{{ people[0].full_name }}</h2>
|
|
|
+ <p class="mb-3 pb-2">Hello, I’m {{ people[0].full_name }}. A Content writter, Developer and Story
|
|
|
+ teller. Working as a Content writter at Cool Agency.</p> <a
|
|
|
+ href="about.html" class="btn btn-sm btn-outline-primary">Know
|
|
|
+ More</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-12 col-md-6">
|
|
|
+ <div class="widget">
|
|
|
+ <h2 class="section-title mb-3">Recommended</h2>
|
|
|
+ <div class="widget-body">
|
|
|
+ <div class="widget-list">
|
|
|
+ <article class="card mb-4">
|
|
|
+ <div class="card-image">
|
|
|
+ <div class="post-info"> <span class="text-uppercase">1 minutes read</span>
|
|
|
+ </div>
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/post-9.jpg"
|
|
|
+ alt="Post Thumbnail" class="w-100">
|
|
|
+ </div>
|
|
|
+ <div class="card-body px-0 pb-1">
|
|
|
+ <h3><a class="post-title post-title-sm" href="article.html">Portugal and France: Travel Without Vaccination—What’s Required Now</a></h3>
|
|
|
+ <p class="card-text">Entry rules, documents you’ll need, and practical tips
|
|
|
+ to keep your trip hassle‑free.</p>
|
|
|
+ <div class="content"> <a class="read-more-btn" href="article.html">Read Full
|
|
|
+ Article</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+ <a class="media align-items-center" href="article.html">
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/post-2.jpg" alt="Post Thumbnail"
|
|
|
+ class="w-100">
|
|
|
+ <div class="media-body ml-3">
|
|
|
+ <h3 style="margin-top:-5px">These Destinations Are Easier to Visit Right Now</h3>
|
|
|
+ <p class="mb-0 small">A shortlist of countries with simplified rules—perfect for a spontaneous getaway.</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <a class="media align-items-center" href="article.html"> <span
|
|
|
+ class="image-fallback image-fallback-xs">No Image Specified</span>
|
|
|
+ <div class="media-body ml-3">
|
|
|
+ <h3 style="margin-top:-5px">No Image? Still Worth the Read</h3>
|
|
|
+ <p class="mb-0 small">A brief, straight‑to‑the‑point read—just the essentials.</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <a class="media align-items-center" href="article.html">
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/post-5.jpg" alt="Post Thumbnail"
|
|
|
+ class="w-100">
|
|
|
+ <div class="media-body ml-3">
|
|
|
+ <h3 style="margin-top:-5px">Picture‑Perfect Backdrops for Fashion Shoots</h3>
|
|
|
+ <p class="mb-0 small">Locations that shine on camera—here are a few to try.</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <a class="media align-items-center" href="article.html">
|
|
|
+ <img loading="lazy" decoding="async" src="images/post/post-9.jpg" alt="Post Thumbnail"
|
|
|
+ class="w-100">
|
|
|
+ <div class="media-body ml-3">
|
|
|
+ <h3 style="margin-top:-5px">Capture Ultra‑Smooth Travel Video</h3>
|
|
|
+ <p class="mb-0 small">Simple settings and lightweight gear that noticeably improve your footage.</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-12 col-md-6">
|
|
|
+ <div class="widget">
|
|
|
+ <h2 class="section-title mb-3">Categories</h2>
|
|
|
+ <div class="widget-body">
|
|
|
+ <ul class="widget-list">
|
|
|
+ <li><a href="#">computer<span class="ml-auto">(3)</span></a>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">cruises<span class="ml-auto">(2)</span></a>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">destination<span class="ml-auto">(1)</span></a>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">internet<span class="ml-auto">(4)</span></a>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">lifestyle<span class="ml-auto">(2)</span></a>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">news<span class="ml-auto">(5)</span></a>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">telephone<span class="ml-auto">(1)</span></a>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">tips<span class="ml-auto">(1)</span></a>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">travel<span class="ml-auto">(3)</span></a>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">website<span class="ml-auto">(4)</span></a>
|
|
|
+ </li>
|
|
|
+ <li><a href="#">hugo<span class="ml-auto">(2)</span></a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- {% endfor %}
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
codecalm