Basic Box Variations
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.
Create a navigation bar that can be used for your main site navigation. The theme included JL Navbar particle with 10 predefined header layouts. Choose between 10 different header layouts and select one of the many navigation options to create the perfect header for your Joomla, WordPress or Grav website.
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.
Article Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- a element
- abbr element
code elementdel element- dfn element
- Link Muted
- em element
- ins element
- mark element
q
inside
a q- strong element
- Link Reset
- Text Muted
- Text Emphasis
- Text Primary
- Text Secondary
- Text Success
- Text Warning
- Text Danger
- Default
- Success
- Warning
- Danger
- 1
<div class="myclass">…<div>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.
| Table Heading | Table Heading | Table Heading |
|---|---|---|
| Table Data | Table Data | Table Data |
| Table Data | Table Data | Table Data |
| Table Data | Table Data | Table Data |
| Table Data | Table Data | Table Data |
2X-Large
X-Large
Heading L
Heading M
Heading S
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
Heading Divider
Heading Bullet
Heading Line
365
:
18
:
21
:
05
- ActiveSubtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.
- ItemSubtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.
- ItemSubtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.
- ItemSubtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Page 3 of 3