Pages

All Components

19 March 2021 6 min read Fiber Connect Council MENA

Line

border-color

border-color-dark

Alerts

This is a primary alert—check it out! This is a secondary alert—check it out! This is a success alert—check it out! This is a danger alert—check it out! This is a warning alert—check it out! This is a info alert—check it out! This is a light alert—check it out! This is a dark alert—check it out!

Buttons

Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Link

Outline buttons

Primary
Secondary
Success
Danger
Warning
Info
Light
Dark

Large buttons

Large button
Large button

Small buttons

Small button
Small button

Form

Radius Element

radius-sm

Primary

radius-lg

Primary

.social-list .social-lg

.social-list .social-lg .social-color

.social-list .social-lg .social-bg-color

.social-list .social-lg .social-bg-dark

.social-list .social-sm

.social-list .social-sm .social-color

.social-list .social-sm .social-bg-color

.social-list .social-sm .social-bg-dark

.social-list

.social-list .social-color

.social-list .social-bg-color

.social-list .social-bg-dark

Meta

Details By Super User

Super User

Category: Blog

Jan 26

Hits: 28

Category

I am a badge I am a badge – badge-simple I am a badge – badge-underline I am a badge – badge-bgcolor I am a badge – badge-border

Verticle Content – Category type 1

20

Card Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Card Normal – Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Card Border

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Card Border – Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Verticle Content – Category type 2

20

Card Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Card Normal – Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Card Border

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Card Border – Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Horizontal Content – card-horizontal-1

.cat-overlap can use for 2 type category: bgcolor & border

card-horizontal-1 card-item cat-overlap card-align-center

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-1 card-item cat-overlap card-align-normal

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

.cat-normal

card-horizontal-1 card-item cat-normal card-align-center

20

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-1 card-item cat-normal card-align-normal

20

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Horizontal Content – card-horizontal-2

.cat-overlap can use for 2 type category: bgcolor & border

card-horizontal-2 card-item cat-overlap card-align-center

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-2 card-item cat-overlap card-align-normal

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

.cat-normal

card-horizontal-2 card-item cat-normal card-align-center

20

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-2 card-item cat-normal card-align-normal

20

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Horizontal Content – card-horizontal-3

.cat-overlap can use for 2 type category: bgcolor & border

card-horizontal-3 card-item cat-overlap card-align-center

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-3 card-item cat-overlap card-align-normal

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

.cat-normal

card-horizontal-3 card-item cat-normal card-align-center

20

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-3 card-item cat-normal card-align-normal

20

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Block Title

text-left title-border-top-dark title-border-bottom-dark title-border-center-none

I am a Block Title

text-left title-border-top-gray title-border-bottom-gray title-border-center-none

I am a Block Title

text-left title-border-center-gray

I am a Block Title

text-left title-border-center-dark

I am a Block Title

text-center title-border-center-gray

I am a Block Title

text-center title-border-center-dark

I am a Block Title

Keep reading

More on this topic.

Offline Page

Each JA Joomla Template has its own matching Offline page. Below is the screenshot of Offline page style.

Three column layout (Left + Body + Right)

Error Page

Each JA Joomla Template has its own matching 404 page. Below is the screenshot of 404 page style.