Historia

Swift Club Chile, fundado el 21/10/08. Nuestro club se formó por la necesidad de compartir experiencias y mejoras en nuestros autos. Gracias a esto hemos formado un grupo de amigos con los mismos gustos, intereses y pasión sobre este modelo; Swifteros de corazón que miman y cuidan sus máquinas como a ningún otro auto que hayan tenido y compartan las ganas de mantenerlo en óptimas condiciones. Locos por los autos, por compartir conocimientos, picadas, datos, importaciones, accesorios, etc. de todo cuanto hay para equipar nuestros Swift y sin fines de lucro.

SI QUIERES UNIRTE A ESTA GRAN FAMILIA, SOLO BUSCANOS EN FACEBOOK Y ENVIANOS UN MENSAJE, TAMBIEN PUEDES ASISTIR A ALGUNA DE NUESTRAS JUNTAS.... TE ESPERAMOS!

Meetings

07 de Abril - Nocturna - Mall Plaza Sur - 21:00 Horas

Thursday, 06 September 2012 06:49

Testimonial

Praesent lobortis eleifend ultrices. In consectetur aliquam quam eu auctor. In sagittis sem a libero fermentum ultrices eu ut felis. Pellentesque vulputate, justo in sodales bibendum, tellus lectus vehicula dolor, quis sollicitudin diam diam quis dui. Sed volutpat sapien vitae lacus dictum facilisis. Etiam mattis auctor ligula eget convallis. Sed malesuada metus nec diam mattis auctor. Mauris tellus lacus, consequat quis dapibus in, feugiat vel dolor.
Zootemplate, Developer

Get the code

[testimonial author='TESTIMONIAL_AUTHOR' position='AUTHOR_POSITION']ADD_TESTIMONIAL_HERE[/testimonial]
Thursday, 06 September 2012 06:46

Tabs

  • Duis a odio ac nisl ullamcorper consectetur sed id nisi. Nulla a posuere lorem. Fusce varius lacinia tellus, non ultricies ipsum malesuada vitae. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec et dolor quis purus posuere vehicula a quis lorem. Ut pharetra diam id lorem interdum a porta odio egestas. Nulla et enim sem. Maecenas nec orci nec lectus viverra eleifend non at est. Mauris tempor massa in velit luctus ut pharetra sem rutrum. Etiam a vestibulum sapien. Phasellus quis ante nisl, sit amet gravida velit. Ut varius nulla nec ipsum condimentum fermentum. Curabitur adipiscing mattis dui eget sollicitudin. Ut suscipit, metus et imperdiet pharetra, sem est eleifend justo, sit amet ultricies arcu sem sit amet turpis. Nulla neque erat, interdum at dignissim ac, porttitor a ipsum.
  • Donec velit nulla, interdum vitae egestas eget, faucibus sit amet dolor. Ut ac justo neque. Vivamus pulvinar ipsum nisi, vitae tempor dui. Aenean mollis iaculis nulla, at sollicitudin orci euismod a. In hac habitasse platea dictumst. Suspendisse scelerisque rhoncus lorem ac aliquet. Donec pretium sapien sit amet felis vehicula molestie. Sed eget turpis massa.
  • Mauris sit amet lectus elit, a tempor velit. Aenean ut magna viverra nulla consectetur dictum eu ac enim. Praesent et metus non purus bibendum blandit non ac eros. Sed facilisis sodales scelerisque. Sed sodales tortor sed mauris ornare at cursus libero vehicula. Nullam nec leo nibh. Fusce sollicitudin sem porta nulla mattis congue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Get the code

[tabs]
[tab_item title='ITEM_TITLE']ADD_CONTENT_HERE[/tab_item]
[tab_item title='ITEM_TITLE']ADD_CONTENT_HERE[/tab_item]
[tab_item title='ITEM_TITLE']ADD_CONTENT_HERE[/tab_item]
[/tabs]
Thursday, 06 September 2012 06:46

Syntax Highlighting

