mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
Compare commits
2 Commits
dev-onboar
...
dev-blog
| Author | SHA1 | Date | |
|---|---|---|---|
|
2ad191817e | ||
|
|
1eb8b4fa40 |
329
preview/pages/blog/index.html
Normal file
329
preview/pages/blog/index.html
Normal file
@@ -0,0 +1,329 @@
|
||||
---
|
||||
layout: blog
|
||||
title: Blog
|
||||
permalink: /blog/index.html
|
||||
---
|
||||
|
||||
<section class="section bg-surface">
|
||||
<div class="container">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
149
shared/data/instagram-photos.json
Normal file
149
shared/data/instagram-photos.json
Normal file
@@ -0,0 +1,149 @@
|
||||
[
|
||||
{
|
||||
"file": "kaboompics_aerial-view-of-sorrento-city-amalfi-coast-italy-12432.jpg",
|
||||
"path": "/static/instagram/kaboompics_aerial-view-of-sorrento-city-amalfi-coast-italy-12432.jpg",
|
||||
"src": "https://kaboompics.com/photo/12432/aerial-view-of-sorrento-city-amalfi-coast-italy",
|
||||
"alt": "Aerial view of sorrento city amalfi coast italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_changing-rooms-at-the-beach-in-sorrento-tyrrhenian-sea-amalfi-coast-italy-12811.jpg",
|
||||
"path": "/static/instagram/kaboompics_changing-rooms-at-the-beach-in-sorrento-tyrrhenian-sea-amalfi-coast-italy-12811.jpg",
|
||||
"src": "https://kaboompics.com/photo/12811/changing-rooms-at-the-beach-in-sorrento-tyrrhenian-sea-amalfi-coast-italy",
|
||||
"alt": "Changing rooms at the beach in sorrento tyrrhenian sea amalfi coast italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_a-police-police-car-on-the-street-in-naples-12701.jpg",
|
||||
"path": "/static/instagram/kaboompics_a-police-police-car-on-the-street-in-naples-12701.jpg",
|
||||
"src": "https://kaboompics.com/photo/12701/a-police-police-car-on-the-street-in-naples",
|
||||
"alt": "A police police car on the street in naples",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_naples-marina-with-boats-12533.jpg",
|
||||
"path": "/static/instagram/kaboompics_naples-marina-with-boats-12533.jpg",
|
||||
"src": "https://kaboompics.com/photo/12533/naples-marina-with-boats",
|
||||
"alt": "Naples marina with boats",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_naples-italy-tyrrhenian-sea-12547.jpg",
|
||||
"path": "/static/instagram/kaboompics_naples-italy-tyrrhenian-sea-12547.jpg",
|
||||
"src": "https://kaboompics.com/photo/12547/naples-italy-tyrrhenian-sea",
|
||||
"alt": "Naples italy tyrrhenian sea",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_galleria-umberto-i-a-public-shopping-gallery-in-naples-12676.jpg",
|
||||
"path": "/static/instagram/kaboompics_galleria-umberto-i-a-public-shopping-gallery-in-naples-12676.jpg",
|
||||
"src": "https://kaboompics.com/photo/12676/galleria-umberto-i-a-public-shopping-gallery-in-naples",
|
||||
"alt": "Galleria umberto i a public shopping gallery in naples",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_malaga-spain-travel-photos-with-urban-charm-and-seaside-atmosphere-39202.jpg",
|
||||
"path": "/static/instagram/kaboompics_malaga-spain-travel-photos-with-urban-charm-and-seaside-atmosphere-39202.jpg",
|
||||
"src": "https://kaboompics.com/photo/39202/malaga-spain-travel-photos-with-urban-charm-and-seaside-atmosphere",
|
||||
"alt": "Malaga spain travel photos with urban charm and seaside atmosphere",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_malaga-travel-photos-with-urban-charm-and-seaside-atmosphere-38753.jpg",
|
||||
"path": "/static/instagram/kaboompics_malaga-travel-photos-with-urban-charm-and-seaside-atmosphere-38753.jpg",
|
||||
"src": "https://kaboompics.com/photo/38753/malaga-travel-photos-with-urban-charm-and-seaside-atmosphere",
|
||||
"alt": "Malaga travel photos with urban charm and seaside atmosphere",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_yellow-vintage-car-in-front-of-an-elegant-italian-building-with-a-classic-mediterranean-vibe-38122.jpg",
|
||||
"path": "/static/instagram/kaboompics_yellow-vintage-car-in-front-of-an-elegant-italian-building-with-a-classic-mediterranean-vibe-38122.jpg",
|
||||
"src": "https://kaboompics.com/photo/38122/yellow-vintage-car-in-front-of-an-elegant-italian-building-with-a-classic-mediterranean-vibe",
|
||||
"alt": "Yellow vintage car in front of an elegant italian building with a classic mediterranean vibe",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_male-finger-showing-a-part-of-the-world-on-an-globe-9474.jpg",
|
||||
"path": "/static/instagram/kaboompics_male-finger-showing-a-part-of-the-world-on-an-globe-9474.jpg",
|
||||
"src": "https://kaboompics.com/photo/9474/male-finger-showing-a-part-of-the-world-on-an-globe",
|
||||
"alt": "Male finger showing a part of the world on an globe",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_beautiful-turquoise-water-crashing-into-rocks-12813.jpg",
|
||||
"path": "/static/instagram/kaboompics_beautiful-turquoise-water-crashing-into-rocks-12813.jpg",
|
||||
"src": "https://kaboompics.com/photo/12813/beautiful-turquoise-water-crashing-into-rocks",
|
||||
"alt": "Beautiful turquoise water crashing into rocks",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_bicycle-with-basket-on-the-pier-in-bright-sunset-light-8040.jpg",
|
||||
"path": "/static/instagram/kaboompics_bicycle-with-basket-on-the-pier-in-bright-sunset-light-8040.jpg",
|
||||
"src": "https://kaboompics.com/photo/8040/bicycle-with-basket-on-the-pier-in-bright-sunset-light",
|
||||
"alt": "Bicycle with basket on the pier in bright sunset light",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_bright-colored-buildings-in-sorrento-italy-12508.jpg",
|
||||
"path": "/static/instagram/kaboompics_bright-colored-buildings-in-sorrento-italy-12508.jpg",
|
||||
"src": "https://kaboompics.com/photo/12508/bright-colored-buildings-in-sorrento-italy",
|
||||
"alt": "Bright colored buildings in sorrento italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_interior-of-the-passenger-airplane-8092.jpg",
|
||||
"path": "/static/instagram/kaboompics_interior-of-the-passenger-airplane-8092.jpg",
|
||||
"src": "https://kaboompics.com/photo/8092/interior-of-the-passenger-airplane",
|
||||
"alt": "Interior of the passenger airplane",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_pier-with-umbrellas-at-the-seaside-sorrento-beaches-italy-12457.jpg",
|
||||
"path": "/static/instagram/kaboompics_pier-with-umbrellas-at-the-seaside-sorrento-beaches-italy-12457.jpg",
|
||||
"src": "https://kaboompics.com/photo/12457/pier-with-umbrellas-at-the-seaside-sorrento-beaches-italy",
|
||||
"alt": "Pier with umbrellas at the seaside sorrento beaches italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_restaurant-tables-by-the-sea-petunia-flowers-12904.jpg",
|
||||
"path": "/static/instagram/kaboompics_restaurant-tables-by-the-sea-petunia-flowers-12904.jpg",
|
||||
"src": "https://kaboompics.com/photo/12904/restaurant-tables-by-the-sea-petunia-flowers",
|
||||
"alt": "Restaurant tables by the sea petunia flowers",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_sorrento-italy-12419.jpg",
|
||||
"path": "/static/instagram/kaboompics_sorrento-italy-12419.jpg",
|
||||
"src": "https://kaboompics.com/photo/12419/sorrento-italy",
|
||||
"alt": "Sorrento italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_sorrento-italy-12451.jpg",
|
||||
"path": "/static/instagram/kaboompics_sorrento-italy-12451.jpg",
|
||||
"src": "https://kaboompics.com/photo/12451/sorrento-italy",
|
||||
"alt": "Sorrento italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_statue-villa-cimbrone-ravello-amalfi-coast-campania-italy-12406.jpg",
|
||||
"path": "/static/instagram/kaboompics_statue-villa-cimbrone-ravello-amalfi-coast-campania-italy-12406.jpg",
|
||||
"src": "https://kaboompics.com/photo/12406/statue-villa-cimbrone-ravello-amalfi-coast-campania-italy",
|
||||
"alt": "Statue villa cimbrone ravello amalfi coast campania italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy-12850.jpg",
|
||||
"path": "/static/instagram/kaboompics_views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy-12850.jpg",
|
||||
"src": "https://kaboompics.com/photo/12850/views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy",
|
||||
"alt": "Views from amalfi drive strada statale 163 amalfi coast italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy-12866.jpg",
|
||||
"path": "/static/instagram/kaboompics_views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy-12866.jpg",
|
||||
"src": "https://kaboompics.com/photo/12866/views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy",
|
||||
"alt": "Views from amalfi drive strada statale 163 amalfi coast italy",
|
||||
"author": "Karolina Grabowska"
|
||||
}
|
||||
]
|
||||
62
shared/layouts/blog.html
Normal file
62
shared/layouts/blog.html
Normal file
@@ -0,0 +1,62 @@
|
||||
---
|
||||
layout: base
|
||||
---
|
||||
|
||||
|
||||
{{ content }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container text-center">
|
||||
<h3 class="h2 mb-2">Subscribe to our newsletter</h3>
|
||||
<p class="text-muted">Join our monthly newsletter and never miss out on new stories and promotions.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-9 col-md-7 col-lg-5 ms-auto me-auto">
|
||||
<div class="input-group mt-3">
|
||||
<input type="text" class="form-control" placeholder="Email address" aria-label="Email address">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn" type="button">Subscribe</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="action">
|
||||
<a class="btn" href="#">
|
||||
Follow us @ Instagram
|
||||
</a>
|
||||
</div>
|
||||
<div class="row g-0">
|
||||
<div class="col-sm-6">
|
||||
<div class="row row-cols-5 g-0">
|
||||
{% for image in instagram-photos limit: 5 %}
|
||||
<div class="col">
|
||||
<div class="ratio ratio-1x1">
|
||||
<img class="img-fluid object-fit-cover" src="{{ image.path }}" alt="{{ image.alt }}">
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="row row-cols-5 g-0">
|
||||
{% for image in instagram-photos limit: 5, offset: 10 %}
|
||||
<div class="col">
|
||||
<div class="ratio ratio-1x1">
|
||||
<img class="img-fluid object-fit-cover" src="{{ image.path }}" alt="{{ image.alt }}">
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="py-4 bg-surface text-body" data-bs-theme="dark">
|
||||
<div class="container text-center">
|
||||
<div class="">© {{ 'now' | date: '%Y' }} Your Company. All rights reserved.</div>
|
||||
</div>
|
||||
</footer>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 204 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 258 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 269 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 313 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 292 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 267 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 262 KiB |
BIN
shared/static/instagram/kaboompics_sorrento-italy-12419.jpg
Normal file
BIN
shared/static/instagram/kaboompics_sorrento-italy-12419.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 238 KiB |
BIN
shared/static/instagram/kaboompics_sorrento-italy-12451.jpg
Normal file
BIN
shared/static/instagram/kaboompics_sorrento-italy-12451.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 211 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 153 KiB |
Reference in New Issue
Block a user