Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-17 08:33:51 +04:00
Code Issues Projects Releases Wiki Activity

Release 1.0.0-beta16

Browse Source
This commit is contained in:
codecalm
2022-11-12 22:24:06 +01:00
parent 6baa456182
commit 89166bd900
336 changed files with 20682 additions and 12817 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/lightbox.html
+305 -82
View File
@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta15
* @version 1.0.0-beta16
* @link https://tabler.io
* Copyright 2018-2022 The Tabler Authors
* Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Lightbox - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css?1667333929" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1667333929" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1667333929" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1667333929" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1667333929" rel="stylesheet"/>
<link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
<link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
<style>
@import url('https://rsms.me/inter/inter.css');
:root {
@@ -27,7 +27,7 @@
</style>
</head>
<body >
<script src="./dist/js/demo-theme.min.js?1667333929"></script>
<script src="./dist/js/demo-theme.min.js?1668287865"></script>
<div class="page">
<!-- Navbar -->
<header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -274,6 +274,10 @@
<a class="dropdown-item" href="./placeholder.html">
Placeholder
</a>
<a class="dropdown-item" href="./steps.html">
Steps
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./tabs.html">
Tabs
</a>
@@ -421,6 +425,10 @@
<a class="dropdown-item" href="./music.html">
Music
</a>
<a class="dropdown-item" href="./photogrid.html">
Photogrid
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
</a>
<a class="dropdown-item" href="./tasks.html">
Tasks
<span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
@@ -510,7 +518,7 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span>
<span class="nav-link-title">
2925 icons
2979 icons
</span>
</a>
</li>
@@ -574,178 +582,393 @@
<div class="container-xl">
<div class="row row-cols-6 g-3">
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/1b73704b282a8ec6.jpg">
<img src="/static/photos/1b73704b282a8ec6.jpg" alt="Breakfast served with tea, bread and eggs" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/beautiful-blonde-woman-relaxing-with-a-can-of-coke-on-a-tree-stump-by-the-beach.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/beautiful-blonde-woman-relaxing-with-a-can-of-coke-on-a-tree-stump-by-the-beach.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/3d2998219313cd37.jpg">
<img src="/static/photos/3d2998219313cd37.jpg" alt="Book, fairy lights" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/brainstorming-session-with-creative-designers.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/brainstorming-session-with-creative-designers.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/6ab3200b14549f8a.jpg">
<img src="/static/photos/6ab3200b14549f8a.jpg" alt="Healthy Dinner" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/finances-us-dollars-and-bitcoins-currency-money.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/finances-us-dollars-and-bitcoins-currency-money.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/6d35d9a2bd6c63c2.jpg">
<img src="/static/photos/6d35d9a2bd6c63c2.jpg" alt="Aperol Spritz is a cocktail consisting of prosecco, aperitif and soda water" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/group-of-people-brainstorming-and-taking-notes-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/group-of-people-brainstorming-and-taking-notes-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/8a26974ee6444acd.jpg">
<img src="/static/photos/8a26974ee6444acd.jpg" alt="Beautiful blonde woman on a wooden pier by the lake" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/blue-sofa-with-pillows-in-a-designer-living-room-interior.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/blue-sofa-with-pillows-in-a-designer-living-room-interior.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/8c13ad59f739558c.jpg">
<img src="/static/photos/8c13ad59f739558c.jpg" alt="Still life of mandarin oranges with leaves" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/home-office-desk-with-macbook-iphone-calendar-watch-and-organizer.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/home-office-desk-with-macbook-iphone-calendar-watch-and-organizer.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/8fdeb4785d2b82ef.jpg">
<img src="/static/photos/8fdeb4785d2b82ef.jpg" alt="Blonde woman having a healthy snack at the wooden pier" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/young-woman-working-in-a-cafe.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/young-woman-working-in-a-cafe.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/9f36332564ca271d.jpg">
<img src="/static/photos/9f36332564ca271d.jpg" alt="Woman working on a laptop while enjoying a breakfast coffee and chocolate in bed" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/everything-you-need-to-work-from-your-bed.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/everything-you-need-to-work-from-your-bed.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/35b88fc04a518c1b.jpg">
<img src="/static/photos/35b88fc04a518c1b.jpg" alt="Overhead view of macarons on a marble slab" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/young-entrepreneur-working-from-a-modern-cafe.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/young-entrepreneur-working-from-a-modern-cafe.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/36e273986ed577b8.jpg">
<img src="/static/photos/36e273986ed577b8.jpg" alt="Palm trees in Spain" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/finances-us-dollars-and-bitcoins-currency-money-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/finances-us-dollars-and-bitcoins-currency-money-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/75b555b99d5b38c4.jpg">
<img src="/static/photos/75b555b99d5b38c4.jpg" alt="Macbook, an iPhone, a coffee, a chocolate and a notebook in a bed" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/group-of-people-sightseeing-in-the-city.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/group-of-people-sightseeing-in-the-city.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/546fd146c83f428c.jpg">
<img src="/static/photos/546fd146c83f428c.jpg" alt="Man and Woman Holding Ice Creams" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/color-palette-guide-sample-colors-catalog-.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/color-palette-guide-sample-colors-catalog-.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/802a16cdf5ce3551.jpg">
<img src="/static/photos/802a16cdf5ce3551.jpg" alt="Female hands typing on the remote wireless computer keyboard" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/stylish-workplace-with-computer-at-home.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/stylish-workplace-with-computer-at-home.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/0986f97be719fb9a.jpg">
<img src="/static/photos/0986f97be719fb9a.jpg" alt="Blonde woman in a black jacket and ripped jeans by a green handrail" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/pink-desk-in-the-home-office.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/pink-desk-in-the-home-office.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/1194d63fe36a8670.jpg">
<img src="/static/photos/1194d63fe36a8670.jpg" alt="Stylish workspace with Macbook Pro" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/young-woman-sitting-on-the-sofa-and-working-on-her-laptop.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/young-woman-sitting-on-the-sofa-and-working-on-her-laptop.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/1366fdc9b9b277e4.jpg">
<img src="/static/photos/1366fdc9b9b277e4.jpg" alt="Restaurants in old town of Nessebar, Bulgaria" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/coffee-on-a-table-with-other-items.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/coffee-on-a-table-with-other-items.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/5358d787242861c4.jpg">
<img src="/static/photos/5358d787242861c4.jpg" alt="Small dogs on the grass" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/young-entrepreneur-working-from-a-modern-cafe-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/young-entrepreneur-working-from-a-modern-cafe-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/5614ec7eb9034d04.jpg">
<img src="/static/photos/5614ec7eb9034d04.jpg" alt="Fresh lemons" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/soft-photo-of-woman-on-the-bed-with-the-book-and-cup-of-coffee-in-hands.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/soft-photo-of-woman-on-the-bed-with-the-book-and-cup-of-coffee-in-hands.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/56614e12b2a7bd68.jpg">
<img src="/static/photos/56614e12b2a7bd68.jpg" alt="Reading book at lake" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/fairy-lights-at-the-beach-in-bulgaria.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/fairy-lights-at-the-beach-in-bulgaria.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/77586f6ffa9fbc5e.jpg">
<img src="/static/photos/77586f6ffa9fbc5e.jpg" alt="Sunset over the sea" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/woman-working-on-laptop-at-home-office.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/woman-working-on-laptop-at-home-office.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/552683cc4e5f0e11.jpg">
<img src="/static/photos/552683cc4e5f0e11.jpg" alt="Variety of Pumpkins" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/modern-home-office.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/modern-home-office.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/3664593f945f0d8d.jpg">
<img src="/static/photos/3664593f945f0d8d.jpg" alt="Fresh Cherries on a simple plate" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/blond-using-her-laptop-at-her-bedroom.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/blond-using-her-laptop-at-her-bedroom.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/529078594c496ec5.jpg">
<img src="/static/photos/529078594c496ec5.jpg" alt="Closeup of lemon and mint with water" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/tropical-palm-leaves-floral-pattern-background.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/tropical-palm-leaves-floral-pattern-background.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/a74c41b6fb7fdf34.jpg">
<img src="/static/photos/a74c41b6fb7fdf34.jpg" alt="Portraits of white sad cat" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/woman-read-book-and-drink-coffee.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/woman-read-book-and-drink-coffee.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/a159fb2bff29fda4.jpg">
<img src="/static/photos/a159fb2bff29fda4.jpg" alt="Summer Campfire" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/book-on-the-grass.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/book-on-the-grass.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/a12804818c417ea3.jpg">
<img src="/static/photos/a12804818c417ea3.jpg" alt="Dinner at reastaurant: Fish and Roasted Potatoes with Fresh Greek Salad" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/colorful-exotic-flowers-and-greenery.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/colorful-exotic-flowers-and-greenery.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/abb0721ac43820f9.jpg">
<img src="/static/photos/abb0721ac43820f9.jpg" alt="Green smoke bomb" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/workplace-with-laptop-on-table-at-home.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/workplace-with-laptop-on-table-at-home.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/d366fc3df37fe65b.jpg">
<img src="/static/photos/d366fc3df37fe65b.jpg" alt="Woman holding a smartphone" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/city-lights-reflected-in-the-water-at-night.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/city-lights-reflected-in-the-water-at-night.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/da6119936bd7f566.jpg">
<img src="/static/photos/da6119936bd7f566.jpg" alt="Woman with legs on the coffee table, wearing converse sneakers and working on her laptop" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/cryptocurrency-bitcoin-coins.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/cryptocurrency-bitcoin-coins.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/e8f47263360d96af.jpg">
<img src="/static/photos/e8f47263360d96af.jpg" alt="Early spring garden" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/woman-read-book-and-drink-coffee-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/woman-read-book-and-drink-coffee-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/ecfed9fbf8a58836.jpg">
<img src="/static/photos/ecfed9fbf8a58836.jpg" alt="Morning coffee" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/friends-at-a-restaurant-drinking-wine.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/friends-at-a-restaurant-drinking-wine.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/f7f04e6a834b1959.jpg">
<img src="/static/photos/f7f04e6a834b1959.jpg" alt="Blurred city lights reflected in the water at night" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/beautiful-blonde-woman-on-a-wooden-pier-by-the-lake.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/beautiful-blonde-woman-on-a-wooden-pier-by-the-lake.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/f61b5f865012f200.jpg">
<img src="/static/photos/f61b5f865012f200.jpg" alt="A Trip to Venice, Italy" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/white-apple-imac-computer-with-elephant-mousepad.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/white-apple-imac-computer-with-elephant-mousepad.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/f746d9f7fa60be79.jpg">
<img src="/static/photos/f746d9f7fa60be79.jpg" alt="Umbrellas and lounge chairs on Sunny Beach, Bulgaria" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/workplace-with-laptop-on-table-at-home-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/workplace-with-laptop-on-table-at-home-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="/static/photos/ff54b43b56632883.jpg">
<img src="/static/photos/ff54b43b56632883.jpg" alt="Seagull on a car roof" class="rounded">
<a data-fslightbox="gallery" href="./static/photos/working-in-a-restaurant-macbook-cheese-cake-and-cup-of-coffee.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/working-in-a-restaurant-macbook-cheese-cake-and-cup-of-coffee.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/young-woman-sitting-on-the-sofa-and-working-on-her-laptop-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/young-woman-sitting-on-the-sofa-and-working-on-her-laptop-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/brainstorming-session-with-creative-designers-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/brainstorming-session-with-creative-designers-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/woman-drinking-hot-tea-in-her-home-office.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/woman-drinking-hot-tea-in-her-home-office.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/stylish-workspace-with-macbook-pro.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/stylish-workspace-with-macbook-pro.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/people-by-a-banquet-table-full-with-food.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/people-by-a-banquet-table-full-with-food.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/woman-working-on-a-laptop-while-enjoying-a-breakfast-coffee-and-chocolate-in-bed.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/woman-working-on-a-laptop-while-enjoying-a-breakfast-coffee-and-chocolate-in-bed.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/businesswoman-working-at-her-laptop.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/businesswoman-working-at-her-laptop.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/finances-us-dollars-and-bitcoins-currency-money-5.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/finances-us-dollars-and-bitcoins-currency-money-5.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/cup-of-coffee-on-table-in-cafe.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/cup-of-coffee-on-table-in-cafe.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/young-woman-sitting-on-the-sofa-and-working-on-her-laptop-3.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/young-woman-sitting-on-the-sofa-and-working-on-her-laptop-3.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/man-looking-out-to-sea.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/man-looking-out-to-sea.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/cup-of-coffee-on-table-in-cafe-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/cup-of-coffee-on-table-in-cafe-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/workplace-with-laptop-on-table-at-home-3.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/workplace-with-laptop-on-table-at-home-3.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/businesswoman-working-at-her-laptop-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/businesswoman-working-at-her-laptop-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/cup-of-coffee-and-an-open-book.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/cup-of-coffee-and-an-open-book.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/group-of-people-brainstorming-and-taking-notes-4.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/group-of-people-brainstorming-and-taking-notes-4.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/young-woman-sitting-on-the-sofa-and-working-on-her-laptop-4.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/young-woman-sitting-on-the-sofa-and-working-on-her-laptop-4.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/making-magic-with-fairy-lights.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/making-magic-with-fairy-lights.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/woman-working-on-a-laptop-while-enjoying-a-breakfast-coffee-and-chocolate-in-bed-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/woman-working-on-a-laptop-while-enjoying-a-breakfast-coffee-and-chocolate-in-bed-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/woman-drinking-tea-and-reading-book.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/woman-drinking-tea-and-reading-book.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/a-woman-works-at-a-desk-with-a-laptop-and-a-cup-of-coffee.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/a-woman-works-at-a-desk-with-a-laptop-and-a-cup-of-coffee.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/everything-you-need-to-work-from-your-bed-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/everything-you-need-to-work-from-your-bed-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/workplace-with-laptop-on-table-at-home-4.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/workplace-with-laptop-on-table-at-home-4.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/stylish-workspace-with-macbook-pro-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/stylish-workspace-with-macbook-pro-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/netflix-drug-lords-from-narcos.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/netflix-drug-lords-from-narcos.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/stone-texture-high-resolution-background-2.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/stone-texture-high-resolution-background-2.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/a-visit-to-the-bookstore.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/a-visit-to-the-bookstore.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/books-and-purple-flowers-on-a-wooden-stool-by-the-bed.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/books-and-purple-flowers-on-a-wooden-stool-by-the-bed.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/people-watching-a-presentation-in-a-room.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/people-watching-a-presentation-in-a-room.jpg)"></div>
</a>
</div>
<div class="col">
<a data-fslightbox="gallery" href="./static/photos/home-office-laptop-organizer-and-cup-of-coffee.jpg">
<!-- Photo -->
<div class="img-responsive img-responsive-1x1 rounded border" style="background-image: url(./static/photos/home-office-laptop-organizer-and-cup-of-coffee.jpg)"></div>
</a>
</div>
</div>
@@ -777,7 +1000,7 @@
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta15
v1.0.0-beta16
</a>
</li>
</ul>
@@ -788,9 +1011,9 @@
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/fslightbox/index.js?1667333929" defer></script>
<script src="./dist/libs/fslightbox/index.js?1668287865" defer></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1667333929" defer></script>
<script src="./dist/js/demo.min.js?1667333929" defer></script>
<script src="./dist/js/tabler.min.js?1668287865" defer></script>
<script src="./dist/js/demo.min.js?1668287865" defer></script>
</body>
</html>