class modMenuHelper
{
	/**
	 * Get a list of the menu items.
	 *
	 * @param	JRegistry	$params	The module options.
	 *
	 * @return	array
	 * @since	1.5
	 */
	static function getList(&$params)
	{
		$app = JFactory::getApplication();
		$menu = $app->getMenu();

		// If no active menu, use default
		$active = ($menu->getActive()) ? $menu->getActive() : $menu->getDefault();

		$user = JFactory::getUser();
		$levels = $user->getAuthorisedViewLevels();
		asort($levels);
		$key = 'menu_items'.$params.implode(',', $levels).'.'.$active->id;
		$cache = JFactory::getCache('mod_menu', '');
		if (!($items = $cache->get($key)))
		{
			// Initialise variables.
			$list		= array();
			$db			= JFactory::getDbo();

			$path		= $active->tree;
			$start		= (int) $params->get('startLevel');
			$end		= (int) $params->get('endLevel');
			$showAll	= $params->get('showAllChildren');
			$items 		= $menu->getItems('menutype', $params->get('menutype'));

			$lastitem	= 0;

			if ($items) {
				foreach($items as $i => $item)
				{
					if (($start && $start > $item->level)
						|| ($end && $item->level > $end)
						|| (!$showAll && $item->level > 1 && !in_array($item->parent_id, $path))
						|| ($start > 1 && !in_array($item->tree[$start-2], $path))
					) {
						unset($items[$i]);
						continue;
					}

					$item->deeper = false;
					$item->shallower = false;
					$item->level_diff = 0;

					if (isset($items[$lastitem])) {
						$items[$lastitem]->deeper		= ($item->level > $items[$lastitem]->level);
						$items[$lastitem]->shallower	= ($item->level < $items[$lastitem]->level);
						$items[$lastitem]->level_diff	= ($items[$lastitem]->level - $item->level);
					}

					$item->parent = (boolean) $menu->getItems('parent_id', (int) $item->id, true);

					$lastitem			= $i;
					$item->active		= false;
					$item->flink = $item->link;

					// Reverted back for CMS version 2.5.6
					switch ($item->type)
					{
						case 'separator':
							// No further action needed.
							continue;

						case 'url':
							if ((strpos($item->link, 'index.php?') === 0) && (strpos($item->link, 'Itemid=') === false)) {
								// If this is an internal Joomla link, ensure the Itemid is set.
								$item->flink = $item->link.'&Itemid='.$item->id;
							}
							break;

						case 'alias':
							// If this is an alias use the item id stored in the parameters to make the link.
							$item->flink = 'index.php?Itemid='.$item->params->get('aliasoptions');
							break;

						default:
							$router = JSite::getRouter();
							if ($router->getMode() == JROUTER_MODE_SEF) {
								$item->flink = 'index.php?Itemid='.$item->id;
							}
							else {
								$item->flink .= '&Itemid='.$item->id;
							}
							break;
					}

					if (strcasecmp(substr($item->flink, 0, 4), 'http') && (strpos($item->flink, 'index.php?') !== false)) {
						$item->flink = JRoute::_($item->flink, true, $item->params->get('secure'));
					}
					else {
						$item->flink = JRoute::_($item->flink);
					}

					$item->title = htmlspecialchars($item->title);
					$item->anchor_css = htmlspecialchars($item->params->get('menu-anchor_css', ''));
					$item->anchor_title = htmlspecialchars($item->params->get('menu-anchor_title', ''));
					$item->menu_image = $item->params->get('menu_image', '') ? htmlspecialchars($item->params->get('menu_image', '')) : '';
				}

				if (isset($items[$lastitem])) {
					$items[$lastitem]->deeper		= (($start?$start:1) > $items[$lastitem]->level);
					$items[$lastitem]->shallower	= (($start?$start:1) < $items[$lastitem]->level);
					$items[$lastitem]->level_diff	= ($items[$lastitem]->level - ($start?$start:1));
				}
			}

			$cache->store($items, $key);
		}
		return $items;
	}
}

Get the code

[highlighter lang="php" linenums="true" startnums="1"]YOUR_CODE_HERE[/highlighter]
Thursday, 06 September 2012 06:46

Social icon

Get the code

 [social type="facebook" opacity='dark']PLACE_LINK_HERE[/social] 
