Module Position

Header

logo top-info

Menu

menu search

Sub Header

subheader breadcrumb

Content Top

content-top

Slide

slide

Feature

feature

User

user1 user2 user3 user4

Portfolio

portfolio

Main Body

left content right

Bottom

bottom1 bottom2 bottom3 bottom4 bottom5

Footer

footer1

Video

Get the code

[spvideo]http://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="#f16a10"]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="#f16a10"]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 #aacb24" 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

Module Variations

Welcome to Shaper Awetive template. This is the corporate template for joomla based on Helix-ii Framewok.

Gallery

Get the code

[gallery columns="4" filter="yes"]
[gallery_item tag="joomla" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="wordpress" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="joomla, wordpress" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="magento" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="opencart" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="magento, opencart" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="joomla, magento, wordpress, opencart" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="drupal" src="/images/helix/gallery/300x200.png"/]
[/gallery]

Column

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.
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.

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]

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.
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.

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]

Icon

Total 361 Awesome Icons


  • icon-glass [icon name="icon-glass"]

  • icon-music [icon name="icon-music"]

  • icon-search [icon name="icon-search"]

  • icon-envelope-alt [icon name="icon-envelope-alt"]

  • icon-heart [icon name="icon-heart"]

  • icon-star [icon name="icon-star"]

  • icon-star-empty [icon name="icon-star-empty"]

  • icon-user [icon name="icon-user"]

  • icon-film [icon name="icon-film"]

  • icon-th-large [icon name="icon-th-large"]

  • icon-th [icon name="icon-th"]

  • icon-th-list [icon name="icon-th-list"]

  • icon-ok [icon name="icon-ok"]

  • icon-remove [icon name="icon-remove"]

  • icon-zoom-in [icon name="icon-zoom-in"]

  • icon-zoom-out [icon name="icon-zoom-out"]

  • icon-off [icon name="icon-off"]

  • icon-signal [icon name="icon-signal"]

  • icon-cog [icon name="icon-cog"]

  • icon-trash [icon name="icon-trash"]

  • icon-home [icon name="icon-home"]

  • icon-file-alt [icon name="icon-file-alt"]

  • icon-time [icon name="icon-time"]

  • icon-road [icon name="icon-road"]

  • icon-download-alt [icon name="icon-download-alt"]

  • icon-download [icon name="icon-download"]

  • icon-upload [icon name="icon-upload"]

  • icon-inbox [icon name="icon-inbox"]

  • icon-play-circle [icon name="icon-play-circle"]

  • icon-repeat [icon name="icon-repeat"]

  • icon-refresh [icon name="icon-refresh"]

  • icon-list-alt [icon name="icon-list-alt"]

  • icon-lock [icon name="icon-lock"]

  • icon-flag [icon name="icon-flag"]

  • icon-headphones [icon name="icon-headphones"]

  • icon-volume-off [icon name="icon-volume-off"]

  • icon-volume-down [icon name="icon-volume-down"]

  • icon-volume-up [icon name="icon-volume-up"]

  • icon-qrcode [icon name="icon-qrcode"]

  • icon-barcode [icon name="icon-barcode"]

  • icon-tag [icon name="icon-tag"]

  • icon-tags [icon name="icon-tags"]

  • icon-book [icon name="icon-book"]

  • icon-bookmark [icon name="icon-bookmark"]

  • icon-print [icon name="icon-print"]

  • icon-camera [icon name="icon-camera"]

  • icon-font [icon name="icon-font"]

  • icon-bold [icon name="icon-bold"]

  • icon-italic [icon name="icon-italic"]

  • icon-text-height [icon name="icon-text-height"]

  • icon-text-width [icon name="icon-text-width"]

  • icon-align-left [icon name="icon-align-left"]

  • icon-align-center [icon name="icon-align-center"]

  • icon-align-right [icon name="icon-align-right"]

  • icon-align-justify [icon name="icon-align-justify"]

  • icon-list [icon name="icon-list"]

  • icon-indent-left [icon name="icon-indent-left"]

  • icon-indent-right [icon name="icon-indent-right"]

  • icon-facetime-video [icon name="icon-facetime-video"]

  • icon-picture [icon name="icon-picture"]

  • icon-pencil [icon name="icon-pencil"]

  • icon-map-marker [icon name="icon-map-marker"]

  • icon-adjust [icon name="icon-adjust"]

  • icon-tint [icon name="icon-tint"]

  • icon-edit [icon name="icon-edit"]

  • icon-share [icon name="icon-share"]

  • icon-check [icon name="icon-check"]

  • icon-move [icon name="icon-move"]

  • icon-step-backward [icon name="icon-step-backward"]

  • icon-fast-backward [icon name="icon-fast-backward"]

  • icon-backward [icon name="icon-backward"]

  • icon-play [icon name="icon-play"]

  • icon-pause [icon name="icon-pause"]

  • icon-stop [icon name="icon-stop"]

  • icon-forward [icon name="icon-forward"]

  • icon-fast-forward [icon name="icon-fast-forward"]

  • icon-step-forward [icon name="icon-step-forward"]

  • icon-eject [icon name="icon-eject"]

  • icon-chevron-left [icon name="icon-chevron-left"]

  • icon-chevron-right [icon name="icon-chevron-right"]

  • icon-plus-sign [icon name="icon-plus-sign"]

  • icon-minus-sign [icon name="icon-minus-sign"]

  • icon-remove-sign [icon name="icon-remove-sign"]

  • icon-ok-sign [icon name="icon-ok-sign"]

  • icon-question-sign [icon name="icon-question-sign"]

  • icon-info-sign [icon name="icon-info-sign"]

  • icon-screenshot [icon name="icon-screenshot"]

  • icon-remove-circle [icon name="icon-remove-circle"]

  • icon-ok-circle [icon name="icon-ok-circle"]

  • icon-ban-circle [icon name="icon-ban-circle"]

  • icon-arrow-left [icon name="icon-arrow-left"]

  • icon-arrow-right [icon name="icon-arrow-right"]

  • icon-arrow-up [icon name="icon-arrow-up"]

  • icon-arrow-down [icon name="icon-arrow-down"]

  • icon-share-alt [icon name="icon-share-alt"]

  • icon-resize-full [icon name="icon-resize-full"]

  • icon-resize-small [icon name="icon-resize-small"]

  • icon-plus [icon name="icon-plus"]

  • icon-minus [icon name="icon-minus"]

  • icon-asterisk [icon name="icon-asterisk"]

  • icon-exclamation-sign [icon name="icon-exclamation-sign"]

  • icon-gift [icon name="icon-gift"]

  • icon-leaf [icon name="icon-leaf"]

  • icon-fire [icon name="icon-fire"]

  • icon-eye-open [icon name="icon-eye-open"]

  • icon-eye-close [icon name="icon-eye-close"]

  • icon-warning-sign [icon name="icon-warning-sign"]

  • icon-plane [icon name="icon-plane"]

  • icon-calendar [icon name="icon-calendar"]

  • icon-random [icon name="icon-random"]

  • icon-comment [icon name="icon-comment"]

  • icon-magnet [icon name="icon-magnet"]

  • icon-chevron-up [icon name="icon-chevron-up"]

  • icon-chevron-down [icon name="icon-chevron-down"]

  • icon-retweet [icon name="icon-retweet"]

  • icon-shopping-cart [icon name="icon-shopping-cart"]

  • icon-folder-close [icon name="icon-folder-close"]

  • icon-folder-open [icon name="icon-folder-open"]

  • icon-resize-vertical [icon name="icon-resize-vertical"]

  • icon-resize-horizontal [icon name="icon-resize-horizontal"]

  • icon-bar-chart [icon name="icon-bar-chart"]

  • icon-twitter-sign [icon name="icon-twitter-sign"]

  • icon-facebook-sign [icon name="icon-facebook-sign"]

  • icon-camera-retro [icon name="icon-camera-retro"]

  • icon-key [icon name="icon-key"]

  • icon-cogs [icon name="icon-cogs"]

  • icon-comments [icon name="icon-comments"]

  • icon-thumbs-up-alt [icon name="icon-thumbs-up-alt"]

  • icon-thumbs-down-alt [icon name="icon-thumbs-down-alt"]

  • icon-star-half [icon name="icon-star-half"]

  • icon-heart-empty [icon name="icon-heart-empty"]

  • icon-signout [icon name="icon-signout"]

  • icon-linkedin-sign [icon name="icon-linkedin-sign"]

  • icon-pushpin [icon name="icon-pushpin"]

  • icon-external-link [icon name="icon-external-link"]

  • icon-signin [icon name="icon-signin"]

  • icon-trophy [icon name="icon-trophy"]

  • icon-github-sign [icon name="icon-github-sign"]

  • icon-upload-alt [icon name="icon-upload-alt"]

  • icon-lemon [icon name="icon-lemon"]

  • icon-phone [icon name="icon-phone"]

  • icon-check-empty [icon name="icon-check-empty"]

  • icon-bookmark-empty [icon name="icon-bookmark-empty"]

  • icon-phone-sign [icon name="icon-phone-sign"]

  • icon-twitter [icon name="icon-twitter"]

  • icon-facebook [icon name="icon-facebook"]

  • icon-github [icon name="icon-github"]

  • icon-unlock [icon name="icon-unlock"]

  • icon-credit-card [icon name="icon-credit-card"]

  • icon-rss [icon name="icon-rss"]

  • icon-hdd [icon name="icon-hdd"]

  • icon-bullhorn [icon name="icon-bullhorn"]

  • icon-bell [icon name="icon-bell"]

  • icon-certificate [icon name="icon-certificate"]

  • icon-hand-right [icon name="icon-hand-right"]

  • icon-hand-left [icon name="icon-hand-left"]

  • icon-hand-up [icon name="icon-hand-up"]

  • icon-hand-down [icon name="icon-hand-down"]

  • icon-circle-arrow-left [icon name="icon-circle-arrow-left"]

  • icon-circle-arrow-right [icon name="icon-circle-arrow-right"]

  • icon-circle-arrow-up [icon name="icon-circle-arrow-up"]

  • icon-circle-arrow-down [icon name="icon-circle-arrow-down"]

  • icon-globe [icon name="icon-globe"]

  • icon-wrench [icon name="icon-wrench"]

  • icon-tasks [icon name="icon-tasks"]

  • icon-filter [icon name="icon-filter"]

  • icon-briefcase [icon name="icon-briefcase"]

  • icon-fullscreen [icon name="icon-fullscreen"]

  • icon-group [icon name="icon-group"]

  • icon-link [icon name="icon-link"]

  • icon-cloud [icon name="icon-cloud"]

  • icon-beaker [icon name="icon-beaker"]

  • icon-cut [icon name="icon-cut"]

  • icon-copy [icon name="icon-copy"]

  • icon-paper-clip [icon name="icon-paper-clip"]

  • icon-save [icon name="icon-save"]

  • icon-sign-blank [icon name="icon-sign-blank"]

  • icon-reorder [icon name="icon-reorder"]

  • icon-list-ul [icon name="icon-list-ul"]

  • icon-list-ol [icon name="icon-list-ol"]

  • icon-strikethrough [icon name="icon-strikethrough"]

  • icon-underline [icon name="icon-underline"]

  • icon-table [icon name="icon-table"]

  • icon-magic [icon name="icon-magic"]

  • icon-truck [icon name="icon-truck"]

  • icon-pinterest [icon name="icon-pinterest"]

  • icon-pinterest-sign [icon name="icon-pinterest-sign"]

  • icon-google-plus-sign [icon name="icon-google-plus-sign"]

  • icon-google-plus [icon name="icon-google-plus"]

  • icon-money [icon name="icon-money"]

  • icon-caret-down [icon name="icon-caret-down"]

  • icon-caret-up [icon name="icon-caret-up"]

  • icon-caret-left [icon name="icon-caret-left"]

  • icon-caret-right [icon name="icon-caret-right"]

  • icon-columns [icon name="icon-columns"]

  • icon-sort [icon name="icon-sort"]

  • icon-sort-down [icon name="icon-sort-down"]

  • icon-sort-up [icon name="icon-sort-up"]

  • icon-envelope [icon name="icon-envelope"]

  • icon-linkedin [icon name="icon-linkedin"]

  • icon-undo [icon name="icon-undo"]

  • icon-legal [icon name="icon-legal"]

  • icon-dashboard [icon name="icon-dashboard"]

  • icon-comment-alt [icon name="icon-comment-alt"]

  • icon-comments-alt [icon name="icon-comments-alt"]

  • icon-bolt [icon name="icon-bolt"]

  • icon-sitemap [icon name="icon-sitemap"]

  • icon-umbrella [icon name="icon-umbrella"]

  • icon-paste [icon name="icon-paste"]

  • icon-lightbulb [icon name="icon-lightbulb"]

  • icon-exchange [icon name="icon-exchange"]

  • icon-cloud-download [icon name="icon-cloud-download"]

  • icon-cloud-upload [icon name="icon-cloud-upload"]

  • icon-user-md [icon name="icon-user-md"]

  • icon-stethoscope [icon name="icon-stethoscope"]

  • icon-suitcase [icon name="icon-suitcase"]

  • icon-bell-alt [icon name="icon-bell-alt"]

  • icon-coffee [icon name="icon-coffee"]

  • icon-food [icon name="icon-food"]

  • icon-file-text-alt [icon name="icon-file-text-alt"]

  • icon-building [icon name="icon-building"]

  • icon-hospital [icon name="icon-hospital"]

  • icon-ambulance [icon name="icon-ambulance"]

  • icon-medkit [icon name="icon-medkit"]

  • icon-fighter-jet [icon name="icon-fighter-jet"]

  • icon-beer [icon name="icon-beer"]

  • icon-h-sign [icon name="icon-h-sign"]

  • icon-plus-sign-alt [icon name="icon-plus-sign-alt"]

  • icon-double-angle-left [icon name="icon-double-angle-left"]

  • icon-double-angle-right [icon name="icon-double-angle-right"]

  • icon-double-angle-up [icon name="icon-double-angle-up"]

  • icon-double-angle-down [icon name="icon-double-angle-down"]

  • icon-angle-left [icon name="icon-angle-left"]

  • icon-angle-right [icon name="icon-angle-right"]

  • icon-angle-up [icon name="icon-angle-up"]

  • icon-angle-down [icon name="icon-angle-down"]

  • icon-desktop [icon name="icon-desktop"]

  • icon-laptop [icon name="icon-laptop"]

  • icon-tablet [icon name="icon-tablet"]

  • icon-mobile-phone [icon name="icon-mobile-phone"]

  • icon-circle-blank [icon name="icon-circle-blank"]

  • icon-quote-left [icon name="icon-quote-left"]

  • icon-quote-right [icon name="icon-quote-right"]

  • icon-spinner [icon name="icon-spinner"]

  • icon-circle [icon name="icon-circle"]

  • icon-reply [icon name="icon-reply"]

  • icon-github-alt [icon name="icon-github-alt"]

  • icon-folder-close-alt [icon name="icon-folder-close-alt"]

  • icon-folder-open-alt [icon name="icon-folder-open-alt"]

  • icon-expand-alt [icon name="icon-expand-alt"]

  • icon-collapse-alt [icon name="icon-collapse-alt"]

  • icon-smile [icon name="icon-smile"]

  • icon-frown [icon name="icon-frown"]

  • icon-meh [icon name="icon-meh"]

  • icon-gamepad [icon name="icon-gamepad"]

  • icon-keyboard [icon name="icon-keyboard"]

  • icon-flag-alt [icon name="icon-flag-alt"]

  • icon-flag-checkered [icon name="icon-flag-checkered"]

  • icon-terminal [icon name="icon-terminal"]

  • icon-code [icon name="icon-code"]

  • icon-reply-all [icon name="icon-reply-all"]

  • icon-mail-reply-all [icon name="icon-mail-reply-all"]

  • icon-star-half-empty [icon name="icon-star-half-empty"]

  • icon-location-arrow [icon name="icon-location-arrow"]

  • icon-crop [icon name="icon-crop"]

  • icon-code-fork [icon name="icon-code-fork"]

  • icon-unlink [icon name="icon-unlink"]

  • icon-question [icon name="icon-question"]

  • icon-info [icon name="icon-info"]

  • icon-exclamation [icon name="icon-exclamation"]

  • icon-superscript [icon name="icon-superscript"]

  • icon-subscript [icon name="icon-subscript"]

  • icon-eraser [icon name="icon-eraser"]

  • icon-puzzle-piece [icon name="icon-puzzle-piece"]

  • icon-microphone [icon name="icon-microphone"]

  • icon-microphone-off [icon name="icon-microphone-off"]

  • icon-shield [icon name="icon-shield"]

  • icon-calendar-empty [icon name="icon-calendar-empty"]

  • icon-fire-extinguisher [icon name="icon-fire-extinguisher"]

  • icon-rocket [icon name="icon-rocket"]

  • icon-maxcdn [icon name="icon-maxcdn"]

  • icon-chevron-sign-left [icon name="icon-chevron-sign-left"]

  • icon-chevron-sign-right [icon name="icon-chevron-sign-right"]

  • icon-chevron-sign-up [icon name="icon-chevron-sign-up"]

  • icon-chevron-sign-down [icon name="icon-chevron-sign-down"]

  • icon-html5 [icon name="icon-html5"]

  • icon-css3 [icon name="icon-css3"]

  • icon-anchor [icon name="icon-anchor"]

  • icon-unlock-alt [icon name="icon-unlock-alt"]

  • icon-bullseye [icon name="icon-bullseye"]

  • icon-ellipsis-horizontal [icon name="icon-ellipsis-horizontal"]

  • icon-ellipsis-vertical [icon name="icon-ellipsis-vertical"]

  • icon-rss-sign [icon name="icon-rss-sign"]

  • icon-play-sign [icon name="icon-play-sign"]

  • icon-ticket [icon name="icon-ticket"]

  • icon-minus-sign-alt [icon name="icon-minus-sign-alt"]

  • icon-check-minus [icon name="icon-check-minus"]

  • icon-level-up [icon name="icon-level-up"]

  • icon-level-down [icon name="icon-level-down"]

  • icon-check-sign [icon name="icon-check-sign"]

  • icon-edit-sign [icon name="icon-edit-sign"]

  • icon-external-link-sign [icon name="icon-external-link-sign"]

  • icon-share-sign [icon name="icon-share-sign"]

  • icon-compass [icon name="icon-compass"]

  • icon-collapse [icon name="icon-collapse"]

  • icon-collapse-top [icon name="icon-collapse-top"]

  • icon-expand [icon name="icon-expand"]

  • icon-eur [icon name="icon-eur"]

  • icon-gbp [icon name="icon-gbp"]

  • icon-usd [icon name="icon-usd"]

  • icon-inr [icon name="icon-inr"]

  • icon-jpy [icon name="icon-jpy"]

  • icon-cny [icon name="icon-cny"]

  • icon-krw [icon name="icon-krw"]

  • icon-btc [icon name="icon-btc"]

  • icon-file [icon name="icon-file"]

  • icon-file-text [icon name="icon-file-text"]

  • icon-sort-by-alphabet [icon name="icon-sort-by-alphabet"]

  • icon-sort-by-alphabet-alt [icon name="icon-sort-by-alphabet-alt"]

  • icon-sort-by-attributes [icon name="icon-sort-by-attributes"]

  • icon-sort-by-attributes-alt [icon name="icon-sort-by-attributes-alt"]

  • icon-sort-by-order [icon name="icon-sort-by-order"]

  • icon-sort-by-order-alt [icon name="icon-sort-by-order-alt"]

  • icon-thumbs-up [icon name="icon-thumbs-up"]

  • icon-thumbs-down [icon name="icon-thumbs-down"]

  • icon-youtube-sign [icon name="icon-youtube-sign"]

  • icon-youtube [icon name="icon-youtube"]

  • icon-xing [icon name="icon-xing"]

  • icon-xing-sign [icon name="icon-xing-sign"]

  • icon-youtube-play [icon name="icon-youtube-play"]

  • icon-dropbox [icon name="icon-dropbox"]

  • icon-stackexchange [icon name="icon-stackexchange"]

  • icon-instagram [icon name="icon-instagram"]

  • icon-flickr [icon name="icon-flickr"]

  • icon-adn [icon name="icon-adn"]

  • icon-bitbucket [icon name="icon-bitbucket"]

  • icon-bitbucket-sign [icon name="icon-bitbucket-sign"]

  • icon-tumblr [icon name="icon-tumblr"]

  • icon-tumblr-sign [icon name="icon-tumblr-sign"]

  • icon-long-arrow-down [icon name="icon-long-arrow-down"]

  • icon-long-arrow-up [icon name="icon-long-arrow-up"]

  • icon-long-arrow-left [icon name="icon-long-arrow-left"]

  • icon-long-arrow-right [icon name="icon-long-arrow-right"]

  • icon-apple [icon name="icon-apple"]

  • icon-windows [icon name="icon-windows"]

  • icon-android [icon name="icon-android"]

  • icon-linux [icon name="icon-linux"]

  • icon-dribbble [icon name="icon-dribbble"]

  • icon-skype [icon name="icon-skype"]

  • icon-foursquare [icon name="icon-foursquare"]

  • icon-trello [icon name="icon-trello"]

  • icon-female [icon name="icon-female"]

  • icon-male [icon name="icon-male"]

  • icon-gittip [icon name="icon-gittip"]

  • icon-sun [icon name="icon-sun"]

  • icon-moon [icon name="icon-moon"]

  • icon-archive [icon name="icon-archive"]

  • icon-bug [icon name="icon-bug"]

  • icon-vk [icon name="icon-vk"]

  • icon-weibo [icon name="icon-weibo"]

  • icon-renren [icon name="icon-renren"]

