Footer Info particle

  • Tony
  • 10 April 2020
  • 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.

Read More

Contact Info Particle

  • Tony
  • 10 April 2020
  • 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.

Read More

Headroom Atom Documentation

  • Tony
  • 9 April 2020
  • 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.

Read More

Code Particle Documentation

  • Tony
  • 9 April 2020
  • 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.

Read More

Articles/Posts Gallery Documentation

  • Tony
  • 9 April 2020
  • 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.

Read More

Logo Advanced Particle

  • Tony
  • 8 April 2020
  • 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.

Read More

Offcanvas Content particle documentation

  • Tony
  • 8 April 2020
  • Docs
Create an off-canvas sidebar with your custom content (menu items, text or social icons)that slides in and out of the page, which is perfect for creating mobile navigations. See live Demo Page.

# Offcanvas Content Package contents

Files Description
jloffcanvascontent.yaml Contains the Offcanvas Content particle settings.
jloffcanvascontent.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.

Read More

Price List Particle documentation

  • Tony
  • 8 April 2020
  • Docs
Keep convincing the visitors in the powerful benefits of your services and products using the simple and stylish Price list particle for Gantry5, made for showcasing the pricing information. See Demo Page.

# Price List Package contents

Files Description
jlpricelist.yaml Contains the Price List particle settings.
jlpricelist.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.

Read More

Facebook page documentation

  • Tony
  • 8 April 2020
  • Docs
Place your Facebook page in a Like box across your website, to get more Likes and followers. See how Facebook page can be designed beautifully on Demo Page.

# Facebook page Package contents

Files Description
jlfacebookpage.yaml Contains the Facebook page particle settings.
jlfacebookpage.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.

Read More

Facebook embed documentation

  • Tony
  • 8 April 2020
  • Docs
Share facebook videos/posts/comments on your sites to get them to perform even better and get more views. See how Facebook embed can be designed beautifully on Demo Page.

# Facebook embed Package contents

Files Description
jlfacebookembed.yaml Contains the Facebook embed particle settings.
jlfacebookembed.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.

Read More

Facebook button documentation

  • Tony
  • 8 April 2020
  • Docs
Get the ultimate Facebook widgets pack to help you grow your social media presence. See how Facebook button can be designed beautifully on Demo Page.

# Facebook button Package contents

Files Description
jlfacebookbutton.yaml Contains the Facebook button particle settings.
jlfacebookbutton.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.

Read More

Open Street Map Particle

  • Tony
  • 8 April 2020
  • 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.

# Open Street Map Package contents

Files Description
jlopenstreetmap.yaml Contains the Open Street Map particle settings.
jlopenstreetmap.html.twig The Twig file to pull information, settings.
leaflet.css Contains the Leaflet CSS.

leaflet.js Contains the Leaflet library for mobile-friendly interactive maps.

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

Read More

Article/Post List Particle

  • Tony
  • 8 April 2020
  • Docs
Easily create nice looking article lists or Post Lists, which come in different styles. See how Article/Post List can be designed beautifully on Joomla Demo | WordPress Demo.
  • # Article List Joomla Package contents

    Files Description
    jlarticlelist.yaml Contains the Article List Joomla particle settings.
    jlarticlelist.html.twig The Twig file to pull information, settings.
  • # Post List WordPress Package contents

    Files Description
    jlpostlist.yaml Contains the Post List WordPress particle settings.

    jlpostlist.html.twig The Twig file to pull information, settings.
  • # Content List Grav Package contents

    Files Description
    jlcontentlistgrav.yaml Contains the Content List Grav particle settings.

    jlcontentlistgrav.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.

Read More

Inline Svg Particle

  • Tony
  • 8 April 2020
  • Docs
Add any SVG file such as an icon or artwork and change it’s colour and size. See the live Demo Page.

# Inline Svg Package contents

Files Description
jlinlinesvg.yaml Contains the Inline Svg particle settings.
jlinlinesvg.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.

Read More