[social type="twitter" opacity='dark']PLACE_LINK_HERE[/social]
[social type="delicious" opacity='dark']PLACE_LINK_HERE[/social]
[social type="deviantart" opacity='dark']PLACE_LINK_HERE[/social]
[social type="digg" opacity='dark']PLACE_LINK_HERE[/social]
[social type="flickr" opacity='dark']PLACE_LINK_HERE[/social]
[social type="lastfm" opacity='dark']PLACE_LINK_HERE[/social]
[social type="picasa" opacity='dark']PLACE_LINK_HERE[/social]
[social type="rss" opacity='dark']PLACE_LINK_HERE[/social]
[social type="skype" opacity='dark']PLACE_LINK_HERE[/social]
[social type="stumble-upon" opacity='dark']PLACE_LINK_HERE[/social]
[social type="tumblr" opacity='dark']PLACE_LINK_HERE[/social]
[social type="youtube" opacity='dark']PLACE_LINK_HERE[/social]
[social type="vimeo" opacity='dark']PLACE_LINK_HERE[/social]
Thursday, 06 September 2012 06:45

Pricing Tables

Starter Package

$19/month

  • 75 GB storage
  • 300 GB Bandwidth / month
  • 10 users
  • 3 MySQL Databases
Sign Up
Premium Package

$59/month

  • 300 GB storage
  • 1000 GB Bandwidth / month
  • 100 users
  • 100 MySQL Databases
Sign Up

Get The Code

 [pricing columns="3"]
[plan title="Starter Package" button_link="http://zo2framework.org" button_label="Sign Up" price="$19" featured="false" per="month"]
<ul>
<li><strong>75 GB</strong> storage</li>
<li><strong>300 GB Bandwidth / month</strong></li>
<li><strong>10</strong> users</li>
<li><strong>3 MySQL Databases</strong></li>
</ul>
[/plan]
[plan title="Standard Package" button_link="http://zo2framework.org" button_label="Sign Up" price="$39" featured="true" per="month"]
<ul>
<li><strong>150 GB</strong> storage</li>
<li><strong>600 GB Bandwidth / month</strong></li>
<li><strong>40</strong> users</li>
<li><strong>20 MySQL Databases</strong></li>
</ul>
[/plan]
[plan title="Premium Package" button_link="http://zo2framework.org" button_label="Sign Up" price="$59" featured="false" per="month"]
<ul>
<li><strong>300 GB</strong> storage</li>
<li><strong>1000 GB Bandwidth / month</strong></li>
<li><strong>100</strong> users</li>
<li><strong>100 MySQL Databases</strong></li>
</ul>
[/plan]
[/pricing]
Starter Package

$19/month

  • 75 GB storage
  • 300 GB Bandwidth / month
  • 10 users
  • 3 MySQL Databases
Sign Up
Premium Package

$59/month

  • 300 GB storage
  • 1000 GB Bandwidth / month
  • 100 users
  • 100 MySQL Databases
Sign Up
Unlimited Package

$100/month

  • Unlimited GB storage
  • Bandwidth / month
  • Unlimited users
  • MySQL Databases
Sign Up

Get The Code

 [pricing columns="3"]
[plan title="Starter Package" button_link="http://zo2framework.org" button_label="Sign Up" price="$19" featured="false" per="month"]
<ul>
<li><strong>75 GB</strong> storage</li>
<li><strong>300 GB Bandwidth / month</strong></li>
<li><strong>10</strong> users</li>
<li><strong>3 MySQL Databases</strong></li>
</ul>
[/plan]
[plan title="Standard Package" button_link="http://zo2framework.org" button_label="Sign Up" price="$39" featured="true" per="month"]
<ul>
<li><strong>150 GB</strong> storage</li>
<li><strong>600 GB Bandwidth / month</strong></li>
<li><strong>40</strong> users</li>
<li><strong>20 MySQL Databases</strong></li>
</ul>
[/plan]
[plan title="Premium Package" button_link="http://zo2framework.org" button_label="Sign Up" price="$59" featured="false" per="month"]
<ul>
<li><strong>300 GB</strong> storage</li>
<li><strong>1000 GB Bandwidth / month</strong></li>
<li><strong>100</strong> users</li>
<li><strong>100 MySQL Databases</strong></li>
</ul>
[/plan]
[plan title="Unlimited Package" button_link="http://zo2framework.org" button_label="Sign Up" price="$100" featured="false" per="month"]
<ul>
<li><strong>Unlimited GB</strong> storage</li>
<li><strong>Unlimited Bandwidth / month</strong></li>
<li><strong>Unlimited</strong> users</li>
<li><strong>100 MySQL Databases</strong></li>
</ul>
[/plan]
[/pricing]
Thursday, 06 September 2012 06:42

Message Box