Alert

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue.

Error or danger!

Oh snap! Change a few things up and try submitting again.

success!

Well done! You successfully read this important alert message.

Information!

Heads up! This alert needs your attention, but it's not super important.

Testimonial

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.
John Doe
John Doe
Developer

Get the code

[testimonial name="AUTHOR_NAME" email="AUTHOR_EMAIL" company="AUTHOR_COMPANY" designation="AUTHOR_DESIGNATION"]ADD_CONTENT_HERE[/testimonial]

Map

Get the code

[spmap lat="LATITUDE" lng="LONGITUDE" zoom="VALUE 1 to 10"]

Tab

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.
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.
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.

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.
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.
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.

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

Get the code

[carousel]
[carousel_item]add image here [caption]Powerful templates framework to develop Joomla base website faster![/caption][/carousel_item]
[/carousel]

Accordion

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.
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.
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.

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]

The Joomla! Community

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.

The Joomla Blog

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.

The Joomla overview

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.

The Joomla Help

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.

Donec laoreet

Mauris id tortor magna consequat bibendum quam liquam viverra

Vestibulum gravida, risus non gravida suscipit, lorem lectus vestibulum velit, a tincidunt diam urna non mi. Integer ac lectus et urna fringilla blandit. Phasellus congue massa non felis vestibulum feugiat. In lobortis placerat interdum. Nam dapibus libero vel elit suscipit a semper lacus tempor. Duis vehicula vulputate rhoncus. Aenean feugiat sollicitudin sapien, non semper erat vehicula ut. Suspendisse a felis nunc. Suspendisse tristique iaculis ligula in porttitor. Proin diam ipsum, auctor ac mollis sollicitudin, ultrices ut lacus.

