Module Position

toolbar

toolbar-l toolbar-r

Header

logo menu

Feature

feature

Users

user1 user2

Middle

middle-l middle-r

Intop

intop1 intop2 intop3 intop4

Breadcrumb

breadcrumb

Main Body

left component right

Inner

inner1 inner2 inner3 inner4

Position

position1 position2 position3

Inbottom

inbottom1 inbottom2 inbottom3 inbottom4

Bottom

bottom1 bottom2 bottom3 bottom4

Bottom 2

bottom5 bottom6 bottom7 bottom8

Footer

footer2 footer1

Video

Get the code

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

Get the code

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

Typography

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

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 Texts[/dropcap]

  • 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

  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

Block Number

01 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

02 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

03 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

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

01 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

02 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

03 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

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

01 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

02 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

03 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

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

Block Examples 

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

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

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

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

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

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

Bubble Examples

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.
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.
Barbara J. Pennebaker

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui.
Chad M. Simmons

 

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

Article

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

Powerfull Features

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.

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.

Các bài khác...

Chuyên mục phụ

Chuyên mục phụ

Contacts

This email address is being protected from spambots. You need JavaScript enabled to view it.     (84) 262 3867676      (84) 262 3865303   59 Cao Thắng - TP.Buôn Ma Thuột - Tỉnh Đắk Lắk - Việt Nam