Teléfono: (57) +6970052 Ext. 1098 – 1099 /
Horarios de atención: Lunes a Viernes | 7:00 a.m. – 5:00 p.m. 
Sábados | 8:00 a.m. a 12:00 p.m.

Categoría: Demo

LABICOLNewsSample Data ArticleDemo
Demo admin

Powerfull Features

[row]

[col class=”span6″]

Joomla 2.5 and 3.0

Organic Food is available for Joomla 2.5 as well as Joomla 3.2 that means no matter which version of joomla you like to use for developing your next website.

HTML5

HTML5 in Organic Food template makes elegant, modern and SEO friendly website that would be fully functional & represents awesome typography.

Bootstrap

Bootstrap is made upon responsive CSS Designs with less code which enhances the overall look and feel of your website.

[/col]

[col class=”span6″]

CSS3

The latest CSS3 technology has been used in Organic Food to make the whole web development process easier and faster with lot of scopes.

Presets

Presets manager give the flexibilty to change the design of your website without coding by selecting the desire color of your website background, header and footer etc.

[/col]

[/row]

Shortcode admin

Accordion

[accordion id=”sc-accordion”] [accordion_item title=’Item 1′]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/accordion_item] [accordion_item title=’Item 2′]consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/accordion_item] [accordion_item title=’Item 3′] Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/accordion_item] [/accordion]

Get the code

[[accordion] 
    [accordion_item title='ITEM_TITLE']ADD_CONTENT_HERE[/accordion_item]
    [accordion_item title='ITEM_TITLE']ADD_CONTENT_HERE[/accordion_item] 
    [accordion_item title='ITEM_TITLE']ADD_CONTENT_HERE[/accordion_item]
[/accordion]]
Demo admin

Module Position

toolbar
toolbar-l toolbar-r

Header
logo menu

Feature
feature

Breadcrumb
breadcrumb

Action
action

Users
user1 user2

Middle
middle-l middle-r

Parallax1
parallax1

Intop
intop1 intop2 intop3 intop4

Main Body
left component right

Inner
inner1 inner2 inner3

Subinner
subinner

Parallax2
parallax2

Position
position1 position2 position3

Inbottom
inbottom1 inbottom2 inbottom3 inbottom4

Bottom
bottom1 bottom2 bottom3 bottom4

Bottom 2
bottom5 bottom6 bottom7 bottom8

Footer
footer2 footer1
Demo admin

Video

[row]

[col class=”span6″]

[spvideo]https://www.youtube.com/watch?v=vb2eObvmvdI[/spvideo]

Get the code