Proin condimentum ante at leo consectetur vehicula. Fusce feugiat metus sed erat egestas nec lobortis ipsum fringilla. Praesent elementum eleifend diam quis luctus. Vivamus a lectus ligula. Integer feugiat vehicula semper. Donec mauris augue, viverra eget convallis tempus, ornare eu diam. Nulla luctus nisl a augue dictum ac malesuada orci posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Aliquam eget

Mauris id tortor magna consequat bibendum quam liquam viverra

Vestibulum gravida, risus non gravida suscipit, lorem lectus vestibulum velit, a tincidunt diam urna non mi. Integer ac lectus et urna fringilla blandit. Phasellus congue massa non felis vestibulum feugiat. In lobortis placerat interdum. Nam dapibus libero vel elit suscipit a semper lacus tempor. Duis vehicula vulputate rhoncus. Aenean feugiat sollicitudin sapien, non semper erat vehicula ut. Suspendisse a felis nunc. Suspendisse tristique iaculis ligula in porttitor. Proin diam ipsum, auctor ac mollis sollicitudin, ultrices ut lacus.

Proin condimentum ante at leo consectetur vehicula. Fusce feugiat metus sed erat egestas nec lobortis ipsum fringilla. Praesent elementum eleifend diam quis luctus. Vivamus a lectus ligula. Integer feugiat vehicula semper. Donec mauris augue, viverra eget convallis tempus, ornare eu diam. Nulla luctus nisl a augue dictum ac malesuada orci posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Cons asci

