From 9909faeb68a823d82449f7f2f46edefdf73c58ad Mon Sep 17 00:00:00 2001
From: Sachin Neravath <sachi77n@gmail.com>
Date: Wed, 8 Nov 2023 14:43:54 +0530
Subject: [PATCH] updates

---
 404.html                            | 14 +++++------
 demos/captions/index.html           | 10 ++++----
 demos/comment-box/index.html        | 38 +++++++++++++----------------
 demos/custom-easing/index.html      |  6 ++---
 demos/dynamic-mode/index.html       |  8 +++---
 demos/events/index.html             |  6 ++---
 demos/hash/index.html               |  8 +++---
 demos/html-markup/index.html        |  6 ++---
 demos/iframe/index.html             | 16 ++++++------
 demos/index.html                    | 28 ++++++++++-----------
 demos/index.xml                     |  6 ++---
 demos/infinite-scrolling/index.html | 14 +++++------
 demos/inline/index.html             | 14 +++++------
 demos/medium-zoom/index.html        | 22 ++++++++---------
 demos/methods/index.html            |  6 ++---
 demos/mixed-contents/index.html     | 12 ++++-----
 demos/responsive/index.html         | 22 ++++++++---------
 demos/share/index.html              |  8 +++---
 demos/swiper/index.html             |  6 ++---
 demos/thumbnails/index.html         |  8 +++---
 demos/transitions/index.html        | 14 +++++------
 demos/update-slides/index.html      |  6 ++---
 demos/video-gallery/index.html      | 18 ++++++--------
 demos/zoom-from-origin/index.html   | 22 ++++++++---------
 sitemap.xml                         |  2 +-
 25 files changed, 156 insertions(+), 164 deletions(-)

diff --git a/404.html b/404.html
index 2fbbec74..d04656c7 100644
--- a/404.html
+++ b/404.html
@@ -158,7 +158,7 @@ <h3 class=text-center>Demos</h3>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Video Gallery &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Responsive HTML5 Video Gallery &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
@@ -183,7 +183,7 @@ <h3 class=text-center>Demos</h3>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom From Origin &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom Image From Origin &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
@@ -193,17 +193,17 @@ <h3 class=text-center>Demos</h3>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium Like Zoom &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium Like Image Zoom &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive Images &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive Image Gallery &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite Scrolling &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/comment-box/>Lightbox Gallery With Facebook and Disqus Comments &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
@@ -213,12 +213,12 @@ <h3 class=text-center>Demos</h3>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe Lightbox &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment Box &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite Scrolling &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
diff --git a/demos/captions/index.html b/demos/captions/index.html
index 094a2cb4..67294e64 100644
--- a/demos/captions/index.html
+++ b/demos/captions/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
@@ -317,10 +317,10 @@ <h5 id=html>HTML<a href=#html class=anchor aria-hidden=true>#</a> </h5>
 </div>
 </div>
 </a>
-<a class=ms-auto href=https://www.lightgalleryjs.com/demos/comment-box/>
+<a class=ms-auto href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>
 <div class="card my-1">
 <div class="card-body py-2">
-Comment box &rarr;
+Infinite scrolling &rarr;
 </div>
 </div>
 </a>
diff --git a/demos/comment-box/index.html b/demos/comment-box/index.html
index 80eecf59..99f3c818 100644
--- a/demos/comment-box/index.html
+++ b/demos/comment-box/index.html
@@ -12,17 +12,17 @@
 <meta name=robots content="index, follow">
 <meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
 <meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
-<title>Comment box - lightGallery</title>
-<meta name=description content="lightGallery facebook and Disqus comments demo.">
+<title>lightbox gallery with Facebook and Disqus comments - lightGallery</title>
+<meta name=description content="lightbox gallery with Facebook and Disqus comments">
 <link rel=canonical href=https://www.lightgalleryjs.com/demos/comment-box/>
 <meta name=twitter:card content="summary_large_image">
 <meta name=twitter:image content="https://www.lightgalleryjs.com/lightgallery.png">
-<meta name=twitter:title content="Comment box">
-<meta name=twitter:description content="lightGallery facebook and Disqus comments demo.">
+<meta name=twitter:title content="lightbox gallery with Facebook and Disqus comments">
+<meta name=twitter:description content="lightbox gallery with Facebook and Disqus comments">
 <meta name=twitter:site content="@sachinchoolur">
 <meta name=twitter:creator content="@sachinchoolur">
-<meta property="og:title" content="Comment box">
-<meta property="og:description" content="lightGallery facebook and Disqus comments demo.">
+<meta property="og:title" content="lightbox gallery with Facebook and Disqus comments">
+<meta property="og:description" content="lightbox gallery with Facebook and Disqus comments">
 <meta property="og:type" content="article">
 <meta property="og:url" content="https://www.lightgalleryjs.com/demos/comment-box/">
 <meta property="og:image" content="https://www.lightgalleryjs.com/lightgallery.png">
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,15 +100,15 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
 <main class="docs-content col-lg-10 col-xl-8">
-<h1>Comment box</h1>
-<p class=lead>LightGallery supports facebook and Disqus comments out of the box with the help of lg-comments plugin.</p>
-<h4 id=facebook-comments-demo>Facebook comments demo<a href=#facebook-comments-demo class=anchor aria-hidden=true>#</a> </h4>
+<h1>lightbox gallery with Facebook and Disqus comments</h1>
+<p class=lead>Create lightBox gallery with Facebook and Disqus comments. LightGallery supports Facebook and Disqus comments out of the box with the help of lg-comments plugin.</p>
+<h4 id=facebook-comments-in-lightbox>facebook comments in lightbox<a href=#facebook-comments-in-lightbox class=anchor aria-hidden=true>#</a> </h4>
 <div class=gallery-demo-sm>
 <div id=gallery-fb-comments-demo class=list-unstyled>
 <a data-lg-size="400-267-375, 600-400-480, 1600-1067" data-src="https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80" data-responsive="https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=400&q=100 375, https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=600&q=100 480" data-sub-html="<h4>Photo by - <a href='https://unsplash.com/@tobbes_rd' >Tobias Rademacher </a></h4><p> Location - <a href='https://unsplash.com/s/photos/puezgruppe%2C-wolkenstein-in-gr%C3%B6den%2C-s%C3%BCdtirol%2C-italien'>Puezgruppe, Wolkenstein in Gröden, Südtirol, Italien</a>layers of blue.</p>" data-slide-name=fading-light data-tweet-text="lightGallery slide  1" data-twitter-share-url=share/twitter-share-url data-reddit-title="Fading Light" data-disqus-identifier=photo-1609342122563-a43ac8917a3a data-disqus-url="https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80" data-fb-html='<div class="fb-comments" data-href="http://sachinchoolur.github.io/lightGallery/demos/comment-box.html#lg=1&slide=0" data-width="400" data-numposts="5"></div>'>