[[spvideo]https://www.youtube.com/watch?v=vb2eObvmvdI[/spvideo]]

[/col]

[col class=”span6″]

[spvideo]http://vimeo.com/3701346[/spvideo]

Get the code

[[spvideo]http://vimeo.com/3701346[/spvideo]]

[/col]

[/row]

Demo admin

Typography

[row]

[col class=”span6″]

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

[/col]

[col class=”span6″]

Dropcap

[dropcap]This is a Magazine Style Drop Cap. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/dropcap]

[[dropcap]Dropcap Texts[/dropcap]]

[/col]

[/row]

[row]

Lists example

[col class=”span6″]

  • This is a sample unordered list
  • ul with class arrow
  • ul with class arrow-double
  • ul with class tick
  • ul with class cross
  • ul with class star
  • ul with class rss
  • ul with class spot

[/col]

[col class=”span6″]

  1. This is a sample ordered list
  • ul with class arrow
  • ul with class arrow-double
  • ul with class tick
  • ul with class cross
  • ul with class star
  • ul with class rss

[/col]

[/row]

Block Number

[row][col class=”span4″] [blocknumber type=”circle” text=”01″ color=”#FFF” background=”#049cdb”]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber type=”circle” text=”02″ color=”#FFF” background=”#97c763″]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber type=”circle” text=”03″ color=”#FFF” background=”#dd4b32″]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[[blocknumber type="circle" text="01" color="#FFF" background="#dd4b32"]Circle Block Number[/blocknumber]]

[/col]

[col class=”span4″] [blocknumber type=”rounded” text=”01″ color=”#FFF” background=”#8b6ed6″]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber type=”rounded” text=”02″ color=”#FFF” background=”#e0646d”]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber type=”rounded” text=”03″ color=”#FFF” background=”#2ec49f”]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[[blocknumber type="rounded" text="01" color="#FFF" background="#329491"]Rounded Block Number[/blocknumber]]

[/col]

[col class=”span4″] [blocknumber text=”01″ color=”#FFF” background=”#999″]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber text=”02″ color=”#FFF” background=”#666″]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber text=”03″ color=”#FFF” background=”#000″]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[[blocknumber text="01" color="#FFF" background="#999"]Normal Block Number[/blocknumber]]

[/col][/row]

Block Examples 

[row][col class=”span4″]

[block color=”#FFF” background=”#049cdb”]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block color=”#FFF” background=”#97c763″]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block color=”#FFF” background=”#dd4b32″]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[[block color="#FFF" background="#dd4b32"]Content[/block]]

[/col]

[col class=”span4″]

[block type=”rounded” color=”#FFF” background=”#8b6ed6″]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block type=”rounded” color=”#FFF” background=”#2ec49f”]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block type=”rounded” color=”#FFF” background=”#000000″]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[[block type="rounded" color="#FFF" background="#000000"]Lorem ipsum dolor[/block]]

[/col]

[col class=”span4″]

[block border=”1px dashed #CCC” padding=”14px 15px”]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block border=”3px solid #049cdb” padding=”12px 15px”]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block type=”rounded” border=”5px solid #f5c14f” padding=”10px 15px”]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[[block border="5px solid #99c864" padding="10px 15px"]Lorem ipsum dolor[/block]]

[/col]

[/row]

Bubble Examples

[row][col class=”span4″]

[bubble author=”Betty D. Steward”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.[/bubble]

[/col][col class=”span4″]

[bubble color=”#FFF” background=”#de5aa7″ author=”Barbara J. Pennebaker”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.[/bubble]

[/col][col class=”span4″]

[bubble background=”transparent” border=”3px solid #ccc” author=”Chad M. Simmons”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui.[/bubble]

[/col]

[/row]

[row][col class=”span12″]

 

[[bubble background="#FFF" color="#666" border="3px solid #ccc" author="Chad M. Simmons"]Lorem ipsum dolor sit amet.[/bubble]]

[/col][/row]

Demo admin

Article

  • This is a sample unordered list
  • ul with class arrow
  • ul with class arrow-2
  • ul with class star
  • ul with class rss
Shortcode admin

Column

[row class=”show-grid”] [col class=”span4″] Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.[/col] [col class=”span4″] Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.[/col] [col class=”span4″] Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.[/col] [/row]

Get the code

[[row id="ROW_ID" class="ROW_CLASS"] [col class="span4"]ADD_CONTENT_HERE[/col] [col class="span4"]ADD_CONTENT_HERE[/col] [col class="span4"]ADD_CONTENT_HERE[/col] [/row]]

[row class=”show-grid”] [col class=”span8″] Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id. Nullam id dolor id nibh ultricies vehicula ut id. Donec id elit non mi porta gravida at eget metus.[/col] [col class=”span4″] Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.[/col] [/row]

Get the code

[[row id="ROW_ID" class="ROW_CLASS"] [col class="span8"]ADD_CONTENT_HERE[/col] [col class="span4"]ADD_CONTENT_HERE[/col] [/row]]
Shortcode admin

Icon

[row] [col class=”span4″]

  • [icon name=”glass”]icon-glass[/icon]
  • [icon name=”heart”]icon-heart[/icon]
  • [icon name=”film”]icon-film[/icon]
  • [icon name=”ok”]icon-ok[/icon]
  • [icon name=”off”]icon-off[/icon]
  • [icon name=”home”]icon-home[/icon]
  • [icon name=”download-alt”]icon-download-alt[/icon]
  • [icon name=”play-circle”]icon-play-circle[/icon]
  • [icon name=”lock”]icon-lock[/icon]
  • [icon name=”volume-down”]icon-volume-down[/icon]
  • [icon name=”tag”]icon-tag[/icon]
  • [icon name=”print”]icon-print[/icon]
  • [icon name=”italic”]icon-italic[/icon]
  • [icon name=”align-center”]icon-align-center[/icon]
  • [icon name=”indent-left”]icon-indent-left[/icon]
  • [icon name=”pencil”]icon-pencil[/icon]
  • [icon name=”edit”]icon-edit[/icon]
  • [icon name=”step-backward”]icon-step-backward[/icon]
  • [icon name=”pause”]icon-pause[/icon]
  • [icon name=”step-forward”]icon-step-forward[/icon]
  • [icon name=”plus-sign”]icon-plus-sign[/icon]
  • [icon name=”question-sign”]icon-question-sign[/icon]
  • [icon name=”ok-circle”]icon-ok-circlet[/icon]
  • [icon name=”arrow-up”]icon-arrow-up[/icon]
  • [icon name=”resize-small”]icon-resize-small[/icon]
  • [icon name=”exclamation-sign”]icon-exclamation-sign[/icon]
  • [icon name=”eye-open”]icon-eye-open[/icon]
  • [icon name=”calendar”]icon-calendar[/icon]
  • [icon name=”chevron-up”]icon-chevron-up[/icon]
  • [icon name=”folder-close”]icon-align-folder-close[/icon]
  • [icon name=”hdd”]icon-hdd[/icon]
  • [icon name=”thumbs-up”]icon-thumbs-up[/icon]
  • [icon name=”hand-up”]icon-hand-up[/icon]
  • [icon name=”circle-arrow-up”]icon-circle-arrow-up[/icon]
  • [icon name=”tasks”]icon-align-tasks[/icon]

[/col] [col class=”span4″]

  • [icon name=”music”]icon-music[/icon]
  • [icon name=”star”]icon-star[/icon]
  • [icon name=”th-large”]icon-th-large[/icon]
  • [icon name=”remove”]icon-remove[/icon]
  • [icon name=”signal”]icon-signal[/icon]
  • [icon name=”file”]icon-file[/icon]
  • [icon name=”download”]icon-download[/icon]
  • [icon name=”repeat”]icon-play-repeat[/icon]
  • [icon name=”flag”]icon-flag[/icon]
  • [icon name=”volume-up”]icon-volume-up[/icon]
  • [icon name=”tags”]icon-tags[/icon]
  • [icon name=”camera”]icon-camera[/icon]
  • [icon name=”text-height”]icon-text-height[/icon]
  • [icon name=”align-right”]icon-align-right[/icon]
  • [icon name=”indent-right”]icon-indent-right[/icon]
  • [icon name=”map-marker”]icon-map-marker[/icon]
  • [icon name=”share”]icon-share[/icon]
  • [icon name=”fast-backward”]icon-fast-backward[/icon]
  • [icon name=”stop”]icon-stop[/icon]
  • [icon name=”eject”]icon-eject[/icon]
  • [icon name=”minus-sign”]icon-minus-sign[/icon]
  • [icon name=”info-sign”]icon-info-sign[/icon]
  • [icon name=”ban-circle”]icon-ban-circle[/icon]
  • [icon name=”arrow-down”]icon-arrow-down[/icon]
  • [icon name=”plus”]icon-plus[/icon]
  • [icon name=”gift”]icon-gift[/icon]
  • [icon name=”eye-close”]icon-eye-close[/icon]
  • [icon name=”random”]icon-random[/icon]
  • [icon name=”chevron-down”]icon-chevron-down[/icon]
  • [icon name=”folder-open”]icon-align-folder-open[/icon]
  • [icon name=”bullhorn”]icon-bullhorn[/icon]
  • [icon name=”thumbs-down”]icon-thumbs-down[/icon]
  • [icon name=”hand-down”]icon-hand-down[/icon]
  • [icon name=”circle-arrow-down”]icon-circle-arrow-down[/icon]
  • [icon name=”filter”]icon-align-filter[/icon]

[/col] [col class=”span4″]

  • [icon name=”search”]icon-search[/icon]
  • [icon name=”star-empty”]icon-star-empty[/icon]
  • [icon name=”th”]icon-th[/icon]
  • [icon name=”zoom-in”]icon-zoom-in[/icon]
  • [icon name=”cog”]icon-cog[/icon]
  • [icon name=”time”]icon-time[/icon]
  • [icon name=”upload”]icon-upload[/icon]
  • [icon name=”refresh”]icon-play-refresh[/icon]
  • [icon name=”headphones”]icon-headphones[/icon]
  • [icon name=”qrcode”]icon-qrcode[/icon]
  • [icon name=”book”]icon-book[/icon]
  • [icon name=”font”]icon-font[/icon]
  • [icon name=”text-widtht”]icon-text-width[/icon]
  • [icon name=”align-justify”]icon-align-justify[/icon]
  • [icon name=”facetime-video”]icon-facetime-video[/icon]
  • [icon name=”adjust”]icon-adjustr[/icon]
  • [icon name=”check”]icon-check[/icon]
  • [icon name=”backward”]icon-backward[/icon]
  • [icon name=”forward”]icon-forward[/icon]
  • [icon name=”chevron-left”]icon-chevron-left[/icon]
  • [icon name=”remove-sign”]icon-remove-sign[/icon]
  • [icon name=”screenshot”]icon-screenshot[/icon]
  • [icon name=”arrow-left”]icon-arrow-left[/icon]
  • [icon name=”share-alt”]icon-share-alt[/icon]
  • [icon name=”minus”]icon-minus[/icon]
  • [icon name=”leaf”]icon-leaf[/icon]
  • [icon name=”warning-sign”]icon-warning-sign[/icon]
  • [icon name=”comment”]icon-comment[/icon]
  • [icon name=”retweet”]icon-retweet[/icon]
  • [icon name=”resize-vertical”]icon-resize-vertical[/icon]
  • [icon name=”bell”]icon-bell[/icon]
  • [icon name=”hand-right”]icon-hand-right[/icon]
  • [icon name=”circle-arrow-right”]icon-circle-arrow-right[/icon]
  • [icon name=”globe”]icon-circle-globe[/icon]
  • [icon name=”briefcase”]icon-align-briefcase[/icon]

[/col] [/row]

 Get the code

[[icon name="ICON_NAME"]...[/icon]]
Shortcode admin

Buttons

[row][col class=”span6″] Default

Primary

Info [icon name=”cloud-upload”][/icon] Info with icon

Success Warning danger Inverse

Block level button [/col]

[col class=”span6″] Large Primary

Large Primary [icon name=”bullseye”][/icon] Large Primary with icon Large Primary with icon [icon name=”mail-forward”][/icon]

Default button Default button

Small button Small button

Mini button Mini button

[/col][/row]

 

Eventus comes with different buttons style and 3 sizes – mini, small, large. You can use Font Awesome as well to create more Awesome buttons!

Get the code

[button type="BUTTON_TYPE" size="" link="#"]...[/button]
Shortcode admin

Alert

[alert type=”alert”]

Warning!

Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. [/alert] [alert type=”error” style=”width:85%”]

Error or danger!

Oh snap! Change a few things up and try submitting again.[/alert] [alert type=”success” style=”width:75%”]

success!

Well done! You successfully read this important alert message. [/alert] [alert type=”info” style=”width:65%”]

Information!

Heads up! This alert needs your attention, but it’s not super important. [/alert]