Donec laoreet
Curabitur ultricies tellus in sapien sodales vel mattis nulla tempor. Curabitur lacus purus, congue non rhoncus non, luctus ut nisl. Sed facilisis convallis augue, et facilisis magna lacinia a. Nulla facilisi. Nullam sit amet tellus nec eros blandit gravida. Curabitur at mi sit amet nisl hendrerit condimentum. Nunc bibendum tellus eget diam mollis a imperdiet neque condimentum. Ut vel nulla neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae nisl at nisl sagittis ultrices et eu nulla. Praesent aliquet tincidunt quam vitae tempor.

Donec laoreet
Curabitur ultricies tellus in sapien sodales vel mattis nulla tempor. Curabitur lacus purus, congue non rhoncus non, luctus ut nisl. Sed facilisis convallis augue, et facilisis magna lacinia a. Nulla facilisi. Nullam sit amet tellus nec eros blandit gravida. Curabitur at mi sit amet nisl hendrerit condimentum. Nunc bibendum tellus eget diam mollis a imperdiet neque condimentum. Ut vel nulla neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae nisl at nisl sagittis ultrices et eu nulla. Praesent aliquet tincidunt quam vitae tempor.

Donec laoreet
Curabitur ultricies tellus in sapien sodales vel mattis nulla tempor. Curabitur lacus purus, congue non rhoncus non, luctus ut nisl. Sed facilisis convallis augue, et facilisis magna lacinia a. Nulla facilisi. Nullam sit amet tellus nec eros blandit gravida. Curabitur at mi sit amet nisl hendrerit condimentum. Nunc bibendum tellus eget diam mollis a imperdiet neque condimentum. Ut vel nulla neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae nisl at nisl sagittis ultrices et eu nulla. Praesent aliquet tincidunt quam vitae tempor.

Donec laoreet
Curabitur ultricies tellus in sapien sodales vel mattis nulla tempor. Curabitur lacus purus, congue non rhoncus non, luctus ut nisl. Sed facilisis convallis augue, et facilisis magna lacinia a. Nulla facilisi. Nullam sit amet tellus nec eros blandit gravida. Curabitur at mi sit amet nisl hendrerit condimentum. Nunc bibendum tellus eget diam mollis a imperdiet neque condimentum. Ut vel nulla neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae nisl at nisl sagittis ultrices et eu nulla. Praesent aliquet tincidunt quam vitae tempor.

Get The Code

[message_box title='MESSAGE_TITLE' color='red' close='true']ADD_CONTENT_HERE[/message_box]
[message_box title='MESSAGE_TITLE' color='blue' close='true']ADD_CONTENT_HERE[/message_box]
[message_box title='MESSAGE_TITLE' color='yellow' close='true']ADD_CONTENT_HERE[/message_box]
[message_box title='MESSAGE_TITLE' color='green' close='true']ADD_CONTENT_HERE[/message_box]
Thursday, 06 September 2012 06:41

