[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]
[testimonial name="John Doe" email="This email address is being protected from spambots. You need JavaScript enabled to view it." company="dhtheme" designation="Developer"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, felis a semper mollis, mauris mi suscipit dui, non laoreet diam enim et turpis. Sed imperdiet ultrices felis, at ultricies tellus consequat a. Proin condimentum porttitor eros, vitae facilisis sapien rhoncus vitae. Aliquam dapibus elit non metus posuere blandit. Phasellus a aliquam urna. Aliquam ac massa tellus, a semper odio. In hac habitasse platea dictumst. Integer tincidunt, nisi quis congue consectetur, lacus augue scelerisque enim, eu vehicula neque tortor ac risus. Nunc mollis interdum iaculis. [/testimonial]
Get the code
[[testimonial name="AUTHOR_NAME" email="AUTHOR_EMAIL" company="AUTHOR_COMPANY" designation="AUTHOR_DESIGNATION"]ADD_CONTENT_HERE[/testimonial]]
[spmap lat="42.697708" lng="23.321868" zoom="8" maptype="ROADMAP"]
Get the code
[[spmap lat="LATITUDE" lng="LONGITUDE" zoom="VALUE 1 to 10"]]
[row]
[col class="span6"]
[tab id="tab1" class="tabbale" button="nav-tabs"] [tab_item title="Tab1"]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.[/tab_item] [tab_item title="Tab2"]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.[/tab_item] [tab_item title="Tab3"]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.[/tab_item][/tab]
[/col]
[col class="span6"]
[tab id="tab2" class="tabbale" button="nav-pills"] [tab_item title="Tab1"]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.[/tab_item] [tab_item title="Tab2"]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.[/tab_item] [tab_item title="Tab3"]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.[/tab_item][/tab]
[/col]
[/row]
Get the code
[[tab] [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 ] [/tab]]
[carousel][carousel_item]
[caption] Powerful templates framework to develop Joomla base website faster! [/caption] [/carousel_item] [carousel_item] 
[caption] Powerful templates framework to develop Joomla base website faster! [/caption] [/carousel_item] [carousel_item] 
[caption] Powerful templates framework to develop Joomla base website faster! [/caption] [/carousel_item] [/carousel]
Get the code
[[carousel] [carousel_item]add image here [caption]Powerful templates framework to develop Joomla base website faster![/caption][/carousel_item] [/carousel]]
[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]]
toolbar | |||||
|---|---|---|---|---|---|
| toolbar-l | toolbar-r | ||||
Header | |||||
|---|---|---|---|---|---|
| logo | menu | ||||
Feature | |||||
|---|---|---|---|---|---|
| feature | |||||
News | |||||
|---|---|---|---|---|---|
| news | |||||
Users | |||||
|---|---|---|---|---|---|
| user1 | user2 | ||||
Middle | |||||
|---|---|---|---|---|---|
| middle-l | middle-r | ||||
Intop | |||||
|---|---|---|---|---|---|
| intop1 | intop2 | intop3 | intop4 | ||
Parallax | |||||
|---|---|---|---|---|---|
| parallax | |||||
Breadcrumb | |||||
|---|---|---|---|---|---|
| breadcrumb | |||||
Main Body | |||||
|---|---|---|---|---|---|
| left | component | right | |||
Inner | |||||
|---|---|---|---|---|---|
| inner1 | inner2 | inner3 | inner4 | ||
Parallax Bottom | |||||
|---|---|---|---|---|---|
| parallax-bottom | |||||
Position | |||||
|---|---|---|---|---|---|
| position1 | position2 | position3 | |||
Inbottom | |||||
|---|---|---|---|---|---|
| inbottom1 | inbottom2 | inbottom3 | inbottom4 | ||
Bottom | |||||
|---|---|---|---|---|---|
| bottom1 | bottom2 | bottom3 | bottom4 | ||
Bottom 2 | |||||
|---|---|---|---|---|---|
| bottom5 | bottom6 | bottom7 | bottom8 | ||
Footer | |||||
|---|---|---|---|---|---|
| footer2 | footer1 | ||||
[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]
[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]]
Highlight parts of your text wherever you want. 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.
[/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"]
- 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]
- This is a sample unordered list
- ul with class arrow
- ul with class arrow-2
- ul with class star
- ul with class rss
More...
This theme comes with different module styles and icons. For each module you can pick a style and combine it with an icon to create your own unique look. Here is a list of the available options:
Styles: color, title1, title2, title3, white, border, dark and highlight.
Joomla! means All Together, and it is a community of people all working and having fun together that makes Joomla! possible. Thousands of people each year participate in the Joomla! community, and we hope you will be one of them.
People with all kinds of skills, of all skill levels and from around the world are welcome to join in. Participate in the Joomla.org family of websites (the forum is a great place to start). Come to a Joomla! event. Join or start a Joomla! Users Group. Whether you are a developer, site administrator, designer, end user or fan, there are ways for you to participate and contribute.
Joomla! means All Together, and it is a community of people all working and having fun together that makes Joomla! possible. Thousands of people each year participate in the Joomla! community, and we hope you will be one of them.
People with all kinds of skills, of all skill levels and from around the world are welcome to join in. Participate in the Joomla.org family of websites (the forum is a great place to start). Come to a Joomla! event. Join or start a Joomla! Users Group. Whether you are a developer, site administrator, designer, end user or fan, there are ways for you to participate and contribute.
Joomla! means All Together, and it is a community of people all working and having fun together that makes Joomla! possible. Thousands of people each year participate in the Joomla! community, and we hope you will be one of them.
People with all kinds of skills, of all skill levels and from around the world are welcome to join in. Participate in the Joomla.org family of websites (the forum is a great place to start). Come to a Joomla! event. Join or start a Joomla! Users Group. Whether you are a developer, site administrator, designer, end user or fan, there are ways for you to participate and contribute.
