About the Clubs

Print

Stock Icons

YOOtheme is a well-known template and extension provider who helps you to create professional websites. But to make your website or interface design a real eye-catcher we got one thing missing: Icons! Icons are an essential tool to simplify user interfaces. We complete this with our beautiful and handcrafted icon sets for web and print projects. We got commercial icon sets and free stuff. Enjoy browsing through all the icons at our new icons website!

Icon Club

You are looking for some high quality, royalty free, vector stock icons? Join the YOOtheme icon club! You will get full access to all our commercial icon sets which are currently available. Additionally you will also get access to all upcoming icon releases during the term of your membership. You can use our royalty free stock icons for as many clients or websites you wish.

Club Icon Sets

Club Icon Sets

All icon sets are available in the PNG file format and in 8 different standard sizes, ranging from 16x16 to 512x512 pixels. Each icon is handcrafted and optimized for each specific size. Vector PDF files of all icons are also available. They are compatible with Adobe Illustrator and can be rescaled to any size without a single loss to the details.

Read more...

Free Icon Sets

The free icon sets are also available in 32-bit transparency PNG and scaleable vector PDF format. They are designed to match with all our commercial icon sets.

Social Bookmarks Icon Set

Social Bookmarks Icon Set

This free icon set contains 47 high quality social network icons. They are perfect for displaying your social bookmarks on your website or to link to external profiles and services.

Read more...

Print

ZOO

Take the video tour on the ZOO! ZOO is a flexible and powerful content application builder to manage your content. It offers a lot of cool features like nested categories, content arrangement via drag 'n drop, a clean JavaScript powered user interface and a native comments and tagging system.

Read more...

Apps for every Purpose

Apps are little extension for ZOO 2.0 which are optimized for different types of content catalogs like blogs, business directories and many more. ZOO 2.0 already has some basic apps on board to create websites and blogs. We developed an comprehensive app bundle to cover all kinds of purposes! All of them work out of the box and get you started right away! We will develop new apps in the near future for ZOO! Our range of apps will constantly grow.

Read more...

Content Builder

One of the ZOO's key features is the ability to create your very own custom content types. For each type you create you can select the elements the type should consist of, like text, images or a file download. Any combination is imaginable! You can also add and remove elements from a custom type at any time, even if you already created items of that type. The elements are completely pluggable and can easily be added to your custom app.

Read more...

Print

Module Variations

This template's module system comes with a wide range of module styles, color variations, badges and icons. Below you can see which module styles come with color variations and with which badges and icons you can combine them.

Styles Colors Combinable
box (default), black, templatecolor Badges/Icons
line - Badges/Icons
polaroid, postit - -
Extras Variations
Badges hot, new, top, pick
Icons download, users, feed, twitter, mail, message, shopping, lock
Print

Template

Warp5 Framework

This template is based on the Warp5 framework. Warp5 is a fast and powerful template framework for Joomla that lets you create sophisticated Joomla templates in no time. It provides a hybrid fluid-pixel grid and all the elaborate functionalities that make our templates easy to edit, nice to look at and super fast, in every browser. Visit the Warp5 website and take a look at all the features...

Menu System

The menu system enhances Joomla's menu functions to create clearly arranged interfaces even for comprehensive sites. Learn more...

Module System

The module system provides a clear grid for Joomla modules and a wide diversity of templates for module variations. Learn more...


Design and Styles

We included a lot of different module and typography styles. So you can give your site a unique look and it will also ease your work when setting up your content.

Module Variations

This template comes with a wide variety of module stylings in many different shapes and colours. Take a look at all the different module variations.

Typography

This templates delivers you sophisticated typography and various stylings. Take a look at the style guide about all possible HTML tag styles.


Installation and Customization

New to YOOtheme? Don't worry! We provide a lot help to install and cutomize our tempaltes to get you started right away with your web project.

Installation Package

We provide a full Joomla installation package with the demo content of the website for this template. So you can take a look at how everything is set up in the Joomla backend.

Make sure you click "Install Sample Data" during the installation process.

Sliced Image Source Files

The editable fully sliced image source files of this template are available as download. With them you can completely customise your template's look to match your or your client's corporate identity.

Adobe Fireworks CS4 is required to edit the image source files.

Documentation and Help

Learn more about how to install and set up a YOOtheme template and go to the Warp5 documentation.

Print

Typography

Typography is a key element in web design. This templates delivers you sophisticated typography and various stylings. The style guide gives you an overview about all possible HTML tag stylings provided by the template. It also helps you to set up the available classes for special stylings.

This is an H1 Header

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

This is an H2 Header

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

This is an H3 Header

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

This is an H4 Header

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

This is an H5 Header

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

This is an H6 Header

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Dropcap: use <p class="dropcap">. Lorem ipsum dolor sit amet, consectetur adipisicing 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.


Horizontal Rule: <hr> tag with class="dotted"

Unordered List Styles

  • Default <ul> tag
  • Lorem ipsum dolor
  • Lorem ipsum dolor
  • <ul> with class="plus"
  • <ul> with class="heart"
  • <ul> with class="arrow"
  • <ul> with class="star"
  • <ul> with class="check"

Ordered List Styles

  1. Default <ol> tag
  2. Lorem ipsum dolor
  3. Lorem ipsum dolor
  1. <ol> tag with class="disc"
  2. Item 2
  3. Item 3
  4. Item 4

Div and Span Styles

<div> or <span> tag with class="note" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class="info" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class="alert" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class="download" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class="tip" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

Blockquote and Q Styles

Default <q> tag: This is a quote!

Default <blockquote> tag with block element as child:

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

<blockquote> tag with class="quotation" and an an additional <p> tag.
(use <blockquote><p>....</p></blockquote>)

Lorem ipsum dolor sit amet, consectetur adipisicing 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.


Combine Styles

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation Combine Tags with class "inset-right" or "inset-left". Example: <span class=" info inset-right width25">. 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. Lorem ipsum dolor sit amet, consectetur adipisicing 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. Combine Tags with class "inset-right" or "inset-left". Example: <q class=" blockquote inset-right width25">. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing 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. Possible Width Classes .width15, .width18, .width20, .width23, .width25, .width33, .width35, .width40, .width45, .width50 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing 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.

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. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Form Styles

Form legend

Preformatted Text Style

pre {
	margin: 10px 0 10px 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #fafafa;
	font-size: 90%;
	color: #2E8B57;
	font-family: "Courier New", Courier, monospace;
	
	/* Browser specific (not valid) styles */
	/* to make preformatted text wrap */
	 
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla */
}
		

More Articles...

About Us

For more information, read about the BGCA Native Services Unit team members and how to contact
them individually.

BGCA Mentoring

Need assistance with your BGCA National Mentoring Grant? 

Read more about managing Federal grants.

Have any questions?
Contact us. 

Contact Us

BGCA Native Services Unit
Dallas Service Center
2107 N. Collins Boulevard
Richardson, TX 75080

Direct: 972-581-2374
E-mail: BGCANS@BGCA.ORG