Mauris id tortor magna consequat bibendum quam liquam viverra

Vestibulum gravida, risus non gravida suscipit, lorem lectus vestibulum velit, a tincidunt diam urna non mi. Integer ac lectus et urna fringilla blandit. Phasellus congue massa non felis vestibulum feugiat. In lobortis placerat interdum. Nam dapibus libero vel elit suscipit a semper lacus tempor. Duis vehicula vulputate rhoncus. Aenean feugiat sollicitudin sapien, non semper erat vehicula ut. Suspendisse a felis nunc. Suspendisse tristique iaculis ligula in porttitor. Proin diam ipsum, auctor ac mollis sollicitudin, ultrices ut lacus.

Proin condimentum ante at leo consectetur vehicula. Fusce feugiat metus sed erat egestas nec lobortis ipsum fringilla. Praesent elementum eleifend diam quis luctus. Vivamus a lectus ligula. Integer feugiat vehicula semper. Donec mauris augue, viverra eget convallis tempus, ornare eu diam. Nulla luctus nisl a augue dictum ac malesuada orci posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Lorem ipsum

Mauris id tortor magna consequat bibendum quam liquam viverra

Vestibulum gravida, risus non gravida suscipit, lorem lectus vestibulum velit, a tincidunt diam urna non mi. Integer ac lectus et urna fringilla blandit. Phasellus congue massa non felis vestibulum feugiat. In lobortis placerat interdum. Nam dapibus libero vel elit suscipit a semper lacus tempor. Duis vehicula vulputate rhoncus. Aenean feugiat sollicitudin sapien, non semper erat vehicula ut. Suspendisse a felis nunc. Suspendisse tristique iaculis ligula in porttitor. Proin diam ipsum, auctor ac mollis sollicitudin, ultrices ut lacus.

