Tony, Author at JoomLead

Card Slider Particle

Docs

The Card Slider particle displays multiple Card elements in an image slider. See how Card slider can be designed beautifully on Demo Page.

# Card Slider Package contents

Files	Description
jlcardslider.yaml	Contains the Card slider particle field settings.
jlcardslider.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 vertical navigation bar that can be used for your main site navigation, including Logo, Menu, Search form, Social icons. Check Thisone, Vking to see how it works. You can use this particle to create a vertical nav for desktop and use Menucanvas particle to handle the mobile navigation.

# JL Vertical Nav Joomla Packages

Files	Description
jlverticalnav.yaml	Contains the Vertical Nav particle settings.
jlverticalnav.html.twig	The Twig file to pull information, settings.

# JL Vertical Nav WordPress Packages

Files	Description
jlverticalnavwp.yaml	Contains the Vertical Nav particle settings.
jlverticalnavwp.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

Adds smooth scrolling when clicking on the navigation and automatically selects the correct navigation items as you are scrolling through the different sections. See how Onepage Navigation can be used for Amara, Destiny, Thisone for example.

# Onepage Nav Package contents

Files	Description
onepage.yaml	Contains the Popup particle settings.
onepage.html.twig	The Twig file to pull information, settings.
jquery.nav.js	Contains the JavaScript to handle the smooth scrolling when clicking on the navigation.

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

Documentation

Introduction

This document covers Joomla 4 and Joomla 5 template installation, quickstart (demo packages), template/theme setup, and the use of Joomlead templates. It provides answers and solutions to many common problems. We encourage you to thoroughly read this document if you are experiencing any difficulties before contacting our support team.

For detailed documentation on Gantry 5, please visit the official website at https://docs.gantry.org/ (A Complete Guide to the Gantry 5 Framework).

If you have any questions that are beyond the scope of this document, feel free to ask via our ticket support system: Ticket System

Documentation

Introduction

This document covers installation, set up, and use of this theme. It provides answers and solutions to many common problems. We therefore encourage you to read this document thoroughly if you are experiencing any difficulties before contacting our support team.

If you have any questions that are beyond the scope of this document, feel free to ask via ticket support system: Ticket System

Docs

Create modal dialogs with different styles and transitions. See how Popup can be designed beautifully on Demo Page.

# Popup Package contents

Files	Description
jlpopup.yaml	Contains the Popup particle settings.
jlpopup.html.twig	The Twig file to pull information, settings.
js.cookie.min.js	Contains the JavaScript to handle the cookie.

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

Docs

Defines different styles for list navigations. See Demo Page.

# Menu Canvas Joomla Package contents

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

# JL Nav WordPress Package contents

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

# JL Nav Grav Package contents

Files	Description
jlnav.yaml	Contains the Nav particle settings.
jlnav.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 navigation bar that can be used for your main site navigation(included 13 pre-defined header layouts), including Logo, Menu, Search form, Social icons and Offcanvas bar. See Demo Page.

# JL Navbar Joomla Package contents

Files	Description
jlnavbar.yaml	Contains the Navbar particle settings.
jlnavbar.html.twig	The Twig file to pull information, settings.
jlnavcanvas.html.twig	The Twig file to pull the Off-canvas information, settings on mobile/tablet devices.

# JL Navbar WordPress Package contents

Files	Description
jlnavbar.yaml	Contains the Navbar particle settings.
jlnavbar.html.twig	The Twig file to pull information, settings.
jlnavcanvas.html.twig	The Twig file to pull the Off-canvas information, settings on mobile/tablet devices.

# JL Navbar Grav Package contents

Files	Description
jlnavbar.yaml	Contains the Navbar particle settings.
jlnavbar.html.twig	The Twig file to pull information, settings.
jlnavcanvas.html.twig	The Twig file to pull the Off-canvas information, settings on mobile/tablet devices.

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

Docs

Create footer info with logo, content and social icons to present your business info. See live Demo Page.

# Footer Info Package contents

Files	Description
jlfooterinfo.yaml	Contains the Footer Info particle settings.
jlfooterinfo.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

Defines a list contact info for your website. See the live Demo Page.

# Contact Info Package contents

Files	Description
jlcontactinfo.yaml	Contains the Contact Info particle settings.
jlcontactinfo.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 Navigation remain at the top of the viewport, like a sticky navigation. See live Demo Page.

For sticky built in with Uikit (pure and not using extended js/css), please check the sticky atom.

# Headroom Atom Package contents

Files	Description
jlheadroom.yaml	Contains the Headroom Atom settings.
jlheadroom.html.twig	The Twig file to pull information, settings.
headroom.css	Contains the Headroom style CSS.
headroom.min.js	Contains the Headroom JavaScript.

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

Docs

Display multiple lines of code in a preformatted text block. See live Demo Page.

# Code Package contents

Files	Description
jlcode.yaml	Contains the Code particle settings.
jlcode.html.twig	The Twig file to pull information, settings.
monokai.css	Contains the Monokai style CSS.
highlight.min.js	Contains the Highlight JavaScript.

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

Docs

Present the Joomla Articles or WordPress Posts in a beautiful gallery. See how Articles Gallery can be designed beautifully on Joomla Demo | WordPress Demo.

# Articles Gallery Joomla Package contents

Files	Description
jlarticlegallery.yaml	Contains the Articles Gallery Joomla particle settings.
jlarticlegallery.html.twig	The Twig file to pull information, settings.

# Posts Gallery WordPress Package contents

Files	Description
jlpostgallerywp.yaml	Contains the Posts Gallery WordPress particle settings.
jlpostgallerywp.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

Extend the logo with custom dropdown content and animation on hover. See live Demo Page.

# Logo Advanced Package contents

Files	Description
jllogo.yaml	Contains the Logo Advanced particle settings.
jllogo.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: Tony

Card Slider Particle

# Card Slider Package contents

JL Vertical Nav Particle

# JL Vertical Nav Joomla Packages

# JL Vertical Nav WordPress Packages

Onepage Navigation Particle

# Onepage Nav Package contents

Joomla 5 Quickstart Documentation

Introduction

WP Theme Documentation

Introduction

JL Popup Atom Documentation

# Popup Package contents

JL Nav Particle

# Menu Canvas Joomla Package contents

# JL Nav WordPress Package contents

# JL Nav Grav Package contents

JL Navbar Particle

# JL Navbar Joomla Package contents

# JL Navbar WordPress Package contents

# JL Navbar Grav Package contents

Footer Info particle

# Footer Info Package contents

Contact Info Particle

# Contact Info Package contents

Headroom Atom Documentation

# Headroom Atom Package contents

Code Particle Documentation

# Code Package contents

Articles/Posts Gallery Documentation

# Articles Gallery Joomla Package contents

# Posts Gallery WordPress Package contents

Logo Advanced Particle

# Logo Advanced Package contents

Gantry5 Particles