@@ -172,7 +172,7 @@ <h4 id=facebook-comments-demo>Facebook comments demo<a href=#facebook-comments-d
     <span class=nx>commentBox</span><span class=o>:</span> <span class=kc>true</span><span class=p>,</span>
     <span class=nx>fbComments</span><span class=o>:</span> <span class=kc>true</span><span class=p>,</span>
 <span class=p>});</span>
-</code></pre></div><h3 id=disqus-comments>Disqus comments<a href=#disqus-comments class=anchor aria-hidden=true>#</a> </h3>
+</code></pre></div><h3 id=disqus-comments-in-lightbox>Disqus comments in lightbox<a href=#disqus-comments-in-lightbox class=anchor aria-hidden=true>#</a> </h3>
 <div class=gallery-demo-sm>
 <div id=gallery-disqus-comments-demo class=list-unstyled>
 <a data-lg-size="400-267-375, 600-400-480, 1600-1067" data-src="https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80" data-responsive="https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=400&q=100 375, https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=600&q=100 480" data-sub-html="<h4>Photo by - <a href='https://unsplash.com/@tobbes_rd' >Tobias Rademacher </a></h4><p> Location - <a href='https://unsplash.com/s/photos/puezgruppe%2C-wolkenstein-in-gr%C3%B6den%2C-s%C3%BCdtirol%2C-italien'>Puezgruppe, Wolkenstein in Gröden, Südtirol, Italien</a>layers of blue.</p>" data-slide-name=fading-light data-tweet-text="lightGallery slide  1" data-twitter-share-url=share/twitter-share-url data-reddit-title="Fading Light" data-disqus-identifier=photo-1609342122563-a43ac8917a3a data-disqus-url="https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80" data-fb-html='<div class="fb-comments" data-href="http://sachinchoolur.github.io/lightGallery/demos/comment-box.html#lg=1&slide=0" data-width="400" data-numposts="5"></div>'>
@@ -239,17 +239,17 @@ <h4 id=facebook-comments-demo>Facebook comments demo<a href=#facebook-comments-d
 </code></pre></div>
 <p class=edit-page><a href=https://github.com/sachinchoolur/lightGallery/tree/master/site/content/demos/comment-box.md><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-2"><path d="M17 3a2.828 2.828.0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z"/></svg>Edit this page on GitHub</a></p>
 <div class="docs-navigation d-flex justify-content-between">
-<a href=https://www.lightgalleryjs.com/demos/captions/>
+<a href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>
 <div class="card my-1">
 <div class="card-body py-2">
-&larr; Captions
+&larr; Infinite scrolling
 </div>
 </div>
 </a>
-<a class=ms-auto href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>
+<a class=ms-auto href=https://www.lightgalleryjs.com/demos/medium-zoom/>
 <div class="card my-1">
 <div class="card-body py-2">
-Infinite scrolling &rarr;
+Medium like image zoom &rarr;
 </div>
 </div>
 </a>
@@ -371,10 +371,6 @@ <h5>WebWhiz.ai</h5>
 <script src=https://cdn.jsdelivr.net/npm/airtable@0.11.1/build/airtable.browser.js></script>
 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-49767543-2"></script>
 <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date),gtag('config','UA-49767543-2')</script>
