New York City Financial Advisor
office@example.com
+1 541-754-3010
Fina
  • Home
  • Features
    • Theme Typography
    • UIkit Typography
    • Block Variations
    • Header Layouts
    • Gantry5 Particles
    • Documentation
  • Pages
    • About Us
    • Team
    • Contact Us
    • Login
    • Registration
    • Blog
    • 404
  • Pricing
  • Login
    • Login Dropdown

      • Forgot your password?
      • Forgot your username?
  • Styles
    • Preset 1
    • Preset 2
    • Preset 3
    • Preset 4
    • Preset 5
    • Preset 6
Fina
  • Home
  • Features
    • Theme Typography
    • UIkit Typography
    • Block Variations
    • Header Layouts
    • Gantry5 Particles
    • Documentation
  • Pages
    • About Us
    • Team
    • Contact Us
    • Login
    • Registration
    • Blog
    • 404
  • Pricing
  • Login
      • Forgot your password?
      • Forgot your username?
  • Styles
    • Preset 1
    • Preset 2
    • Preset 3
    • Preset 4
    • Preset 5
    • Preset 6

Header Layouts

Written by admin on 18 December 2021. Posted in Features.

Create a navigation bar that can be used for your main site navigation. The theme included JL Navbar particle with 10 predefined header layouts.

Customize the header and navigation bar of your website can be found in the Base Outline → Navigation section of the theme.

Check the live demo here.

Variations

Written by admin on 18 December 2021. Posted in Features.

Basic Box Variations

Box 1

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 2

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 3

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 4

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 5

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 6

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Inverse (Custom card)

Add the jl-light class to improve the visibility of objects on dark backgrounds in a light style. When using a dark style, add the jl-dark class to elements on a light background.

Light

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Dark

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Theme Typography

Written by admin on 16 May 2021. Posted in Features.

Headings

All HTML headings, <h1> through <h6> are available.

Typography (h1)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p)

Lorem Ipsum Dolor Sit Amet (h2)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit (strong), sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p)

Lorem Ipsum Dolor Sit Amet (h3)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p)

Lorem Ipsum Dolor Sit Amet (h4)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p)

Lorem Ipsum Dolor Sit Amet (h5)

Joomla 4 bootstrap 5 button

secondary primary info success warning danger

text-secondary text-primary text-info text-success text-warning text-danger

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p)

Lorem ipsum dolor (a)

Lists

(ol)(li)

  1. Lorem ipsum dolor sit amet consectetur
  2. Lorem ipsum dolor sit amet consectetur

(ul)(li)

  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur

Theme Buttons

Buttons have a number of great variations to choose from. You should note that in the HTML breakdown we have added a button class in addition to the variation, which is a requirement for these particular variations to work. You can also combine these variations.

Default Button   Button Primary   Button Secondary   Button Danger   Button Text

<a href="#" class="jl-button jl-button-default">Default Button</a>
<a href="#" class="jl-button jl-button-primary">Button Primary</a>
<a href="#" class="jl-button jl-button-secondary">Button Secondary</a>
<a href="#" class="jl-button jl-button-danger">Button Danger</a>
<a href="#" class="jl-button jl-button-text">Button Text</a>

Notice Styles

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<p class="alert alert-success">…</p>

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<p class="alert alert-info">…</p>

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<p class="alert alert-warning">…</p>

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<p class="alert alert-error">…</p>

Blockquotes

For quoting blocks of content from another source within your document.

Default blockquote

Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

Blockquote options

Style and content changes for simple variations on a standard blockquote.

Naming a source

Add <small> tag for identifying the source. Wrap the name of the source work in <cite>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p><small>Someone famous <cite title="Source Title">Source Title</cite></small></blockquote>

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title

Tables

# First Name Last Name Username
1 John Doe JohnDoe
2 Jane Doe JaneDoe
3 Bob Doe BobDoe

<table class="table">…</table>

About Us

Fina a trusted name for providing assistants. who are loyal to their industry, trained and professional.

  • 838 Andy Street, Madison, NJ 08003.
  • Email: support@my-domain.com
  • Support: 0100-5200-369

Latest News

A digital prescription for the pharma industry

5 Rules to Improve Your Financial Health

Letter of Interest: Purpose, Example & Tips

Stick with Your Concept but Do Your Homework

Harvest great ideas from your company’s best assets

What We Do

  • Financial Advice
  • Planning Strategies
  • Taxation Planning
  • Investment Trading
  • Wealth Marketing
  • Our Services
  • Stats Element

Useful Links

  • About Us
  • How to work
  • Privacy Policy
  • Our Media
  • Contact Us

  • Feature
  • Portfolio
  • News
  • Partners
© 2025 Fina JoomLead Templates