Welcome to our gorgeous unique template

This is a menu item that links to this article. Sed ut perspiciatis unde omnis iste natus error sit, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Read more..

Grids

The grid is based on Skeleton framework by Dave Gamache . 

Skeleton's base grid is a variation of the 960 grid system with 16 columns. Each column has 40px. The syntax is simple and it's effective cross browser.

It would be very wise to use Firebug (in Firefox) or Developer Tools (in Chrome), it will surely make your life easier.

One + Fifteen:

one
fifteen

 

[grid1 first] one [/grid1] [grid15 last] fifteen [/grid15]

 

Two + Foureen:

two
fourteen

 

Three + Thirteen:

three
thirteen

 

Four + Twelve:

four
twelve

 

...

...

 


Six + Three + Three + Four:

six
three
three
four

 

[grid6 first] six [/grid6] [grid3] three [/grid3] [grid3] three [/grid3] [grid4 last] four [/grid4]

 

One-third + Two Thrids:

twothirds

 

Please look at this article in the Article manager to see how the shortcodes are added.

L'AZIENDA

About us

Lorem ipsum dolor sit amet

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. 

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

OUR TEAM

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Carol BaezArt Director
Lila FeltonGraphic Designer
Adolph TurnerWeb Developer
Michael StewartSales Representative
Joseph ScottSales Representative

Suspendisse ac arcu eu sem consequat molestie et in nunc. Donec ut ipsum id neque suscipit auctor. Vivamus at urna ipsum. Aliquam erat volutpat. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora 
John Doe - Company CEO

Our partners / Our Clients

How we work

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

how we work

TEAM CODE:

[core name="Carol Baez" function="Art Director" tooltip="description here" facebook="#" twitter="#" image="images/dummy_person.jpg"] [core name="Lila Felton" function="Graphic Designer" tooltip="description here" facebook="#" twitter="#" image="images/dummy_person.jpg"] [core name="Adolph Turner" function="Web Developer" tooltip="description here" facebook="#" twitter="#" image="images/dummy_person.jpg" order="last"] [core name="Michael Stewart" function="Sales Representative" tooltip="description here" twitter="#" image="images/dummy_person.jpg"] [core name="Joseph Scott" function="Sales Representative" tooltip="description here" facebook="#" image="images/dummy_person.jpg"]

MODULES POSITIONS

Fixed positions:

These modules positions use fixed positions and are mostly built for custom modules and have fixed:

  • audio_player - used for Audio Player module // fixed position, you can css position it where you want
  • background - used for slideshows, fixed images, videos in the background etc.
  • breadcrumbs - used for Breadcrumbs module
  • date - used for Date module
  • live_comments - used for Facebook Comments & Latest Tweets Module. It's fixed and located at { right: 0; top: 100px; }
  • menu - used for the Main menu.
  • search - used for Search module // fixed position, located at { bottom: 130px; left: 0; }
  • social_icons - used for social icons module // fixed position, located at {bottom: 85px; left:0; }
  • social_sharing - used for HG Social Sharing module (like, tweet, gplus buttons) // fixed position, located at: {right: 0; bottom: 75px;}

Special positions:

These positions are also fixed, but inside them you can place anything you want.

  • mainboxes - it's located right above the footer, you can place a carousel, images, or anything you want. It's especially built for a homepage or default page. This position only appears on Homepage where the component is disabled.
  • slideshow - it's especially built to have fixed width slideshows (not in background). Mostly used for homepage.
  • footer[1,2,3,4,5,6] - These modules have user defined width, you can align them on right/left.

Normal positions:

  • maintop - up to 16 modules (each 40px wide)
  • mainbottom - up to 16 modules (each 40px wide)
  • utility - up to 16 modules (each 40px wide)
  • showcase - up to 16 modules (each 40px wide)
  • sidebar_left
  • sidebar_right

Generic Joomla positions:

  • debug - used for Joomla for displaying data when set on debug mode

Across the website (in module manager) you will see some module positions like contact_details, contact_form, newsletter_module, partners_module, qrcode. These modules are loaded inside the PopupIcon modules or loaded via {loadposition} syntax inside the articles. They just have a unique module position to be called inside an article or other module.

 

MODULES MAP » HOMEPAGE

 

MODULES MAP » INNER PAGES

 

PRODOTTI

About us

Lorem ipsum dolor sit amet

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. 

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

OUR TEAM

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Carol BaezArt Director
Lila FeltonGraphic Designer
Adolph TurnerWeb Developer
Michael StewartSales Representative
Joseph ScottSales Representative

Suspendisse ac arcu eu sem consequat molestie et in nunc. Donec ut ipsum id neque suscipit auctor. Vivamus at urna ipsum. Aliquam erat volutpat. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora 
John Doe - Company CEO

Our partners / Our Clients

How we work

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

how we work

TEAM CODE:

[core name="Carol Baez" function="Art Director" tooltip="description here" facebook="#" twitter="#" image="images/dummy_person.jpg"] [core name="Lila Felton" function="Graphic Designer" tooltip="description here" facebook="#" twitter="#" image="images/dummy_person.jpg"] [core name="Adolph Turner" function="Web Developer" tooltip="description here" facebook="#" twitter="#" image="images/dummy_person.jpg" order="last"] [core name="Michael Stewart" function="Sales Representative" tooltip="description here" twitter="#" image="images/dummy_person.jpg"] [core name="Joseph Scott" function="Sales Representative" tooltip="description here" facebook="#" image="images/dummy_person.jpg"]