Proin condimentum ante at leo consectetur vehicula. Fusce feugiat metus sed erat egestas nec lobortis ipsum fringilla. Praesent elementum eleifend diam quis luctus. Vivamus a lectus ligula. Integer feugiat vehicula semper. Donec mauris augue, viverra eget convallis tempus, ornare eu diam. Nulla luctus nisl a augue dictum ac malesuada orci posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Picm scipit

Mauris id tortor magna consequat bibendum quam liquam viverra

Vestibulum gravida, risus non gravida suscipit, lorem lectus vestibulum velit, a tincidunt diam urna non mi. Integer ac lectus et urna fringilla blandit. Phasellus congue massa non felis vestibulum feugiat. In lobortis placerat interdum. Nam dapibus libero vel elit suscipit a semper lacus tempor. Duis vehicula vulputate rhoncus. Aenean feugiat sollicitudin sapien, non semper erat vehicula ut. Suspendisse a felis nunc. Suspendisse tristique iaculis ligula in porttitor. Proin diam ipsum, auctor ac mollis sollicitudin, ultrices ut lacus.

Proin condimentum ante at leo consectetur vehicula. Fusce feugiat metus sed erat egestas nec lobortis ipsum fringilla. Praesent elementum eleifend diam quis luctus. Vivamus a lectus ligula. Integer feugiat vehicula semper. Donec mauris augue, viverra eget convallis tempus, ornare eu diam. Nulla luctus nisl a augue dictum ac malesuada orci posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Cras venen