List icon

  • icon-glass
  • icon-music
  • icon-search
  • icon-envelope
  • icon-heart
  • icon-star
  • icon-star-empty
  • icon-user
  • icon-film
  • icon-th-large
  • icon-th
  • icon-th-list
  • icon-ok
  • icon-remove
  • icon-zoom-in
  • icon-zoom-out
  • icon-off
  • icon-signal
  • icon-cog
  • icon-trash
  • icon-home
  • icon-file
  • icon-time
  • icon-road
  • icon-download-alt
  • icon-download
  • icon-upload
  • icon-inbox
  • icon-play-circle
  • icon-repeat
  • icon-refresh
  • icon-list-alt
  • icon-lock
  • icon-flag
  • icon-headphones
  • icon-volume-off
  • icon-volume-down
  • icon-volume-up
  • icon-qrcode
  • icon-barcode
  • icon-tag
  • icon-tags
  • icon-book
  • icon-bookmark
  • icon-print
  • icon-camera
  • icon-font
  • icon-bold
  • icon-italic
  • icon-text-height
  • icon-text-width
  • icon-align-left
  • icon-align-center
  • icon-align-right
  • icon-align-justify
  • icon-list
  • icon-indent-left
  • icon-indent-right
  • icon-facetime-video
  • icon-picture
  • icon-pencil
  • icon-map-marker
  • icon-adjust
  • icon-tint
  • icon-edit
  • icon-share
  • icon-check
  • icon-move
  • icon-step-backward
  • icon-fast-backward
  • icon-backward
  • icon-play
  • icon-pause
  • icon-stop
  • icon-forward
  • icon-fast-forward
  • icon-step-forward
  • icon-eject
  • icon-chevron-left
  • icon-chevron-right
  • icon-plus-sign
  • icon-minus-sign
  • icon-remove-sign
  • icon-ok-sign
  • icon-question-sign
  • icon-info-sign
  • icon-screenshot
  • icon-remove-circle
  • icon-ok-circle
  • icon-ban-circle
  • icon-arrow-left
  • icon-arrow-right
  • icon-arrow-up
  • icon-arrow-down
  • icon-share-alt
  • icon-resize-full
  • icon-resize-small
  • icon-plus
  • icon-minus
  • icon-asterisk
  • icon-exclamation-sign
  • icon-gift
  • icon-leaf
  • icon-fire
  • icon-eye-open
  • icon-eye-close
  • icon-warning-sign
  • icon-plane
  • icon-calendar
  • icon-random
  • icon-comment
  • icon-magnet
  • icon-chevron-up
  • icon-chevron-down
  • icon-retweet
  • icon-shopping-cart
  • icon-folder-close
  • icon-folder-open
  • icon-resize-vertical
  • icon-resize-horizontal
  • icon-hdd
  • icon-bullhorn
  • icon-bell
  • icon-certificate
  • icon-thumbs-up
  • icon-thumbs-down
  • icon-hand-right
  • icon-hand-left
  • icon-hand-up
  • icon-hand-down
  • icon-circle-arrow-right
  • icon-circle-arrow-left
  • icon-circle-arrow-up
  • icon-circle-arrow-down
  • icon-globe
  • icon-wrench
  • icon-tasks
  • icon-filter
  • icon-briefcase
  • icon-fullscreen

Built as a sprite

Instead of making every icon an extra request, we've compiled them into a sprite—a bunch of images in one file that uses CSS to position the images with background-position. This is the same method we use on Twitter.com and it has worked well for us.

All icons classes are prefixed with .icon- for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.

Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.

How to use

Bootstrap uses an <i> tag for all icons, but they have no case class—only a shared prefix. To use, place the following code just about anywhere:

<i class="icon-search"></i>

There are also styles available for inverted (white) icons, made ready with one extra class:

<i class="icon-search icon-white"></i>

There are 140 classes to choose from for your icons. Just add an <i> tag with the right classes and you're set. You can find the full list in sprites.less or right here in this document.

Heads up! When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i> tag for proper spacing.

Use cases

Icons are great, but where would one use them? Here are a few ideas:

  • As visuals for your sidebar navigation
  • For a purely icon-driven navigation
  • For buttons to help convey the meaning of an action
  • With links to share context on a user's destination

Essentially, anywhere you can put an <i> tag, you can put an icon.

Get the code


