Color Swatches

Brand Colors

#01579b
Brand Primary
#88cc00
Brand Secondary
#f0ad4e
Brand Warning
#d9534f
Brand Danger
#5bc0de
Brand Info
#669900
Brand Success

Grayscale Levels

#222222
Gray Darker
#333333
Gray Dark
#555555
Gray
#999999
Gray Light
#eeeeee
Gray Lighter
#f7f7f7
Gray Lightest

Buttons

Buttons

Normal Button Primary Button Second Button

Warning Button Danger Button Info Button

Action Link

Action

Blockquotes

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

Quote's author in Source Title

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

Quote's author in Source Title

Core Typography

Headings

h1. Heading Secondary text

h2. Heading Secondary text

h3. Heading Secondary text

h4. Heading Secondary text

h5. Heading Secondary text
h6. Heading Secondary text

TIPS: Create lighter, secondary text in any heading with a generic <small> tag or the .small class.

Example body text

This is a lead paragraph.
Make a paragraph stand out by adding .lead.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus.

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

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

Address

Company Name
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
P: (123) 456-7890
This email address is being protected from spambots. You need JavaScript enabled to view it.

Emphasis classes

This is a .mute paragraph.

This is a .text-primary paragraph.

This is a .text-warning paragraph.

This is a .text-danger paragraph.

This is a .text-success paragraph.

This is a .text-info paragraph.

Alignment classes

This is a left aligned text .text-left

This is a center aligned text .text-center

This is a right aligned text .text-right

This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with .text-justify class.

Navigations

Tabs

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

Vertical Menus

Forms

Inputs

Indicators

Alerts and Notifications

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.

Badges

Labels

Default Primary Success Info Warning Danger

Misc

List groups

  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • Morbi leo risus
  • 1 Morbi leo risus
  • 2 Dapibus ac facilisis in
9 Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

List group item heading

Donec id elit non mi porta gravida at eget metus risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus.

List group item heading

Donec id elit non mi porta gravida at eget metus.

Panels

Panel heading

Panel content

Panel primary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

Wells

Look, I'm in a small well!
Look, I'm in a well!
Look, I'm in a large well!

Sagittis euismod lorem sodales consectetuer orci turpis condimentum quis condimentum senectus. At ut urna convallis lacinia ac libero condimentum penatibus nisl Nullam. Pellentesque nec tempus porttitor et iaculis sem Morbi faucibus id nibh. Proin Fusce lacinia Phasellus leo turpis Duis Mauris egestas vitae Pellentesque. Accumsan mus Pellentesque et lacus vitae dui Curabitur et Curabitur interdum. Auctor Phasellus lacinia fringilla euismod augue nibh lorem laoreet habitasse ac. Eleifend platea condimentum.

How it work

Fringilla nascetur Nam orci tempus magnis non ac sed enim et. Quam ut lobortis volutpat Fusce condimentum aliquam elit enim nec odio. Nisl nonummy Curabitur elit nascetur euismod lobortis sagittis velit habitant justo. Ornare id amet lacus mauris hendrerit parturient laoreet felis id gravida.

Announcement

Nulla wisi eros scelerisque vestibulum curabitur metus purus dui nibh fringilla.

Save time & Save money

Nulla wisi eros scelerisque vestibulum curabitur metus purus dui nibh fringilla.

Rocket

Nulla wisi eros scelerisque vestibulum curabitur metus purus dui nibh fringilla.

CEO

Fringilla nascetur Nam orci tempus magnis non ac sed enim et. Quam ut lobortis volutpat Fusce condimentum aliquam elit enim nec odio. Nisl nonummy Curabitur elit nascetur euismod lobortis sagittis velit habitant justo. Ornare id amet lacus mauris hendrerit parturient laoreet felis id gravida.

CEO

Vincent Manning

CEO - Co Founder

Tellus eros vel fringilla pretium justo semper id sit Nam consequat. In turpis eget tellus tempor felis et tempus lacinia Vivamus auctor.

CEO

Grant Moody

CEO - Co Founder

Tellus eros vel fringilla pretium justo semper id sit Nam consequat. In turpis eget tellus tempor felis et tempus lacinia Vivamus auctor.

