JoomLeadTeam, Author at JoomLead

Preloader Atom

Docs

Create a simple preloader on the screen while the rest of the page’s content is still loading. See how Preloader can be designed beautifully on Demo Page.

# Preloader Package contents

Files	Description
jlpreloader.yaml	Contains the Preloader particle settings.
jlpreloader.html.twig	The Twig file to pull information, settings.
topbar.min.js	The topbar js library.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Testimonial Particle is an Gantry5 Particle which allows you to showcase testimonials on your website. See how Testimonial can be designed beautifully on Demo Page.

# Testimonial Package contents

Files	Description
jltestimonial2.yaml	Contains the Testimonial particle settings.
jltestimonial2.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Create a tabbed navigation with different styles. You can click on a tab to open the content. See how Tabs can be designed beautifully on Demo Page.

# Tab Package contents

Files	Description
jltabs.yaml	Contains the Tab particle settings.
jltabs.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Make elements remain at the top of the page even when a user scrolls the page, like a sticky navigation. See how Sticky can be designed beautifully on Demo Page.

# Sticky Atom Package contents

Files	Description
jlnavsticky.yaml	Contains the Sticky Atom settings.
jlnavsticky.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

This Particle enables you generate QR Code that you can print out or use in your own website or application.

Installing the particle on your website is a really simple process. You just need to follow the below instructions depending on the platform you are on.

Docs

Add responsive portfolio to your website. Present your work in so many ways. This item comes with 05 super customizable styles to choose from. Tons of ready to use options make it very easy to add Filter style, filter position, number items, grid gutter and so on.

Installing the particle on your website is a really simple process. You just need to follow the below instructions depending on the platform you are on.

Docs

With Team Member particle, You can create a great looking team section on your Joomla/WordPress/Grav site in a few minutes (Slider and Grid support). See how Team Member can be designed beautifully on Demo Page.

# Team Member Package contents

Files	Description
jlmember.yaml	Contains the Team Member particle settings.
jlmember.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

A customizable, modular, responsive, lightbox gallery Particle. Create beautiful image galleries for your for Joomla/Wordpress/Greav site. See how Light Gallery can be designed beautifully on Demo Page.

# Lightgallery Package contents

Files	Description
jllightgallery.yaml	Contains the Lightgallery particle settings.
jllightgallery.html.twig	The Twig file to pull information, settings.
lightgallery.min.css / lg-fb-comment-box.min.css lg-transitions.min.css	Contains the Lightgallery CSS.
lg.eot, lg.svg, lg.ttf and lg.woff	Contains the Lightgallery fonts, these files located in css/fonts folder.
lightgallery	Contains the Light gallery JavaScript libraries (lightgallery.js / lg-hash.min.js lg-autoplay.min.js / lg-fullscreen.min.js lg-zoom.min.js / lg-share.min.js lg-thumbnail.min.js).

Note By default, Lightgallery particle load the lightgallery core css/js (lightgallery.min.css and lightgallery.js) only. Other css/js plugins will be added by your particle settings to improve the page speed performance.

For example: If you enable Facebook comment plugin, the lg-fb-comment-box.min.css will be added on page load.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Image Compare Particle helps storytellers compare two pieces of similar media, including photos, and GIFs See how Image Compare can be designed beautifully on Demo Page.

# Image Compare Package contents

Files	Description
jlimagecompare.yaml	Contains the Image Compare particle settings.
jlimagecompare.html.twig	The Twig file to pull information, settings.
juxtapose.min.css	Contains the Image Compare CSS.
juxtapose.min.js	Contains the Image Compare JavaScript

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Extend the design of the advanced heading particle with different styles for headings to create beautiful typography. See how Heading can be designed beautifully on Demo Page.

# Heading Package contents

Files	Description
jlheading.yaml	Contains the Heading particle settings.
jlheading.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Create content or images with ‘cover flow’ effect. See how Flipster can be designed beautifully on Demo Page.

# Flipster Package contents

Files	Description
jlflipster.yaml	Contains the Flipster particle settings.
jlflipster.html.twig	The Twig file to pull information, settings.
jquery.flipster.min.css	Contains the Flipster CSS.
jquery.flipster.min.js	Contains the Flipster JavaScript.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Create embedable featured content boxes inside your Joomla/WordPress site. See how Feature Box can be designed beautifully on Demo Page.

# Feature Box Package contents

Files	Description
jlfeaturebox.yaml	Contains the Feature Box particle settings.
jlfeaturebox.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Add an easy-to-create, stylish FAQ section to your website. Display your frequently asked questions in your sites easily without any kind of coding. See how FAQ can be designed beautifully on Demo Page.

# FAQ Package contents

Files	Description
jlfaq.yaml	Contains the FAQ particle settings.
jlfaq.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Countdown Gantry5 Particle offers many options to edit countdown like target date, countdown animation properties and its css styles. See how Countdown can be designed beautifully on Demo Page.

# Countdown Package contents

Files	Description
jlcountdown.yaml	Contains the Countdown particle settings.
jlcountdown.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Author: JoomLeadTeam

Preloader Atom

# Preloader Package contents

Testimonial Particle

# Testimonial Package contents

Tabs Particle Documentation

# Tab Package contents

Sticky Atom Documentation

# Sticky Atom Package contents

QR Particle Documentation

Portfolio Particle Documentation

Team Member Particle

# Team Member Package contents

Lightgallery Particle Documentation

# Lightgallery Package contents

Image Compare Particle Documentation

# Image Compare Package contents

Heading Particle Documentation

# Heading Package contents

Flipster Particle Documentation

# Flipster Package contents

Feature Box Particle Documentation

# Feature Box Package contents

FAQ Particle Documentation

# FAQ Package contents

Countdown Particle Documentation

# Countdown Package contents

Gantry5 Particles