Mauris id tortor magna consequat bibendum quam liquam viverra

Vestibulum gravida, risus non gravida suscipit, lorem lectus vestibulum velit, a tincidunt diam urna non mi. Integer ac lectus et urna fringilla blandit. Phasellus congue massa non felis vestibulum feugiat. In lobortis placerat interdum. Nam dapibus libero vel elit suscipit a semper lacus tempor. Duis vehicula vulputate rhoncus. Aenean feugiat sollicitudin sapien, non semper erat vehicula ut. Suspendisse a felis nunc. Suspendisse tristique iaculis ligula in porttitor. Proin diam ipsum, auctor ac mollis sollicitudin, ultrices ut lacus.

Proin condimentum ante at leo consectetur vehicula. Fusce feugiat metus sed erat egestas nec lobortis ipsum fringilla. Praesent elementum eleifend diam quis luctus. Vivamus a lectus ligula. Integer feugiat vehicula semper. Donec mauris augue, viverra eget convallis tempus, ornare eu diam. Nulla luctus nisl a augue dictum ac malesuada orci posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Pellent suipit

Mauris id tortor magna consequat bibendum quam liquam viverra

Vestibulum gravida, risus non gravida suscipit, lorem lectus vestibulum velit, a tincidunt diam urna non mi. Integer ac lectus et urna fringilla blandit. Phasellus congue massa non felis vestibulum feugiat. In lobortis placerat interdum. Nam dapibus libero vel elit suscipit a semper lacus tempor. Duis vehicula vulputate rhoncus. Aenean feugiat sollicitudin sapien, non semper erat vehicula ut. Suspendisse a felis nunc. Suspendisse tristique iaculis ligula in porttitor. Proin diam ipsum, auctor ac mollis sollicitudin, ultrices ut lacus.