<div class="row-fluid">
<div class="span3">
<ul class="the-icons">
<li><i class="icon-glass">&nbsp;</i> icon-glass</li>
<li><i class="icon-music">&nbsp;</i> icon-music</li>
<li><i class="icon-search">&nbsp;</i> icon-search</li>
<li><i class="icon-envelope">&nbsp;</i> icon-envelope</li>
<li><i class="icon-heart">&nbsp;</i> icon-heart</li>
<li><i class="icon-star">&nbsp;</i> icon-star</li>
<li><i class="icon-star-empty">&nbsp;</i> icon-star-empty</li>
<li><i class="icon-user">&nbsp;</i> icon-user</li>
<li><i class="icon-film">&nbsp;</i> icon-film</li>
<li><i class="icon-th-large">&nbsp;</i> icon-th-large</li>
<li><i class="icon-th">&nbsp;</i> icon-th</li>
<li><i class="icon-th-list">&nbsp;</i> icon-th-list</li>
<li><i class="icon-ok">&nbsp;</i> icon-ok</li>
<li><i class="icon-remove">&nbsp;</i> icon-remove</li>
<li><i class="icon-zoom-in">&nbsp;</i> icon-zoom-in</li>
<li><i class="icon-zoom-out">&nbsp;</i> icon-zoom-out</li>
<li><i class="icon-off">&nbsp;</i> icon-off</li>
<li><i class="icon-signal">&nbsp;</i> icon-signal</li>
<li><i class="icon-cog">&nbsp;</i> icon-cog</li>
<li><i class="icon-trash">&nbsp;</i> icon-trash</li>
<li><i class="icon-home">&nbsp;</i> icon-home</li>
<li><i class="icon-file">&nbsp;</i> icon-file</li>
<li><i class="icon-time">&nbsp;</i> icon-time</li>
<li><i class="icon-road">&nbsp;</i> icon-road</li>
<li><i class="icon-download-alt">&nbsp;</i> icon-download-alt</li>
<li><i class="icon-download">&nbsp;</i> icon-download</li>
<li><i class="icon-upload">&nbsp;</i> icon-upload</li>
<li><i class="icon-inbox">&nbsp;</i> icon-inbox</li>
<li><i class="icon-play-circle">&nbsp;</i> icon-play-circle</li>
<li><i class="icon-repeat">&nbsp;</i> icon-repeat</li>
<li><i class="icon-refresh">&nbsp;</i> icon-refresh</li>
<li><i class="icon-list-alt">&nbsp;</i> icon-list-alt</li>
<li><i class="icon-lock">&nbsp;</i> icon-lock</li>
<li><i class="icon-flag">&nbsp;</i> icon-flag</li>
<li><i class="icon-headphones">&nbsp;</i> icon-headphones</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-volume-off">&nbsp;</i> icon-volume-off</li>
<li><i class="icon-volume-down">&nbsp;</i> icon-volume-down</li>
<li><i class="icon-volume-up">&nbsp;</i> icon-volume-up</li>
<li><i class="icon-qrcode">&nbsp;</i> icon-qrcode</li>
<li><i class="icon-barcode">&nbsp;</i> icon-barcode</li>
<li><i class="icon-tag">&nbsp;</i> icon-tag</li>
<li><i class="icon-tags">&nbsp;</i> icon-tags</li>
<li><i class="icon-book">&nbsp;</i> icon-book</li>
<li><i class="icon-bookmark">&nbsp;</i> icon-bookmark</li>
<li><i class="icon-print">&nbsp;</i> icon-print</li>
<li><i class="icon-camera">&nbsp;</i> icon-camera</li>
<li><i class="icon-font">&nbsp;</i> icon-font</li>
<li><i class="icon-bold">&nbsp;</i> icon-bold</li>
<li><i class="icon-italic">&nbsp;</i> icon-italic</li>
<li><i class="icon-text-height">&nbsp;</i> icon-text-height</li>
<li><i class="icon-text-width">&nbsp;</i> icon-text-width</li>
<li><i class="icon-align-left">&nbsp;</i> icon-align-left</li>
<li><i class="icon-align-center">&nbsp;</i> icon-align-center</li>
<li><i class="icon-align-right">&nbsp;</i> icon-align-right</li>
<li><i class="icon-align-justify">&nbsp;</i> icon-align-justify</li>
<li><i class="icon-list">&nbsp;</i> icon-list</li>
<li><i class="icon-indent-left">&nbsp;</i> icon-indent-left</li>
<li><i class="icon-indent-right">&nbsp;</i> icon-indent-right</li>
<li><i class="icon-facetime-video">&nbsp;</i> icon-facetime-video</li>
<li><i class="icon-picture">&nbsp;</i> icon-picture</li>
<li><i class="icon-pencil">&nbsp;</i> icon-pencil</li>
<li><i class="icon-map-marker">&nbsp;</i> icon-map-marker</li>
<li><i class="icon-adjust">&nbsp;</i> icon-adjust</li>
<li><i class="icon-tint">&nbsp;</i> icon-tint</li>
<li><i class="icon-edit">&nbsp;</i> icon-edit</li>
<li><i class="icon-share">&nbsp;</i> icon-share</li>
<li><i class="icon-check">&nbsp;</i> icon-check</li>
<li><i class="icon-move">&nbsp;</i> icon-move</li>
<li><i class="icon-step-backward">&nbsp;</i> icon-step-backward</li>
<li><i class="icon-fast-backward">&nbsp;</i> icon-fast-backward</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-backward">&nbsp;</i> icon-backward</li>
<li><i class="icon-play">&nbsp;</i> icon-play</li>
<li><i class="icon-pause">&nbsp;</i> icon-pause</li>
<li><i class="icon-stop">&nbsp;</i> icon-stop</li>
<li><i class="icon-forward">&nbsp;</i> icon-forward</li>
<li><i class="icon-fast-forward">&nbsp;</i> icon-fast-forward</li>
<li><i class="icon-step-forward">&nbsp;</i> icon-step-forward</li>
<li><i class="icon-eject">&nbsp;</i> icon-eject</li>
<li><i class="icon-chevron-left">&nbsp;</i> icon-chevron-left</li>
<li><i class="icon-chevron-right">&nbsp;</i> icon-chevron-right</li>
<li><i class="icon-plus-sign">&nbsp;</i> icon-plus-sign</li>
<li><i class="icon-minus-sign">&nbsp;</i> icon-minus-sign</li>
<li><i class="icon-remove-sign">&nbsp;</i> icon-remove-sign</li>
<li><i class="icon-ok-sign">&nbsp;</i> icon-ok-sign</li>
<li><i class="icon-question-sign">&nbsp;</i> icon-question-sign</li>
<li><i class="icon-info-sign">&nbsp;</i> icon-info-sign</li>
<li><i class="icon-screenshot">&nbsp;</i> icon-screenshot</li>
<li><i class="icon-remove-circle">&nbsp;</i> icon-remove-circle</li>
<li><i class="icon-ok-circle">&nbsp;</i> icon-ok-circle</li>
<li><i class="icon-ban-circle">&nbsp;</i> icon-ban-circle</li>
<li><i class="icon-arrow-left">&nbsp;</i> icon-arrow-left</li>
<li><i class="icon-arrow-right">&nbsp;</i> icon-arrow-right</li>
<li><i class="icon-arrow-up">&nbsp;</i> icon-arrow-up</li>
<li><i class="icon-arrow-down">&nbsp;</i> icon-arrow-down</li>
<li><i class="icon-share-alt">&nbsp;</i> icon-share-alt</li>
<li><i class="icon-resize-full">&nbsp;</i> icon-resize-full</li>
<li><i class="icon-resize-small">&nbsp;</i> icon-resize-small</li>
<li><i class="icon-plus">&nbsp;</i> icon-plus</li>
<li><i class="icon-minus">&nbsp;</i> icon-minus</li>
<li><i class="icon-asterisk">&nbsp;</i> icon-asterisk</li>
<li><i class="icon-exclamation-sign">&nbsp;</i> icon-exclamation-sign</li>
<li><i class="icon-gift">&nbsp;</i> icon-gift</li>
<li><i class="icon-leaf">&nbsp;</i> icon-leaf</li>
<li><i class="icon-fire">&nbsp;</i> icon-fire</li>
<li><i class="icon-eye-open">&nbsp;</i> icon-eye-open</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-eye-close">&nbsp;</i> icon-eye-close</li>
<li><i class="icon-warning-sign">&nbsp;</i> icon-warning-sign</li>
<li><i class="icon-plane">&nbsp;</i> icon-plane</li>
<li><i class="icon-calendar">&nbsp;</i> icon-calendar</li>
<li><i class="icon-random">&nbsp;</i> icon-random</li>
<li><i class="icon-comment">&nbsp;</i> icon-comment</li>
<li><i class="icon-magnet">&nbsp;</i> icon-magnet</li>
<li><i class="icon-chevron-up">&nbsp;</i> icon-chevron-up</li>
<li><i class="icon-chevron-down">&nbsp;</i> icon-chevron-down</li>
<li><i class="icon-retweet">&nbsp;</i> icon-retweet</li>
<li><i class="icon-shopping-cart">&nbsp;</i> icon-shopping-cart</li>
<li><i class="icon-folder-close">&nbsp;</i> icon-folder-close</li>
<li><i class="icon-folder-open">&nbsp;</i> icon-folder-open</li>
<li><i class="icon-resize-vertical">&nbsp;</i> icon-resize-vertical</li>
<li><i class="icon-resize-horizontal">&nbsp;</i> icon-resize-horizontal</li>
<li><i class="icon-hdd">&nbsp;</i> icon-hdd</li>
<li><i class="icon-bullhorn">&nbsp;</i> icon-bullhorn</li>
<li><i class="icon-bell">&nbsp;</i> icon-bell</li>
<li><i class="icon-certificate">&nbsp;</i> icon-certificate</li>
<li><i class="icon-thumbs-up">&nbsp;</i> icon-thumbs-up</li>
<li><i class="icon-thumbs-down">&nbsp;</i> icon-thumbs-down</li>
<li><i class="icon-hand-right">&nbsp;</i> icon-hand-right</li>
<li><i class="icon-hand-left">&nbsp;</i> icon-hand-left</li>
<li><i class="icon-hand-up">&nbsp;</i> icon-hand-up</li>
<li><i class="icon-hand-down">&nbsp;</i> icon-hand-down</li>
<li><i class="icon-circle-arrow-right">&nbsp;</i> icon-circle-arrow-right</li>
<li><i class="icon-circle-arrow-left">&nbsp;</i> icon-circle-arrow-left</li>
<li><i class="icon-circle-arrow-up">&nbsp;</i> icon-circle-arrow-up</li>
<li><i class="icon-circle-arrow-down">&nbsp;</i> icon-circle-arrow-down</li>
<li><i class="icon-globe">&nbsp;</i> icon-globe</li>
<li><i class="icon-wrench">&nbsp;</i> icon-wrench</li>
<li><i class="icon-tasks">&nbsp;</i> icon-tasks</li>
<li><i class="icon-filter">&nbsp;</i> icon-filter</li>
<li><i class="icon-briefcase">&nbsp;</i> icon-briefcase</li>
<li><i class="icon-fullscreen">&nbsp;</i> icon-fullscreen</li>
</ul>
</div>
</div>
Thursday, 06 September 2012 06:38