-<div id=fb-root></div>
-<script>(function(b,c,d){var a,e=b.getElementsByTagName(c)[0];if(b.getElementById(d))return;a=b.createElement(c),a.id=d,a.src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4",e.parentNode.insertBefore(a,e)})(document,'script','facebook-jssdk')</script>
-<div id=disqus_thread></div>
-<script>(function(){var a=document,b=a.createElement('script');b.src='https://lg-disqus.disqus.com/embed.js',b.setAttribute('data-timestamp',+new Date),(a.head||a.body).appendChild(b)})()</script>
 <script src=https://www.lightgalleryjs.com/main.82f7015c448ca7d965698bc8b023e1bb39594a4196eecce4a3338d5f962ee9b90a48bb48eb3dde19c7f2aa3991aaf1a163f0cd8ff4fb5806949e52f78468a7fb.js integrity="sha512-gvcBXESMp9llaYvIsCPhuzlZSkGW7szkozONX5Yu6bkKSLtI6z3eGcfyqjmRqvGhY/DNj/T7WAaUnlL3hGin+w==" crossorigin=anonymous defer></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demos/custom-easing/index.html b/demos/custom-easing/index.html
index 34c34321..a57346c7 100644
--- a/demos/custom-easing/index.html
+++ b/demos/custom-easing/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
diff --git a/demos/dynamic-mode/index.html b/demos/dynamic-mode/index.html
index a31b0966..896e6a9b 100644
--- a/demos/dynamic-mode/index.html
+++ b/demos/dynamic-mode/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
@@ -213,7 +213,7 @@ <h5 id=html-structure-1>HTML Structure<a href=#html-structure-1 class=anchor ari
 <a href=https://www.lightgalleryjs.com/demos/iframe/>
 <div class="card my-1">
 <div class="card-body py-2">
-&larr; Iframe
+&larr; Iframe lightbox
 </div>
 </div>
 </a>
diff --git a/demos/events/index.html b/demos/events/index.html
index 5a8c3056..31c37d5a 100644
--- a/demos/events/index.html
+++ b/demos/events/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
diff --git a/demos/hash/index.html b/demos/hash/index.html
index f44e3146..666da46b 100644
--- a/demos/hash/index.html
+++ b/demos/hash/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
@@ -193,7 +193,7 @@ <h5 id=html-structure-1>HTML Structure<a href=#html-structure-1 class=anchor ari
 <a class=ms-auto href=https://www.lightgalleryjs.com/demos/responsive/>
 <div class="card my-1">
 <div class="card-body py-2">
-Responsive images &rarr;
+Responsive Image Gallery &rarr;
 </div>
 </div>
 </a>
diff --git a/demos/html-markup/index.html b/demos/html-markup/index.html
index 50672731..ab6d2749 100644
--- a/demos/html-markup/index.html
+++ b/demos/html-markup/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
diff --git a/demos/iframe/index.html b/demos/iframe/index.html
index 8919c6b5..1fea85e9 100644
--- a/demos/iframe/index.html
+++ b/demos/iframe/index.html
@@ -12,16 +12,16 @@
 <meta name=robots content="index, follow">
 <meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
 <meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
-<title>Iframe - lightGallery</title>
+<title>Iframe lightbox - lightGallery</title>
 <meta name=description content="Open iframe in lightGallery.">
 <link rel=canonical href=https://www.lightgalleryjs.com/demos/iframe/>
 <meta name=twitter:card content="summary_large_image">
 <meta name=twitter:image content="https://www.lightgalleryjs.com/lightgallery.png">
-<meta name=twitter:title content="Iframe">
+<meta name=twitter:title content="Iframe lightbox">
 <meta name=twitter:description content="Open iframe in lightGallery.">
 <meta name=twitter:site content="@sachinchoolur">
 <meta name=twitter:creator content="@sachinchoolur">
-<meta property="og:title" content="Iframe">
+<meta property="og:title" content="Iframe lightbox">
 <meta property="og:description" content="Open iframe in lightGallery.">
 <meta property="og:type" content="article">
 <meta property="og:url" content="https://www.lightgalleryjs.com/demos/iframe/">
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,14 +100,14 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
 <main class="docs-content col-lg-10 col-xl-8">
-<h1>Iframe</h1>
-<p class=lead>If you want to display a webpage within the gallery, you just need to set data-iframe attribute true for the slide item. lightGallery will automatically display the source in an iframe. This can be used to view PDF files, google maps and more.</p>
+<h1>Iframe lightbox</h1>
+<p class=lead>Create simple lightbox iframe gallery with lightGallery. If you want to display a webpage, google map, PDF file or any other iframe within the gallery, you just need to set data-iframe attribute true for the slide item. lightGallery will automatically display the source in an iframe. This can be used to view PDF files, google maps and more.</p>
 <p><button class="btn btn-success mrb50" data-iframe=true id=open-website data-iframe-title="All new time tracking. Greater insight." data-src=https://www.paritydeals.com/>Open
 website</button>
 <button class="btn btn-success mrb50" data-iframe=true id=open-google-map data-src=https://www.google.com/maps/embed>Google
diff --git a/demos/index.html b/demos/index.html
index af4d49fc..d897513c 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -89,11 +89,6 @@ <h1 class=text-center>Demos</h1>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment Box &rarr;</a>
-</div>
-</div>
-<div class="card my-3">
-<div class=card-body>
 <a class=stretched-link href=https://www.lightgalleryjs.com/demos/custom-easing/>Custom Easing &rarr;</a>
 </div>
 </div>
@@ -119,7 +114,7 @@ <h1 class=text-center>Demos</h1>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe Lightbox &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
@@ -139,7 +134,12 @@ <h1 class=text-center>Demos</h1>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium Like Zoom &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/comment-box/>Lightbox Gallery With Facebook and Disqus Comments &rarr;</a>
+</div>
+</div>
+<div class="card my-3">
+<div class=card-body>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium Like Image Zoom &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
@@ -154,37 +154,37 @@ <h1 class=text-center>Demos</h1>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive Images &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Responsive HTML5 Video Gallery &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/share/>Social Sharing &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive Image Gallery &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/swiper/>SwiperJs Demo &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/share/>Social Sharing &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/swiper/>SwiperJs Demo &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/video-gallery/>Video Gallery &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides &rarr;</a>
 </div>
 </div>
 <div class="card my-3">
 <div class=card-body>
-<a class=stretched-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom From Origin &rarr;</a>
+<a class=stretched-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom Image From Origin &rarr;</a>
 </div>
 </div>
 </div>
diff --git a/demos/index.xml b/demos/index.xml
index d662ef7a..32f14ec0 100644
--- a/demos/index.xml
+++ b/demos/index.xml
@@ -1,17 +1,17 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Demos on</title><link>https://www.lightgalleryjs.com/demos/</link><description>Recent content in Demos on</description><generator>Hugo -- gohugo.io</generator><language>en-US</language><lastBuildDate>Tue, 06 Oct 2020 08:48:57 +0000</lastBuildDate><atom:link href="https://www.lightgalleryjs.com/demos/index.xml" rel="self" type="application/rss+xml"/><item><title>JavaScript gallery with thumbnails.</title><link>https://www.lightgalleryjs.com/demos/thumbnails/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/thumbnails/</guid><description>You need to include thumbnails plugin in the document. Animated thumbnails Photo by - Tobias Rademacher Location - Puezgruppe, Wolkenstein in Gröden, Südtirol, Italienlayers of blue.
 " Photo by - Massimiliano Morosinotto Location - Tre Cime di Lavaredo, ItaliaThis is the Way
 " Photo by - Sascha Bosshard Location - Pizol, Mels, Schweiz
-" Photo by - Yusuf Evli Foggy Road</description></item><item><title>Video gallery</title><link>https://www.lightgalleryjs.com/demos/video-gallery/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/video-gallery/</guid><description>External videos To display YouTube, Vimeo and Wistia, videos, you just need to paste the video URL, or share URL of the video in the data-src attribute. The same way you display images in the gallery. lightGallery will check the data-src attribute and if it is a video URL, it will create the respective video slide.
+" Photo by - Yusuf Evli Foggy Road</description></item><item><title>Responsive HTML5 Video Gallery</title><link>https://www.lightgalleryjs.com/demos/video-gallery/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/video-gallery/</guid><description>External videos To display YouTube, Vimeo and Wistia, videos, you just need to paste the video URL, or share URL of the video in the data-src attribute. The same way you display images in the gallery. lightGallery will check the data-src attribute and if it is a video URL, it will create the respective video slide.
 You can also provide poster image for each videos. Poster images will be loaded instead of videos.</description></item><item><title>Social sharing</title><link>https://www.lightgalleryjs.com/demos/share/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/share/</guid><description>Demo Photo by - Tobias Rademacher Location - Puezgruppe, Wolkenstein in Gröden, Südtirol, Italienlayers of blue.
 " data-slide-name="fading-light" data-tweet-text="lightGallery slide 1" data-twitter-share-url="share/twitter-share-url" data-reddit-title="Fading Light" data-disqus-identifier="photo-1609342122563-a43ac8917a3a" data-disqus-url="https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=1600&amp;q=80" data-fb-html='' ' data-src="https://images.unsplash.com/photo-1608481337062-4093bf3ed404?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=1600&amp;q=80" data-responsive="https://images.unsplash.com/photo-1608481337062-4093bf3ed404?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=400&amp;q=80 375, https://images.unsplash.com/photo-1608481337062-4093bf3ed404?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=600&amp;q=80 480" data-sub-html="Photo by - Massimiliano Morosinotto Location - Tre Cime di Lavaredo, ItaliaThis is the Way
 " Photo by - Sascha Bosshard Location - Pizol, Mels, Schweiz
 " data-fb-html='' data-slide-name="Sunset-serenity" ' data-sub-html="</description></item><item><title>SwiperJs demo</title><link>https://www.lightgalleryjs.com/demos/swiper/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/swiper/</guid><description>Demo View on CodePen HTML Structure &amp;lt;div class=&amp;#34;swiper&amp;#34;&amp;gt; &amp;lt;div class=&amp;#34;swiper-wrapper&amp;#34; id=&amp;#34;lg-swipper&amp;#34;&amp;gt; &amp;lt;a data-lg-size=&amp;#34;1600-1200&amp;#34; href=&amp;#34;img/img1.jpg&amp;#34; class=&amp;#34;swiper-slide&amp;#34; &amp;gt; &amp;lt;img src=&amp;#34;img/thumb1.jpg&amp;#34; /&amp;gt; &amp;lt;/a&amp;gt; &amp;lt;a data-lg-size=&amp;#34;1600-1200&amp;#34; href=&amp;#34;img/img2.jpg&amp;#34; class=&amp;#34;swiper-slide&amp;#34; &amp;gt; &amp;lt;img src=&amp;#34;img/thumb2.jpg&amp;#34; /&amp;gt; &amp;lt;/a&amp;gt; ... &amp;lt;/div&amp;gt; &amp;lt;!-- If we need navigation buttons --&amp;gt; &amp;lt;div class=&amp;#34;swiper-button-prev&amp;#34;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div class=&amp;#34;swiper-button-next&amp;#34;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; JavaScript let $lgSwiper = document.getElementById(&amp;#39;lg-swipper&amp;#39;); const swiper = new Swiper(&amp;#39;.swiper&amp;#39;, { // other parameters navigation: { nextEl: &amp;#39;.</description></item><item><title>Inline Gallery</title><link>https://www.lightgalleryjs.com/demos/inline/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/inline/</guid><description>Demo View on CodePen HTML &amp;lt;div id=&amp;#34;inline-gallery-container&amp;#34; class=&amp;#34;inline-gallery-container&amp;#34;&amp;gt;&amp;lt;/div&amp;gt; JavaScript const lgContainer = document.getElementById(&amp;#39;inline-gallery-container&amp;#39;); const inlineGallery = lightGallery(lgContainer, { container: lgContainer, dynamic: true, // Turn off hash plugin in case if you are using it // as we don&amp;#39;t want to change the url on slide change hash: false, // Do not allow users to close the gallery closable: false, // Add maximize icon to enlarge the gallery showMaximizeIcon: true, // Append caption inside the slide item // to apply some animation for the captions (Optional) appendSubHtmlTo: &amp;#39;.</description></item><item><title>Hash</title><link>https://www.lightgalleryjs.com/demos/hash/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/hash/</guid><description>Demo Photo by - Tobias Rademacher Location - Puezgruppe, Wolkenstein in Gröden, Südtirol, Italienlayers of blue.
 " data-slide-name="fading-light" data-tweet-text="lightGallery slide 1" data-twitter-share-url="share/twitter-share-url" data-reddit-title="Fading Light" data-disqus-identifier="photo-1609342122563-a43ac8917a3a" data-disqus-url="https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=1600&amp;q=80" data-fb-html='' ' data-src="https://images.unsplash.com/photo-1608481337062-4093bf3ed404?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=1600&amp;q=80" data-responsive="https://images.unsplash.com/photo-1608481337062-4093bf3ed404?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=400&amp;q=80 375, https://images.unsplash.com/photo-1608481337062-4093bf3ed404?ixlib=rb-1.2.1&amp;ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;auto=format&amp;fit=crop&amp;w=600&amp;q=80 480" data-sub-html="Photo by - Massimiliano Morosinotto Location - Tre Cime di Lavaredo, ItaliaThis is the Way
 " Photo by - Sascha Bosshard Location - Pizol, Mels, Schweiz
-" data-fb-html='' data-slide-name="Sunset-serenity" ' data-sub-html="</description></item><item><title>Responsive images</title><link>https://www.lightgalleryjs.com/demos/responsive/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/responsive/</guid><description>Demo For cress browser responsive image support, lightGallery accepts a comma separated list of images sources, each with a max width descriptor for displaying different images for different screen sizes. For modern browsers you can use native srcset and sizes attributes. Please refer the next demo.
+" data-fb-html='' data-slide-name="Sunset-serenity" ' data-sub-html="</description></item><item><title>Responsive Image Gallery</title><link>https://www.lightgalleryjs.com/demos/responsive/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/responsive/</guid><description>Demo For cress browser responsive image support, lightGallery accepts a comma separated list of images sources, each with a max width descriptor for displaying different images for different screen sizes. For modern browsers you can use native srcset and sizes attributes. Please refer the next demo.
 Photo by - Tobias Rademacher Location - Puezgruppe, Wolkenstein in Gröden, Südtirol, Italienlayers of blue.
 " data-slide-name="fading-light" data-tweet-text="lightGallery slide 1" data-twitter-share-url="share/twitter-share-url" data-reddit-title="Fading Light" data-disqus-identifier="</description></item><item><title>Mixed contents</title><link>https://www.lightgalleryjs.com/demos/mixed-contents/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/mixed-contents/</guid><description>Demo Photo by - Massimiliano Morosinotto Location - Tre Cime di Lavaredo, ItaliaThis is the Way
 " Puffin Hunts Fish To Feed Puffling | Blue Planet II | BBC EarthThis puffin parent must go out to sea to feed his chick, but he must evade other birds that would rob him.
 " NatureVideo by Charlie Kaye
-" Thank You! Sample Wistia video " 'Peck Pocketed' by Kevin Herron | Disney Favorite"</description></item><item><title>Iframe</title><link>https://www.lightgalleryjs.com/demos/iframe/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/iframe/</guid><description>Open website Google map Open PDF file
+" Thank You! Sample Wistia video " 'Peck Pocketed' by Kevin Herron | Disney Favorite"</description></item><item><title>Iframe lightbox</title><link>https://www.lightgalleryjs.com/demos/iframe/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/iframe/</guid><description>Open website Google map Open PDF file
 HTML Structure &amp;lt;button class=&amp;#34;btn btn-success btn-lg mrb50&amp;#34; data-iframe=&amp;#34;true&amp;#34; id=&amp;#34;open-website&amp;#34; data-src=&amp;#34;https://tack.one/&amp;#34; data-iframe-title=&amp;#34;All new time tracking. Greater insight.&amp;#34; &amp;gt; Open website &amp;lt;/button&amp;gt; &amp;lt;button class=&amp;#34;btn btn-success btn-lg mrb50&amp;#34; data-iframe=&amp;#34;true&amp;#34; id=&amp;#34;open-google-map&amp;#34; data-src=&amp;#34;https://www.google.com/maps/embed&amp;#34; &amp;gt; Google map &amp;lt;/button&amp;gt; &amp;lt;button class=&amp;#34;btn btn-success btn-lg mrb50&amp;#34; data-iframe=&amp;#34;true&amp;#34; id=&amp;#34;open-pdf&amp;#34; data-src=&amp;#34;https://file-examples-com.github.io/uploads/2017/10/file-sample_150kB.pdf&amp;#34; &amp;gt; Open PDF file &amp;lt;/button&amp;gt; JavaScript lightGallery(document.getElementById(&amp;#39;open-website&amp;#39;), { selector: &amp;#39;this&amp;#39;, }); lightGallery(document.getElementById(&amp;#39;open-google-map&amp;#39;), { selector: &amp;#39;this&amp;#39;, }); lightGallery(document.getElementById(&amp;#39;open-pdf&amp;#39;), { selector: &amp;#39;this&amp;#39;, });</description></item><item><title>Dynamic Mode</title><link>https://www.lightgalleryjs.com/demos/dynamic-mode/</link><pubDate>Tue, 06 Oct 2020 08:48:57 +0000</pubDate><guid>https://www.lightgalleryjs.com/demos/dynamic-mode/</guid><description>Launch Gallery View on CodePen HTML Structure &amp;lt;button type=&amp;#34;button&amp;#34; id=&amp;#34;dynamic-gallery-demo&amp;#34;&amp;gt;Open Gallery&amp;lt;/button&amp;gt; JavaScript const $dynamicGallery = document.getElementById(&amp;#39;dynamic-gallery-demo&amp;#39;); const dynamicGallery = lightGallery($dynamicGallery, { dynamic: true, dynamicEl: [ { src: &amp;#39;img/1.jpg&amp;#39;, thumb: &amp;#39;img/thumb-1.jpg&amp;#39;, subHtml: &amp;#39;&amp;lt;h4&amp;gt;Image 1 title&amp;lt;/h4&amp;gt;&amp;lt;p&amp;gt;Image 1 descriptions.&amp;lt;/p&amp;gt;&amp;#39;, }, { src: &amp;#39;img/2.jpg&amp;#39;, thumb: &amp;#39;img/thumb-2.jpg&amp;#39;, subHtml: &amp;#39;&amp;lt;h4&amp;gt;Image 2 title&amp;lt;/h4&amp;gt;&amp;lt;p&amp;gt;Image 2 descriptions.&amp;lt;/p&amp;gt;&amp;#39;, }, { src: &amp;#39;img/3.jpg&amp;#39;, thumb: &amp;#39;img/thumb-3.jpg&amp;#39;, subHtml: &amp;#39;&amp;lt;h4&amp;gt;Image 3 title&amp;lt;/h4&amp;gt;&amp;lt;p&amp;gt;Image 3 descriptions.&amp;lt;/p&amp;gt;&amp;#39;, }, ], }); $dynamicGallery.addEventListener(&amp;#39;click&amp;#39;, function () { // Starts with third item.</description></item></channel></rss>
\ No newline at end of file
diff --git a/demos/infinite-scrolling/index.html b/demos/infinite-scrolling/index.html
index cf42eeff..f82cafd5 100644
--- a/demos/infinite-scrolling/index.html
+++ b/demos/infinite-scrolling/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
@@ -194,17 +194,17 @@ <h3 id=html-structure>HTML Structure<a href=#html-structure class=anchor aria-hi
 </div>
 <p class=edit-page><a href=https://github.com/sachinchoolur/lightGallery/tree/master/site/content/demos/infinite-scrolling.md><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-2"><path d="M17 3a2.828 2.828.0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z"/></svg>Edit this page on GitHub</a></p>
 <div class="docs-navigation d-flex justify-content-between">
-<a href=https://www.lightgalleryjs.com/demos/comment-box/>
+<a href=https://www.lightgalleryjs.com/demos/captions/>
 <div class="card my-1">
 <div class="card-body py-2">
-&larr; Comment box
+&larr; Captions
 </div>
 </div>
 </a>
-<a class=ms-auto href=https://www.lightgalleryjs.com/demos/medium-zoom/>
+<a class=ms-auto href=https://www.lightgalleryjs.com/demos/comment-box/>
 <div class="card my-1">
 <div class="card-body py-2">
-Medium like zoom &rarr;
+lightbox gallery with Facebook and Disqus comments &rarr;
 </div>
 </div>
 </a>
diff --git a/demos/inline/index.html b/demos/inline/index.html
index cfc2bc56..c6e477bc 100644
--- a/demos/inline/index.html
+++ b/demos/inline/index.html
@@ -13,16 +13,16 @@
 <meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
 <meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
 <title>Inline Gallery - lightGallery</title>
-<meta name=description content="LightGallery allows you to build inline image/video galleries.">
+<meta name=description content="LightGallery allows you to build inline carousel slider image and video galleries.">
 <link rel=canonical href=https://www.lightgalleryjs.com/demos/inline/>
 <meta name=twitter:card content="summary_large_image">
 <meta name=twitter:image content="https://www.lightgalleryjs.com/lightgallery.png">
 <meta name=twitter:title content="Inline Gallery">
-<meta name=twitter:description content="LightGallery allows you to build inline image/video galleries.">
+<meta name=twitter:description content="LightGallery allows you to build inline carousel slider image and video galleries.">
 <meta name=twitter:site content="@sachinchoolur">
 <meta name=twitter:creator content="@sachinchoolur">
 <meta property="og:title" content="Inline Gallery">
-<meta property="og:description" content="LightGallery allows you to build inline image/video galleries.">
+<meta property="og:description" content="LightGallery allows you to build inline carousel slider image and video galleries.">
 <meta property="og:type" content="article">
 <meta property="og:url" content="https://www.lightgalleryjs.com/demos/inline/">
 <meta property="og:image" content="https://www.lightgalleryjs.com/lightgallery.png">
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,14 +100,14 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
 <main class="docs-content col-lg-10 col-xl-8">
 <h1>Inline Gallery</h1>
-<p class=lead>With lightGallery you can create both inline and lightBox galleries. You can create inline gallery by passing the container element via container option. All the lightBox features are available in inline gallery as well. inline gallery can be converted to the lightBox gallery by clicking on the maximize icon on the toolbar</p>
+<p class=lead>With lightGallery you can create both inline carousel slider and lightBox galleries. You can create inline gallery by passing the container element via container option. All the lightBox features are available in inline gallery as well. inline gallery can be converted to the lightBox gallery by clicking on the maximize icon on the toolbar</p>
 <h4 id=demo>Demo<a href=#demo class=anchor aria-hidden=true>#</a> </h4>
 <div id=inline-gallery-container class=inline-gallery-container></div>
 <div class=codepen-demo>
diff --git a/demos/medium-zoom/index.html b/demos/medium-zoom/index.html
index f733bccc..25b1b8de 100644
--- a/demos/medium-zoom/index.html
+++ b/demos/medium-zoom/index.html
@@ -12,16 +12,16 @@
 <meta name=robots content="index, follow">
 <meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
 <meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
-<title>Medium like zoom - lightGallery</title>
+<title>Medium like image zoom - lightGallery</title>
 <meta name=description content="Easily create image zooming experience as seen on medium. ">
 <link rel=canonical href=https://www.lightgalleryjs.com/demos/medium-zoom/>
 <meta name=twitter:card content="summary_large_image">
 <meta name=twitter:image content="https://www.lightgalleryjs.com/lightgallery.png">
-<meta name=twitter:title content="Medium like zoom">
+<meta name=twitter:title content="Medium like image zoom">
 <meta name=twitter:description content="Easily create image zooming experience as seen on medium. ">
 <meta name=twitter:site content="@sachinchoolur">
 <meta name=twitter:creator content="@sachinchoolur">
-<meta property="og:title" content="Medium like zoom">
+<meta property="og:title" content="Medium like image zoom">
 <meta property="og:description" content="Easily create image zooming experience as seen on medium. ">
 <meta property="og:type" content="article">
 <meta property="og:url" content="https://www.lightgalleryjs.com/demos/medium-zoom/">
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,14 +100,14 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
 <main class="docs-content col-lg-10 col-xl-8">
-<h1>Medium like zoom</h1>
-<p class=lead>Easily create image zooming experience as seen on medium. You can just use lightGallery mediumZoom plugin to achieve the same experience out of the box.</p>
+<h1>Medium like image zoom</h1>
+<p class=lead>Add a zoom feature to your blog images just like on Medium. With lightGallery's mediumZoom plugin, it's easy to give your readers a closer look at your pictures, straight away</p>
 <p>If you want to target all images in a blog post, you can add lightGallery to the
 outer element and select all images using the selector option.</p>
 <h5 id=html-structure>HTML structure<a href=#html-structure class=anchor aria-hidden=true>#</a> </h5>
@@ -227,17 +227,17 @@ <h5 id=html-structure>HTML structure<a href=#html-structure class=anchor aria-hi
 </div>
 <p class=edit-page><a href=https://github.com/sachinchoolur/lightGallery/tree/master/site/content/demos/medium-zoom.md><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-2"><path d="M17 3a2.828 2.828.0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z"/></svg>Edit this page on GitHub</a></p>
 <div class="docs-navigation d-flex justify-content-between">
-<a href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>
+<a href=https://www.lightgalleryjs.com/demos/comment-box/>
 <div class="card my-1">
 <div class="card-body py-2">
-&larr; Infinite scrolling
+&larr; lightbox gallery with Facebook and Disqus comments
 </div>
 </div>
 </a>
 <a class=ms-auto href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>
 <div class="card my-1">
 <div class="card-body py-2">
-Zoom from origin &rarr;
+Zoom image from origin &rarr;
 </div>
 </div>
 </a>
diff --git a/demos/methods/index.html b/demos/methods/index.html
index 1dad02cb..cbf20fc1 100644
--- a/demos/methods/index.html
+++ b/demos/methods/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
diff --git a/demos/mixed-contents/index.html b/demos/mixed-contents/index.html
index 89bb6de6..f943a497 100644
--- a/demos/mixed-contents/index.html
+++ b/demos/mixed-contents/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,14 +100,14 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
 <main class="docs-content col-lg-10 col-xl-8">
 <h1>Mixed contents</h1>
-<p class=lead>lightGallery supports, images, HTML5 videos, external videos such as YouTube, Vimeo videos and iframes. You can mix all types of supported contents in a same gallery. lightGallery will automatically find the content type from source and create appropriate slides</p>
+<p class=lead>Create beautiful galleries with images, HTML5 videos, external videos such as YouTube, Vimeo videos and iframes. You can mix all types of supported contents in a same gallery. lightGallery will automatically find the content type from source and create appropriate slides</p>
 <h4 id=demo>Demo<a href=#demo class=anchor aria-hidden=true>#</a> </h4>
 <div class=gallery-demo-videos>
 <div id=gallery-mixed-content-demo class=list-unstyled>
@@ -204,14 +204,14 @@ <h5 id=html-structure>HTML Structure<a href=#html-structure class=anchor aria-hi
 <a href=https://www.lightgalleryjs.com/demos/responsive/>
 <div class="card my-1">
 <div class="card-body py-2">
-&larr; Responsive images
+&larr; Responsive Image Gallery
 </div>
 </div>
 </a>
 <a class=ms-auto href=https://www.lightgalleryjs.com/demos/iframe/>
 <div class="card my-1">
 <div class="card-body py-2">
-Iframe &rarr;
+Iframe lightbox &rarr;
 </div>
 </div>
 </a>
diff --git a/demos/responsive/index.html b/demos/responsive/index.html
index 7a154197..1ea181dd 100644
--- a/demos/responsive/index.html
+++ b/demos/responsive/index.html
@@ -12,17 +12,17 @@
 <meta name=robots content="index, follow">
 <meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
 <meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
-<title>Responsive images - lightGallery</title>
-<meta name=description content="lightGallery responsive images demo.">
+<title>Responsive Image Gallery - lightGallery</title>
+<meta name=description content="lightGallery responsive image gallery demo.">
 <link rel=canonical href=https://www.lightgalleryjs.com/demos/responsive/>
 <meta name=twitter:card content="summary_large_image">
 <meta name=twitter:image content="https://www.lightgalleryjs.com/lightgallery.png">
-<meta name=twitter:title content="Responsive images">
-<meta name=twitter:description content="lightGallery responsive images demo.">
+<meta name=twitter:title content="Responsive Image Gallery">
+<meta name=twitter:description content="lightGallery responsive image gallery demo.">
 <meta name=twitter:site content="@sachinchoolur">
 <meta name=twitter:creator content="@sachinchoolur">
-<meta property="og:title" content="Responsive images">
-<meta property="og:description" content="lightGallery responsive images demo.">
+<meta property="og:title" content="Responsive Image Gallery">
+<meta property="og:description" content="lightGallery responsive image gallery demo.">
 <meta property="og:type" content="article">
 <meta property="og:url" content="https://www.lightgalleryjs.com/demos/responsive/">
 <meta property="og:image" content="https://www.lightgalleryjs.com/lightgallery.png">
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,14 +100,14 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
 <main class="docs-content col-lg-10 col-xl-8">
-<h1>Responsive images</h1>
-<p class=lead>You can provide different images for different screen sizes, resolution or devices. Other than it's own mechanism, lightGallery supports HTML5 picture tag, srcset and sizes for responsive images.</p>
+<h1>Responsive Image Gallery</h1>
+<p class=lead>Create beautiful responsive html image gallery with lightGallery. You can provide different images for different screen sizes, resolution or devices. Other than it's own mechanism, lightGallery supports HTML5 picture tag, srcset and sizes for responsive images.</p>
 <h3 id=demo>Demo<a href=#demo class=anchor aria-hidden=true>#</a> </h3>
 <p>For cress browser responsive image support, lightGallery accepts a comma
 separated list of images sources, each with a max width descriptor for
diff --git a/demos/share/index.html b/demos/share/index.html
index 2d451334..6829e416 100644
--- a/demos/share/index.html
+++ b/demos/share/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
@@ -251,7 +251,7 @@ <h4 id=javascript-2>JavaScript<a href=#javascript-2 class=anchor aria-hidden=tru
 <a href=https://www.lightgalleryjs.com/demos/video-gallery/>
 <div class="card my-1">
 <div class="card-body py-2">
-&larr; Video gallery
+&larr; Responsive HTML5 Video Gallery
 </div>
 </div>
 </a>
diff --git a/demos/swiper/index.html b/demos/swiper/index.html
index aa8c90be..da6caac1 100644
--- a/demos/swiper/index.html
+++ b/demos/swiper/index.html
@@ -90,7 +90,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -101,8 +101,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
diff --git a/demos/thumbnails/index.html b/demos/thumbnails/index.html
index 6524bc0b..a301ba2e 100644
--- a/demos/thumbnails/index.html
+++ b/demos/thumbnails/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
@@ -474,7 +474,7 @@ <h5 id=html-structure-2>HTML Structure<a href=#html-structure-2 class=anchor ari
 <a class=ms-auto href=https://www.lightgalleryjs.com/demos/video-gallery/>
 <div class="card my-1">
 <div class="card-body py-2">
-Video gallery &rarr;
+Responsive HTML5 Video Gallery &rarr;
 </div>
 </div>
 </a>
diff --git a/demos/transitions/index.html b/demos/transitions/index.html
index 78e5e9a5..24961bc5 100644
--- a/demos/transitions/index.html
+++ b/demos/transitions/index.html
@@ -13,16 +13,16 @@
 <meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
 <meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
 <title>Transitions - lightGallery</title>
-<meta name=description content="LightGallery allows you to build inline image/video galleries.">
+<meta name=description content="Create beautiful image and video galleries with CSS transitions.">
 <link rel=canonical href=https://www.lightgalleryjs.com/demos/transitions/>
 <meta name=twitter:card content="summary_large_image">
 <meta name=twitter:image content="https://www.lightgalleryjs.com/lightgallery.png">
 <meta name=twitter:title content="Transitions">
-<meta name=twitter:description content="LightGallery allows you to build inline image/video galleries.">
+<meta name=twitter:description content="Create beautiful image and video galleries with CSS transitions.">
 <meta name=twitter:site content="@sachinchoolur">
 <meta name=twitter:creator content="@sachinchoolur">
 <meta property="og:title" content="Transitions">
-<meta property="og:description" content="LightGallery allows you to build inline image/video galleries.">
+<meta property="og:description" content="Create beautiful image and video galleries with CSS transitions.">
 <meta property="og:type" content="article">
 <meta property="og:url" content="https://www.lightgalleryjs.com/demos/transitions/">
 <meta property="og:image" content="https://www.lightgalleryjs.com/lightgallery.png">
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,14 +100,14 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
 <main class="docs-content col-lg-10 col-xl-8">
 <h1>Transitions</h1>
-<p class=lead>lightGallery comes with a numerous number of beautiful built in transitions. You can change the type of transitions by passing the transition name via mode option. lightGallery uses Hardware-Accelerated CSS3 transitions for faster animation performance. You can easily create your own beautiful custom transitions by updating the CSS transform values. </p>
+<p class=lead>Create beautiful image and video galleries with built in CSS transitions. You can change the type of transitions by passing the transition name via mode option. lightGallery uses Hardware-Accelerated CSS3 transitions for faster animation performance. You can easily create your own beautiful custom transitions by updating the CSS transform values. </p>
 <h4 id=demo>Demo<a href=#demo class=anchor aria-hidden=true>#</a> </h4>
 <div class=gallery-demo-sm>
 <div id=gallery-transitions-demo class=list-unstyled>
diff --git a/demos/update-slides/index.html b/demos/update-slides/index.html
index 27b02c1c..cd8e6ea5 100644
--- a/demos/update-slides/index.html
+++ b/demos/update-slides/index.html
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,8 +100,8 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
diff --git a/demos/video-gallery/index.html b/demos/video-gallery/index.html
index 29887901..e02677fb 100644
--- a/demos/video-gallery/index.html
+++ b/demos/video-gallery/index.html
@@ -8,21 +8,20 @@
 <link rel=stylesheet href=https://www.lightgalleryjs.com/main.5cce80e54730726310bee9b30461824f9bbeb8c686506d797304dc5ee4e15ba21e05c04e08544283f9b0146377dca747835390597ce35ad0cec05e426fc75f50.css integrity="sha512-XM6A5UcwcmMQvumzBGGCT5u+uMaGUG15cwTcXuThW6IeBcBOCFRCg/mwFGN33KdHg1OQWXzjWtDOwF5Cb8dfUA==" crossorigin=anonymous>
 <link rel=stylesheet href=/css/lightgallery-bundle.css>
 <link rel=stylesheet href=/css/lg-transitions.css>
-<link href=https://vjs.zencdn.net/7.10.2/video-js.css rel=stylesheet>
 <noscript><style>img.lazyload{display:none}</style></noscript>
 <meta name=robots content="index, follow">
 <meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
 <meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
-<title>Video gallery - lightGallery</title>
+<title>Responsive HTML5 Video Gallery - lightGallery</title>
 <meta name=description content="lightGallery supports YouTube, Vimeo, VK, DailyMotion, Wistia and all other types of HTML5 video formats. Such as MP4, WebM, Ogg, etc.">
 <link rel=canonical href=https://www.lightgalleryjs.com/demos/video-gallery/>
 <meta name=twitter:card content="summary_large_image">
 <meta name=twitter:image content="https://www.lightgalleryjs.com/lightgallery.png">
-<meta name=twitter:title content="Video gallery">
+<meta name=twitter:title content="Responsive HTML5 Video Gallery">
 <meta name=twitter:description content="lightGallery supports YouTube, Vimeo, VK, DailyMotion, Wistia and all other types of HTML5 video formats. Such as MP4, WebM, Ogg, etc.">
 <meta name=twitter:site content="@sachinchoolur">
 <meta name=twitter:creator content="@sachinchoolur">
-<meta property="og:title" content="Video gallery">
+<meta property="og:title" content="Responsive HTML5 Video Gallery">
 <meta property="og:description" content="lightGallery supports YouTube, Vimeo, VK, DailyMotion, Wistia and all other types of HTML5 video formats. Such as MP4, WebM, Ogg, etc.">
 <meta property="og:type" content="article">
 <meta property="og:url" content="https://www.lightgalleryjs.com/demos/video-gallery/">
@@ -90,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -101,13 +100,13 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
 <main class="docs-content col-lg-10 col-xl-8">
-<h1>Video gallery</h1>
+<h1>Responsive HTML5 Video Gallery</h1>
 <p class=lead>lightGallery supports YouTube, Vimeo, Wistia and all other types of HTML5 video formats. Such as MP4, WebM, Ogg, etc.</p>
 <h4 id=external-videos>External videos<a href=#external-videos class=anchor aria-hidden=true>#</a> </h4>
 <p>To display YouTube, Vimeo and Wistia, videos, you just need to paste the video URL, or share URL of the video in the data-src attribute. The same way you display images in the gallery. lightGallery will check the data-src attribute and if it is a video URL, it will create the respective video slide.</p>
@@ -446,9 +445,6 @@ <h5>WebWhiz.ai</h5>
 </div>
 </div>
 </footer>
-<script src=//player.vimeo.com/api/player.js></script>
-<script src=//fast.wistia.com/assets/external/E-v1.js></script>
-<script src=https://vjs.zencdn.net/7.10.2/video.min.js></script>
 <script id=__webwhizSdk__ src=https://widget.webwhiz.ai/webwhiz-sdk.js chatbotid=6427de1eb464389fa02a8e61></script>
 <script src=https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.min.js></script>
 <script src=https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js></script>
diff --git a/demos/zoom-from-origin/index.html b/demos/zoom-from-origin/index.html
index 6f9f4929..51a873d1 100644
--- a/demos/zoom-from-origin/index.html
+++ b/demos/zoom-from-origin/index.html
@@ -12,17 +12,17 @@
 <meta name=robots content="index, follow">
 <meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
 <meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
-<title>Zoom from origin - lightGallery</title>
-<meta name=description content="Zoom images from its origin while opening the image gallery">
+<title>Zoom image from origin - lightGallery</title>
+<meta name=description content="Create image gallery with zoom effect from image's origin while opening the image gallery">
 <link rel=canonical href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>
 <meta name=twitter:card content="summary_large_image">
 <meta name=twitter:image content="https://www.lightgalleryjs.com/lightgallery.png">
-<meta name=twitter:title content="Zoom from origin">
-<meta name=twitter:description content="Zoom images from its origin while opening the image gallery">
+<meta name=twitter:title content="Zoom image from origin">
+<meta name=twitter:description content="Create image gallery with zoom effect from image's origin while opening the image gallery">
 <meta name=twitter:site content="@sachinchoolur">
 <meta name=twitter:creator content="@sachinchoolur">
-<meta property="og:title" content="Zoom from origin">
-<meta property="og:description" content="Zoom images from its origin while opening the image gallery">
+<meta property="og:title" content="Zoom image from origin">
+<meta property="og:description" content="Create image gallery with zoom effect from image's origin while opening the image gallery">
 <meta property="og:type" content="article">
 <meta property="og:url" content="https://www.lightgalleryjs.com/demos/zoom-from-origin/">
 <meta property="og:image" content="https://www.lightgalleryjs.com/lightgallery.png">
@@ -89,7 +89,7 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/hash/>Hash</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/responsive/>Responsive images</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/mixed-contents/>Mixed contents</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/iframe/>Iframe lightbox</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/dynamic-mode/>Dynamic Mode</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/update-slides/>Update Slides</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/transitions/>Transitions</a></li>
@@ -100,13 +100,13 @@ <h3>Demos</h3>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/captions/>Captions</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/comment-box/>Comment box</a></li>
 <li><a class=docs-link href=https://www.lightgalleryjs.com/demos/infinite-scrolling/>Infinite scrolling</a></li>
-<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like zoom</a></li>
-<li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom from origin</a></li>
+<li><a class=docs-link href=https://www.lightgalleryjs.com/demos/medium-zoom/>Medium like image zoom</a></li>
+<li><a class="docs-link active" href=https://www.lightgalleryjs.com/demos/zoom-from-origin/>Zoom image from origin</a></li>
 </ul>
 </nav>
 </div>
 <main class="docs-content col-lg-10 col-xl-8">
-<h1>Zoom from origin</h1>
+<h1>Zoom image from origin</h1>
 <p class=lead>Zoom images from its origin while opening the image gallery.</p>
 <p>You need to know the original image size upfront and provide it via data-lg-size attribute as data-lg-size=&ldquo;1920-1280&rdquo;</p>
 <p>If you don&rsquo;t know, the size of a few images in the list, you can skip the data-lg-size attribute for the particular slides,
@@ -192,7 +192,7 @@ <h5 id=html-structure>HTML Structure<a href=#html-structure class=anchor aria-hi
 <a href=https://www.lightgalleryjs.com/demos/medium-zoom/>
 <div class="card my-1">
 <div class="card-body py-2">
-&larr; Medium like zoom
+&larr; Medium like image zoom
 </div>
 </div>
 </a>
diff --git a/sitemap.xml b/sitemap.xml
index fca1affa..4df86bc0 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>https://www.lightgalleryjs.com/docs/getting-started/</loc><lastmod>2022-06-13T10:30:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/thumbnails/</loc><lastmod>2023-09-29T20:16:30+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/settings/</loc><lastmod>2022-07-13T11:56:18+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/video-gallery/</loc><lastmod>2022-10-27T19:40:47+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/events/</loc><lastmod>2021-11-17T15:57:59+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/share/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/swiper/</loc><lastmod>2023-06-07T16:01:36+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/inline/</loc><lastmod>2021-10-11T15:48:17+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/methods/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/dynamic-variables/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/hash/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/attributes/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/responsive/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/react/</loc><lastmod>2022-02-14T19:17:33+03:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/mixed-contents/</loc><lastmod>2022-10-27T19:40:47+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/iframe/</loc><lastmod>2023-04-20T11:01:25+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/vue/</loc><lastmod>2022-01-24T14:34:19+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/dynamic-mode/</loc><lastmod>2023-09-29T20:16:30+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/angular/</loc><lastmod>2022-09-19T20:43:11+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/license/</loc><lastmod>2023-04-05T20:10:18+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/update-slides/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/transitions/</loc><lastmod>2022-10-01T12:30:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/methods/</loc><lastmod>2021-07-29T13:40:26+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/html-markup/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/events/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/custom-easing/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/captions/</loc><lastmod>2021-08-20T13:28:53+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/comment-box/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/infinite-scrolling/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/medium-zoom/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/creating-plugins/</loc><lastmod>2021-10-27T15:14:03+02:00</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/custom-work/</loc><lastmod>2021-09-07T13:19:04+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/lg-query/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/zoom-from-origin/</loc><lastmod>2023-04-20T14:30:07+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/</loc><lastmod>2023-09-29T20:16:30+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/</loc><lastmod>2023-04-05T20:10:18+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/</loc><lastmod>2023-07-20T17:03:47+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/license/</loc><lastmod>2023-07-20T17:03:47+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url></urlset>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>https://www.lightgalleryjs.com/docs/getting-started/</loc><lastmod>2022-06-13T10:30:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/thumbnails/</loc><lastmod>2023-09-29T20:16:30+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/video-gallery/</loc><lastmod>2022-10-27T19:40:47+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/settings/</loc><lastmod>2022-07-13T11:56:18+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/events/</loc><lastmod>2021-11-17T15:57:59+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/share/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/swiper/</loc><lastmod>2023-06-07T16:01:36+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/inline/</loc><lastmod>2021-10-11T15:48:17+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/methods/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/dynamic-variables/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/hash/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/attributes/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/responsive/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/react/</loc><lastmod>2022-02-14T19:17:33+03:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/mixed-contents/</loc><lastmod>2022-10-27T19:40:47+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/iframe/</loc><lastmod>2023-04-20T11:01:25+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/vue/</loc><lastmod>2022-01-24T14:34:19+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/dynamic-mode/</loc><lastmod>2023-09-29T20:16:30+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/angular/</loc><lastmod>2022-09-19T20:43:11+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/license/</loc><lastmod>2023-04-05T20:10:18+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/update-slides/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/transitions/</loc><lastmod>2022-10-01T12:30:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/methods/</loc><lastmod>2021-07-29T13:40:26+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/html-markup/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/events/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/custom-easing/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/captions/</loc><lastmod>2021-08-20T13:28:53+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/infinite-scrolling/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/comment-box/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/medium-zoom/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/creating-plugins/</loc><lastmod>2021-10-27T15:14:03+02:00</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/custom-work/</loc><lastmod>2021-09-07T13:19:04+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/lg-query/</loc><lastmod>2021-05-29T09:20:37+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/zoom-from-origin/</loc><lastmod>2023-04-20T14:30:07+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/demos/</loc><lastmod>2023-09-29T20:16:30+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/docs/</loc><lastmod>2023-04-05T20:10:18+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/</loc><lastmod>2023-07-20T17:03:47+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url><url><loc>https://www.lightgalleryjs.com/license/</loc><lastmod>2023-07-20T17:03:47+05:30</lastmod><changefreq>monthly</changefreq><priority>0.5</priority></url></urlset>
\ No newline at end of file