CEO

Clayton Thomas

CEO - Co Founder

Tellus eros vel fringilla pretium justo semper id sit Nam consequat. In turpis eget tellus tempor felis et tempus lacinia Vivamus auctor.

Our customer say

Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

Pricing table style 1

Porttitor elit et eget Vestibulum Curabitur morbi convallis eget wisi orci. Sed vel ligula Integer augue elit porttitor non et leo augue. Eu lacus cursus ipsum parturient a ultrices feugiat dui accumsan turpis.

Standard$99
  • Unlimited Domains
  • 6 months support (1 domain)
  • Access to Wiki
  • Responsive Design
  • No Theme Designer
  • User Profile Management
  • Photos & Videos Gallery
  • Organic User Groups
  • Events Management
  • 100% access to source code
  • FREE Access to JomSocial Video Course
  • Joomla 2.5 & 3
Order now
Professional$149
  • Unlimited Domains
  • 6 months support (1 domain)
  • Access to Wiki
  • Responsive Design
  • No Theme Designer
  • User Profile Management
  • Photos & Videos Gallery
  • Organic User Groups
  • Events Management
  • 100% access to source code
  • FREE Access to JomSocial Video Course
  • Joomla 2.5 & 3
Order now
Supercharged$299
  • Unlimited Domains
  • 6 months support (1 domain)
  • Access to Wiki
  • Responsive Design
  • No Theme Designer
  • User Profile Management
  • Photos & Videos Gallery
  • Organic User Groups
  • Events Management
  • 100% access to source code
  • FREE Access to JomSocial Video Course
  • Joomla 2.5 & 3
Order now

Pricing table style 2

Porttitor elit et eget Vestibulum Curabitur morbi convallis eget wisi orci. Sed vel ligula Integer augue elit porttitor non et leo augue. Eu lacus cursus ipsum parturient a ultrices feugiat dui accumsan turpis.

Standard$99
  • Unlimited Domains
  • 6 months support (1 domain)
  • Access to Wiki
  • Responsive Design
  • No Theme Designer
  • User Profile Management
  • Photos & Videos Gallery
  • Organic User Groups
  • Events Management
  • 100% access to source code
  • FREE Access to JomSocial Video Course
  • Joomla 2.5 & 3
Order now
Professional$149
  • Unlimited Domains
  • 6 months support (1 domain)
  • Access to Wiki
  • Responsive Design
  • No Theme Designer
  • User Profile Management
  • Photos & Videos Gallery
  • Organic User Groups
  • Events Management
  • 100% access to source code
  • FREE Access to JomSocial Video Course
  • Joomla 2.5 & 3
Order now
Supercharged$299
  • Unlimited Domains
  • 6 months support (1 domain)
  • Access to Wiki
  • Responsive Design
  • No Theme Designer
  • User Profile Management
  • Photos & Videos Gallery
  • Organic User Groups
  • Events Management
  • 100% access to source code
  • FREE Access to JomSocial Video Course
  • Joomla 2.5 & 3
Order now

Frequently Asked Questions

If I'm not satisfied with JomSocial, can I get a refund?

Auctor elit quis ipsum nam Integer justo quisque duis pellentesque ligula. Ut vel laoreet vitae tempus elit tincidunt odio ante lacus Cum.

Is your source code encoded?

Auctor elit quis ipsum nam Integer justo quisque duis pellentesque ligula. Ut vel laoreet vitae tempus elit tincidunt odio ante lacus Cum.

Can I install JomSocial on more than one domain?

Auctor elit quis ipsum nam Integer justo quisque duis pellentesque ligula. Ut vel laoreet vitae tempus elit tincidunt odio ante lacus Cum.

Can I remove the backlink on the standard licence ?

Auctor elit quis ipsum nam Integer justo quisque duis pellentesque ligula. Ut vel laoreet vitae tempus elit tincidunt odio ante lacus Cum.

Porttitor elit et eget vestibulum curabitur morbi convallis eget wisi orci. Sed vel ligula Integer augue elit porttitor non et leo augue.

More Articles ...

  1. Must change
  2. Support page
  3. Sample product page
  4. Error page

Subcategories