Lightbox

ZooTemplate
ZooTemplate
ZooTemplate
ZooTemplate
ZooTemplate
ZooTemplate

Get the code

[lightbox src='IMAGE_SRC' width='IMAGE_WIDTH' height='IMAGE_HEIGHT' lightbox='on' title='IMAGE_TITLE' align='left']
Thursday, 06 September 2012 06:37

Google Map

Get the code

{googleMaps addr="ADDRESS OR Latitude/Longitude" label="GOOLE_MAP_LABEL" width=400 height=400}

Customization Options

  • lat - Lat: the latitude of the location to display on the map (an alternative to providing the address)
  • Long - Long: the longitude of the location to display on the map (an alternative to providing the address)
  • Zoom - Zoom: the initial zoom level of the map
  • Width - Width: width of the map embed
  • Height - Height: height of the map embed
  • Options - Options: Google map options.
  • control - Control: Additional controls to attach to the map.
  • maptype - Maptype: the type of map you want to display (roadmap, satellite, hybrid or terrain).
  • Lang - Lang: Language of map
  • Marker - Marker: whether you want to display the red marker showing the location specified by the address or longitude/latitude attributes.
  • Addoverview - Addoverview: whether to display the overview map control (the arrow in the bottom right corner that expands to show the region currently being viewed).
  • Addscale - Addscale: whether to display the scale control (the marking that tells you the distances represented in the map).
  • Streetview - Streetview: A Street View Panorama to display when the Street View pegman is dropped on the map. If no panorama is specified, a default Street View Panorama will be displayed in the map's div when the pegman is dropped.
  • Kml - Kml: A Kml Layer adds geographic markup to the map from a KML, KMZ or Geo RSS file that is hosted on a publicly accessible web server. A Kml Feature Data object is provided for each feature when clicked.
  • description - Description: A localized string describing the location.
  • label - Label: This is the label for the marker that indicates your designated address.
  • addr - Addr: You can display a Google Map by using your address or a latitude/longitude pair.
Thursday, 06 September 2012 06:37

Gallery

Get the code

[gallery title='GALLERY_TITLE' width='IMAGE_THUMB_WIDTH' height='IMAGE_THUMB_HEIGHT' columns='3']
[gallery_item title='IMAGE_TITLE' src='IMAGE_SRC']IMAGE_DESCRIPTION[/gallery_item]
[gallery_item title='IMAGE_TITLE' src='IMAGE_SRC']IMAGE_DESCRIPTION[/gallery_item]
[gallery_item title='IMAGE_TITLE' src='IMAGE_SRC']IMAGE_DESCRIPTION[/gallery_item]
[/gallery]

Recent Posts

  • Class aptent
  • Donec eget
  • Vestibulum dignissim
  • Quisque congue
  • Curabitur quis

Contactanos

Puedes contactarnos a través de las siguientes redes sociales o enviando un email a: This email address is being protected from spambots. You need JavaScript enabled to view it. y This email address is being protected from spambots. You need JavaScript enabled to view it.

Top of Page