Proin condimentum ante at leo consectetur vehicula. Fusce feugiat metus sed erat egestas nec lobortis ipsum fringilla. Praesent elementum eleifend diam quis luctus. Vivamus a lectus ligula. Integer feugiat vehicula semper. Donec mauris augue, viverra eget convallis tempus, ornare eu diam. Nulla luctus nisl a augue dictum ac malesuada orci posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Donec quis

Mauris id tortor magna consequat bibendum quam liquam viverra

Vestibulum gravida, risus non gravida suscipit, lorem lectus vestibulum velit, a tincidunt diam urna non mi. Integer ac lectus et urna fringilla blandit. Phasellus congue massa non felis vestibulum feugiat. In lobortis placerat interdum. Nam dapibus libero vel elit suscipit a semper lacus tempor. Duis vehicula vulputate rhoncus. Aenean feugiat sollicitudin sapien, non semper erat vehicula ut. Suspendisse a felis nunc. Suspendisse tristique iaculis ligula in porttitor. Proin diam ipsum, auctor ac mollis sollicitudin, ultrices ut lacus.

Proin condimentum ante at leo consectetur vehicula. Fusce feugiat metus sed erat egestas nec lobortis ipsum fringilla. Praesent elementum eleifend diam quis luctus. Vivamus a lectus ligula. Integer feugiat vehicula semper. Donec mauris augue, viverra eget convallis tempus, ornare eu diam. Nulla luctus nisl a augue dictum ac malesuada orci posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Offices

Thessaloniki

(Building Atlantis - THERMI 2)

S. Kazantzidi Street – 2nd floor

9th Km Thessaloniki-Thermi

GR-57001 Thessaloniki, GREECE

P: +30 2310 478706

innopolis@otenet.gr

Aegion

33, Platonos

25100 Aegion, GREECE

P: +30 26910 60427

innopolis@otenet.gr

Samos

Ireon of Pythagorion

83103, Samos, GREECE

P: +30 22730 95333

innopolis@otenet.gr