I soci della SIE si dividono in:

1. Soci Ordinari
2. Soci Tecnici
3. Soci Professionisti
4. Soci EurErg
5. Soci Sostenitori

L'attribuzione del titolo è fatta in relazione al livello di conoscenve, competenze ed esperienze dimostrate. Per il titolo di EurErg si fa riferimento alle indicazioni del CREE che è l'organismo europeo di certificazione. 

Il 28 di novembre 2018, all'Assemblea dei soci SIE, che si tiene a Firenze alle ore 15, sarà eletto il nuovo presidente SIE. Le candidature sono due: Tommaso Bellandi e Renato Di Gregorio.
Alleghiamo la presentazione che hanno fatto i due soci SIE del proprio profilo e delle linee che conterebbero di seguire nel ruolo di presidenti, una volta eletti.

Dal 26 al 30 di Agosto, a Firenze, si tiene il Congresso annuale dello IEA (International Association Ergonomics). Il 26 abbiamo organizzato un workshop sul tema dell'Ergonomia dei Cammini. L'iscrizione al workshop costa 200,00 €. . Le relazioni che i partecipanti vorranno presentare in tale occasione vanno inoltrati agli organizzatori del workshop.

Si veda la locandina con il programma provvisorio predisposto.

Per il giorno 5 maggio, alle ore 11, è convocato, a Bologna, presso Ergomas,ÂÂÂ il direttivo SIE Nazionale. All'ordine del giorno vi è:

- il congresso IEA 2018

- il congresso SIE 2016

- Rivista Ergonomia

- Sesioni territoriali e gruppi di lavoro

- Varie ed eventuali.

Noi al momento abbiamo chiesto di mettere all'ordine del giorno il ruolo della SIE nel rapporto con il MIUR per i temi dell'innovazione nella Scuola. Chi avesse da indicare temi significativi da trattare è pregato di scrivere al presidente ( Questo indirizzo email è protetto dagli spambots. È necessario abilitare JavaScript per vederlo.).

COOKIES

I cookie sono brevi frammenti di testo (lettere e/o numeri) che permettono al server web di memorizzare sul client (il browser) informazioni da riutilizzare nel corso della medesima visita al sito (cookie di sessione) o in seguito, anche a distanza di giorni (cookie persistenti). I cookie vengono memorizzati, in base alle preferenze dell’utente, dal singolo browser sullo specifico dispositivo utilizzato (computer, tablet, smartphone).
Tecnologie similari, come, ad esempio, web beacon, GIF trasparenti e tutte le forme di storage locale introdotte con HTML5, sono utilizzabili per raccogliere informazioni sul comportamento dell’utente e sull’utilizzo dei servizi.
Nel seguito di questo documento faremo riferimento ai cookie e a tutte le tecnologie similari utilizzando semplicemente il termine “cookie”.

TIPOLOGIE DI COOKIE

In base alle caratteristiche e all’utilizzo dei cookie possiamo distinguere diverse categorie:
Cookie strettamente necessari
Si tratta di cookie indispensabili per il corretto funzionamento del sito e sono utilizzati per gestire il login e l’accesso alle funzioni riservate del sito. La durata dei cookie è strettamente limitata alla sessione di lavoro (chiuso il browser vengono cancellati). La parte pubblica del sito resta normalmente utilizzabile.

Cookie di analisi e prestazioni
Sono cookie utilizzati per raccogliere e analizzare il traffico e l’utilizzo del sito in modo anonimo. Questi cookie, pur senza identificare l’utente, consentono, per esempio, di rilevare se il medesimo utente torna a collegarsi in momenti diversi. Permettono inoltre di monitorare il sistema e migliorarne le prestazioni e l’usabilità. La disattivazione di tali cookie può essere eseguita senza alcuna perdita di funzionalità.

Cookie di profilazione
Si tratta di cookie permanenti utilizzati per identificare (in modo anonimo e non) le preferenze dell’utente e migliorare la sua esperienza di navigazione. Il sito www.eu-design.it non utilizza cookie di questo tipo.

Cookie di terze parti
Visitando un sito web si possono ricevere cookie sia dal sito visitato (“proprietari”), sia da siti gestiti da altre organizzazioni (“terze parti”). Un esempio notevole è rappresentato dalla presenza dei “social plugin” per Facebook, Twitter, Google+ e LinkedIn. Si tratta di parti della pagina visitata generate direttamente dai suddetti siti ed integrati nella pagina del sito ospitante. L’utilizzo più comune dei social plugin è finalizzato alla condivisione dei contenuti sui social network.
La presenza di questi plugin comporta la trasmissione di cookie da e verso tutti i siti gestiti da terze parti. La gestione delle informazioni raccolte da “terze parti” è disciplinata dalle relative informative cui si prega di fare riferimento. Per garantire una maggiore trasparenza e comodità, si riportano qui di seguito gli indirizzi web delle diverse informative e delle modalità per la gestione dei cookie.
Facebook informativa: https://www.facebook.com/help/cookies
Facebook (configurazione): accedere al proprio account. Sezione privacy.
Twitter informative: https://support.twitter.com/articles/2017051
Twitter (configurazione): https://twitter.com/settings/security
Linkedin informativa: https://www.linkedin.com/legal/cookie-policy
Linkedin (configurazione): https://www.linkedin.com/settings/
Google+ informativa: http://www.google.it/intl/it/policies/technologies/cookies/
Google+ (configurazione): http://www.google.it/intl/it/policies/technologies/managing/

Google Analytics
L’utente può disabilitare in modo selettivo l’azione di Google Analytics installando sul proprio browser la componente di opt-out fornito da Google. Per disabilitare l’azione di Google Analytics, si rinvia al link di seguito indicato: https://tools.google.com/dlpage/gaoptout

DURATA DEI COOKIE

Alcuni cookie (cookie di sessione) restano attivi solo fino alla chiusura del browser o all’esecuzione del comando di logout. Altri cookie “sopravvivono” alla chiusura del browser e sono disponibili anche in successive visite dell’utente.
Questi cookie sono detti persistenti e la loro durata è fissata dal server al momento della loro creazione. In alcuni casi è fissata una scadenza, in altri casi la durata è illimitata.

L’utente può decidere se accettare o meno i cookie utilizzando le impostazioni del proprio browser.
Attenzione: la disabilitazione totale o parziale dei cookie tecnici può compromettere l’utilizzo delle funzionalità del sito riservate agli utenti registrati. Al contrario, la fruibilità dei contenuti pubblici è possibile anche disabilitando completamente i cookie.
La disabilitazione dei cookie “terze parti” non pregiudica in alcun modo la navigabilità.
L’impostazione può essere definita in modo specifico per i diversi siti e applicazioni web. Inoltre i migliori browser consentono di definire impostazioni diverse per i cookie “proprietari” e per quelli di “terze parti”.
A titolo di esempio, in Firefox, attraverso il menu Strumenti->Opzioni ->Privacy, è possibile accedere ad un pannello di controllo dove è possibile definire se accettare o meno i diversi tipi di cookie e procedere alla loro rimozione.
Chrome: https://support.google.com/chrome/answer/95647?hl=it
Firefox: https://support.mozilla.org/it/kb/Gestione%20dei%20cookie
Internet Explorer: http://windows.microsoft.com/it-it/windows7/how-to-manage-cookies-in-internet-explorer-9
Opera: http://help.opera.com/Windows/10.00/it/cookies.html
Safari: http://support.apple.com/kb/HT1677?viewlocale=it_IT

In questa sezione sono enumerati le News Letter pubblicate on line nel 2011.

In questa sezione sono enumerati le News Letter pubblicate on line nel 2010

In questa sezione sono enumerati le News Letter pubblicate on line nel 2009.

In questa sezione sono enumerati le News Letter pubblicate on line nel 2008.

In questa sezione sono enumerati le News Letter pubblicate on line nel 2007.

Il progetto RETEMARK 1 è un progetto realizzato nell'ambito dell'Associazione dei Comuni della provincia di Latina per i comuni di Castelforte, Minturno e Santi Cosma e Damiano. RETEMARK 1 è stato il campo di esercitazione per i partecipanti al IV Master di Ergonomia organizzato dalla SIE Lazio, in particolare della Sara Corbo e Cono Sanseverino, e poi un'opportunità per i membri dell'Associazione di far conoscere il ruolo e le finalità della SIE nell'ambito della progettazione partecipata realizzata nei Comuni Italiani.

Le Scuole hanno una missione educativa e formativa. Per entrambi i motivi costituiscono per la SIE un alleato naturale per la diffusione di valori che privilegiano la ricerca di condizioni di vita e di lavoro di qualità e di piena soddisfazione dei cittadini e dei lavoratori, ma più in generale di tutti gli esseri viventi.
Per questo motivo la SIE Lazio fornisce volentieri la sua sponsorship a quelle iniziative che perseguano questa finalità e che cercano attraverso anche finanziamenti pubblici le risorse per finanziarsi progetti che consentano di sviluppare processi di educazione ispirati ai principi a cui i soci della SIE fanno riferimento.

 

SIE BOOK è una iniziativa che consente ai soci della SIE Lazio di offrire gratuitamente agli altri soci una lezione di quattro ore su una disciplina di cui si sentono preparati. Il calendario 2011 prevede una lezione al mese. Alle lezioni possono partecipare anche persone non iscritte all'Associazione, ma che si avvicinano all'Ergonomia in previsione di una probabile iscrizione. 
Il calendario è riportato in allegato.

Il primo incontro di SIEBook è stato tenuto da Angelo Sacco, il 4 marzo 2011. 
In allegato il verbale della lezione realizzato da Eliana Di Cecca.

Il secondo incontro di SIEBook è stato tenuto da Paola Cenni, il 4 aprile 2011. 
In allegato il verbale della lezione realizzato da Eliana Di Cecca.

Il 23 settembre 2012 si è tenuto l'8° incontro SIEBOOK del 20 12 a cura della dr.a Giuseppina Bosco sul tema Nuovi metodi di controllo della prevenzione dei rischi sul territorio. Si tratta di un tema rilevante per il benessere e la sicurezza che è stato elaborato sperimentato in particolare dallo SPRESAL della ASL Roma B.

Il 20 di settembre presso l'Università di Roma, La Sapienza, in via Salaria, Renato Di Gregorio, come da programma, ha tenuto la lezione sulla "progettazione partecipata". Erano presenti soci del Direttivo SIE, soci della SIE Lazio e alcuni studenti che seguono il laboratorio di Ergonomia della prof.ssa Ivaldi.
Le slide che ha utilizzato sono riportate in allegato.

Il 25 di ottobre 2011, presso la Sapienza, in via Salaria, dalle 16 alle 19, c'è stata l'interessante lezione del dott. Francesco Draicchio, che ha trattato il tema dello studio del  rapporto tra carichi e movimenti.
Dopo aver tracciato la storia del modo con cui effettuare lo studio, Draicchio si è soffermato sulle tecniche moderne effettuate in laboratorio sottolineando che la committenza di tali studi è spesso impersonata da aziende che cercano competenze adeguate e investono in ricerca per finalità legate al benessere dei lavoratori e alla produttività del lavoro. ​

Con questo articolo di prova si inaugura l'apertura della sezione "Blog" del sito.

Il 27, 28 e 29 di ottobre si è tenuto a Roma il IX Congresso nazionale di Ergonomia.
Esso è stato organizzato dalla Sezione SIELazio presso il Centro Congressi del CNR in piazza Aldo Moro a Roma, con l'ausilio della RM Congressi.
Una copia degli Atti del Convegno si trovano presso la segreteria dell'Associazione a livello nazionale.

L’occasione della Biennale dello Spazio Pubblico è un’importante opportunità per mettere in rete queste esperienze e “fare sistema”, promuovendo una nuova cultura della partecipazione e della progettazione. 

13 Maggio 2011 – Pomeriggio, ore 15 – Aula B 

Presentazione – Progettazione partecipata intercomunale dei laboratori di marketing territoriale all’interno dell’Associazione SER.A.L. (prov. Latina) di Renato Di Gregorio (Società Italiana di Ergonomia Sezione Lazio)

CASA DELL’ ARCHITETTURA, (EX ACQUARIO ROMANO), FACOLTA’ DI ARCHITETTURA, ROMA TRE, (TESTACCIO - EX MATTATOIO)

 

La lezione ha riguardato il rapporto dell'ergonomia con l'ambiente, in particolare l'ambiente costruito, ai fini del benessere e della qualità della vita

Il seminario è stato tenuto da Renato Di Gregorio. Il modello che è stato presentato è quello dell'Organizzazione Territoriale. La sua applicazione consente un miglioramento della qualità della vita sui territori oltre che nelle organizzazioni che in essi sono state costituite. Sono stati presentati il modello e la sua applicazione operativa nel Lazio.

Al seminario ha partecipato una troupe della UIL che ha ripreso la presentazione di Renato Di Gregorio.

L'ERGONOMIA VERSO UN MODELLO DI CITTA' SOSTENIBILE:

fattore umano, tecnologie, inclusione sociale, comunicazione

TORINO, 18/19/20 novembre 2013

Auditorium Telecom Italia

Corso Bramante 20

Aree Tematiche

• Ergonomia e Governance
• Benessere ed efficienza dei sistemi
• Invecchiamento della popolazione
• Strategie per la sostenibilità: territorio, infrastrutture, ambiente urbano
• Ergonomia e design
• Design for All/Universal Design
• Interaction Design o User Experience Design
• Trasporti e Mobilità
• Servizi Educativo-Scolastici e Culturali

 

Il 9 marzo 2012 si è tenuto presso UIL, Via Lucullo 6, un Seminario che ha sviluppato una rilevante tematica trattata nel MasterErgonomia e Fattori Umani. Al Seminario hanno preso parte l'avv. Lorenzo Fantini responsabile di prevenzione e sicurezza del Ministero del Lavoro e delle Politiche Sociali, la prof.a Francesca Tosi, presidente SIE, la dott.a Paola Cenni, vicepresidente SIE, la dott.a Gabriella Galli, prevenzione e sicurezza UIL, la dott.a Giuseppina Bosco, direttore Spresal ASL Roma B e l'ing. Fabiola Leuzzi, Confindustria.

Hanno preso parte al Seminario docenti e allievi del Master Ergonomia e Fattori Umani, soci SIE, delegati ed esperti UIL, studenti.

La locandina del Seminario è allegata.

Il 3 luglio 2012 si è tenuta a Roma presso il Dipartimento di Comunicazione e Ricerca Sociale una giornata di studio interna alla SIE Lazio finalizzata a riflettere sul ruolo dell’Ergonomo. La premessa su cui è stato impostato il processo di riflessione recitava così: “Il principio di base che caratterizza l’Ergonomia è quello di ricercare il benessere delle persone in tutte le forme di vita e di lavoro che costituiscono attraverso la progettazione di prodotti, ambienti di vita e di lavoro, processi di produzione e organizzazione, scelte di politiche urbanistiche e del paesaggio rispondenti alle esigenze della comunità. La progettazione richiede una visione “sistemica” e l’uso integrato di discipline e di competenze variegate che consentono di trovare soluzioni soddisfacenti. Il processo di progettazione e strutturazione ha poi in Ergonomia il carattere peculiare della partecipazione proprio perché le soluzioni individuate sono il risultato di una combinazione di saperi, dove la “complessità” non è vocabolo negativo, ma assolutamente adeguato per caratterizzare l’analisi e la progettazione di soluzioni innovative.”

 

Il presidente dell’Associazione, la prof.ssa Ivetta Ivaldi, ha aperto l’incontro sottolineando gli obiettivi della giornata e il fatto che la riflessione sul ruolo dell'Ergonomo è stata sollecitata dall’esperienza del V Master in Ergonomia realizzato dalla SIE Lazio che ha proprio l’obiettivo di formare delle persone per svolgere questo ruolo.

I temi di approfondimento proposti per la giornata di studio  erano: l’approccio ergonomico tra disciplina e integrazione sistemica,  i processi di progettazione delle soluzioni ergonomiche,  la formazione dell’ergonomo e la sua identità nelle comunità.

I soci presenti si sono così divisi nei tre sottogruppi previsti e hanno poi esposto in plenaria le riflessioni  maturate.

Per quanto riguarda il ruolo si evidenzia che, a fronte della complessità della progettazione a cui l’ergonomo è sempre esposto e alla necessità di coinvolgere e integrare conoscenze e competenze variegate da scegliere di volta in volta in relazione al problema su cui lavorare, l’ergonomo deve svolgere un’azione prevalentemente di carattere manageriale (integrazione e finalizzazione di risorse) e deve riconoscere e usare strumenti di analisi scientifica in ogni campo ma anche strumenti di project management per trovare soluzioni praticabili e condivise.

Per quanto riguarda l’integrazione tra discipline diverse a garanzia di un approccio sistemico, si è condivisa la necessità per l’ergonomo di lavorare badando alla interdisciplinarietà piuttosto che alla multidisciplinarietà, puntando alla transdisciplinarietà. In questo senso va fatto uno sforzo per trovare nelle radici delle discipline i fattori distintivi, ma anche comuni che possano facilitare l’integrazione. Il metodo della ricerca scientifica è certamente un elemento comune a tutte le discipline, così come il comportamento umano e il suo sistema di apprendimento è fattore utile per l’integrazione.

Per quanto riguarda infine la formazione e la comunicazione, si è convenuto di agire su quattro fronti: continuare la formazione di coloro che abbracciano la professione di ergonomo, promuovere un’azione di acculturamento generale della comunità sui temi della qualità della vita e della vita di lavoro a partire dalla Scuola, svolgere un’azione di apprendimento del contesto da parte dell’ergonomo nel mentre opera, divulgare i risultati delle soluzioni trovate come risposta alle esigenze degli esseri umani, ma anche come opportunità per contenere sprechi di risorse e costi di gestione.

 

Il socio ordinario deve dimostrare di avere acquisito una conoscenza di base di Ergonomia, avendo frequentato alcuni corsi di formazione in uno dei campi che l'Ergonomia abbraccia. 

 

Il socio Tecnico è un socio qualificato che dimostra di avere una conoscenza approfondita dell'Ergonomia e dei suoi campi applicativi e di posedere una competenza dimostrata di interventi effettuati nel campo dell'Ergonomia. Si veda il Regolamento. 

Il socio Professionista è un socio laureato che ha una profonda conoscenza dell'Ergonomia e una provata competenza a gestire progetti complessi di valenza interdisciplinare, una esperienza comprovata di interventi di natura sistemica

La News Letter è un periodico realizzato dalla SIELazio a partire dal 1992. La sua pubblicazione di è fermata per qualche tempo e poi è ripresa nel 2005. In archivio abbiamo insrito le copie a partire dal 2007

La SIE Lazio è la sezione regionale della SIE (Società Italiana di Ergonomia).

Essa fu costituita il 24 settembre 1991 presso la Facoltà di Sociologia dell’Università degli Studi di Roma La Sapienza.

Il suo presidente è il dott. Renato Di Gregorio, eletto il 24 febbraio 2016

La Sezione regionale è guidata dal presidente e da un Consiglio Direttivo i cui membri sono stati eletti dall'Assemblea dei soci o cooptati tra i soci a seguito della dimissione di alcuni membri.

Invitiamo tutti i visitatori di questo sito web di collaborare con la nostra Associazione e di iscriversi per portare un contributo fattivo e diretto che consenta di diffondere i principi e i valori dell'Associazione per il miglioramento della qualità della vita e della vita di lavoro.

 

404 OOPS!

Pagina non trovata!

"La pagina che cerchi potrebbe essere stata spostata o eliminata."

Ritorna alla home

 

There are several available module designs that you can control by entering the correct suffix name to a module parameter.
Let's check them all.

This template is using fully responsive layout that adjusts to various screens: desktops, tablets or mobiles.
EF4 Framework includes Layout Builder tool which allows you to customize template layout for different screen dimensions.


Ut lectus felis, facilisis nec erat at, pretium pellentesque lectus. Donec sit amet nibh est. Morbi augue libero, pretium vitae nulla ac, malesuada ultricies neque. Donec eget neque erat. Nam dictum justo sit amet placerat consectetur. Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis urna erat quis justo.

Morbi vel placerat nisl, ut tempor odio. Sed lacinia purus sit amet lorem dictum tincidunt. Nunc placerat egestas vehicula. Fusce eu risus sit amet metus sagittis volutpat vehicula porttitor elit. Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat.

Cras eleifend iaculis purus sed hendrerit. Nulla facilisi. Sed congue semper consequat. Nam viverra semper libero, a luctus eros. Nulla porttitor commodo velit nec rhoncus.


Cras eu quam vitae magna cursus adipiscing. Etiam quis mi lacus. Proin fermentum velit non ligula malesuada imperdiet. Sed sapien enim, porta vel tempus sed, suscipit quis nisl. In vestibulum ut massa eu feugiat.

Nulla vestibulum ultrices felis sit amet dapibus. Suspendisse et ligula hendrerit, auctor justo vel, sagittis metus. Mauris tincidunt quam eu pulvinar sagittis. Pellentesque imperdiet, purus vel feugiat pharetra, lectus velit scelerisque nisi, a aliquam nibh augue vel urna. In volutpat tellus et pulvinar varius. Aenean ultricies euismod rhoncus.


Cras eleifend iaculis purus sed hendrerit. Nulla facilisi. Sed congue semper consequat. Nam viverra semper libero, a luctus eros. Nulla porttitor commodo velit nec rhoncus. Vivamus blandit tellus risus, et hendrerit nisi aliquet ut. Ut imperdiet orci tellus, in tristique urna mattis eu. Pellentesque ligula nisl, hendrerit nec facilisis sit amet, faucibus ac nulla. Morbi et consectetur ante. Etiam eu sodales tortor, ac dapibus lectus.

Cras eleifend iaculis purus sed hendrerit. Nulla facilisi. Sed congue semper consequat. Nam viverra semper libero, a luctus eros. Nulla porttitor commodo velit nec rhoncus.

In laoreet tempor felis, in ornare urna consequat sit amet. Praesent vehicula libero ac tellus rutrum ultrices. Sed eu consectetur libero, id varius massa. Quisque vestibulum tempus felis. Nulla interdum varius arcu nec accumsan.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut lectus felis, facilisis nec erat at, pretium pellentesque lectus.

Nam dictum justo sit amet placerat consectetur. Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis. Quisque vestibulum tempus felis. Nulla interdum varius arcu nec. Duis id erat nunc.

Il Master in Ergonomia organizzato dalla Sezione Lazio della SIE è alla sua quinta edizione. Il programma è partito il 18 novembre e terminerà il 13 luglio 2012. 
Il costo di partecipazione è di 3.200,00 € + IVA. Gli studenti possono fruire di uno sconto del 10%. Le organizzazioni possono risultare sponsor dell'iniziativa offrendo una o più borse di studio. Ci si può iscrivere a singole lezioni ad un costo di 200,00 € + IVA. Il pagamento della somma relativa al Master può essere rateizzata. 
Il programma didattico consta di 420 ore complessive, di cui una parte destinata a redigere un progetto ergonomico in una realtà locale o in un'azienda scelta di comune accordo con ciascun partecipante. 
Per le iscrizioni al Master si deve usare la scheda scaricabile da questa pagina. Per iscriversi a singole lezioni inviare una richiesta di partecipazione e il proprio curriculum al presidente della SIE Lazio (Questo indirizzo email è protetto dagli spambots. È necessario abilitare JavaScript per vederlo.;Questo indirizzo email è protetto dagli spambots. È necessario abilitare JavaScript per vederlo.) o ad R.M. Società di Congressi (tel. 0270126308; fax 027382610). 
Possono iscriversi tutte le persone munite di certificato di laurea (anche breve) o di altro titolo, anche minore, ma con una esperienza comprovata.

Animated hover CSS3 effects for images

This code allows you to display an image and its description with animated CSS3 effect. Note: If you would like to add your own text into the image description, just modify the code below or edit an existing code in the custom module of the demo template.

Example 1

<div class="ch-item ch-first" style="background: url('/images/bootstrap_sample/animated.jpg') no-repeat;"> <div class="ch-info"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="/joomla30/jm-financial-services/#link">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div>

Example 2

<div class="ch-item ch-second" style="background: url('/new/images/bootstrap_sample/animated.jpg') no-repeat;"> <div class="ch-info-wrap"> <div class="ch-info"> <div class="ch-info-front"> </div> <div class="ch-info-back"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="/joomla30/jm-financial-services/#link">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div> </div> </div>

Example 3

<div class="ch-item ch-third"> <div class="ch-info"> <div class="ch-info-front" style="background: url('/new/images/bootstrap_sample/animated.jpg') no-repeat;"> </div> <div class="ch-info-back"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="/joomla30/jm-financial-services/#link">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div> </div>

Video

<div class="view view-video"><img src="/new/images/bootstrap_sample/animated.jpg" border="0" alt="Video" /> <div class="mask"> <span class="space"> &nbsp; </span> <a class="modal readmore" href="/joomla30/jm-financial-services/#link" rel="{handler: 'iframe', size: {x: 800, y: 600}}"><span>Watch the Video</span></a></div>

Image Borders

<img class="img-rounded" src="/new/image.jpg" />
Typography

<img class="img-circle" src="/new/image.jpg" />
Typography

<img class="img-polaroid" src="/new/image.jpg" />
Typography
<img class="border_img1" src="/new/image.jpg" />
Typography

<img class="border_img2" src="/new/image.jpg" />
Typography

<img class="border_img3" src="/new/image.jpg" />
Typography

Headings

This is Heading One (h1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Two (h2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Three (h3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

This is Heading Four (h4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Five (h5)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Six (h6)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

Numered blocks

<p class="jm-block"><span class="jm">01</span>Text goes here</p>

01Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

02Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

03Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

<p class="jm-block second"><span class="jm">a</span>Text goes here</p>

aLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

bLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

cLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

Colored Blocks

<div class="alert">Text goes here</div>
<div class="alert alert-error">Text goes here</div>
<div class="alert alert-success">Text goes here</div>
<div class="alert alert-info">Text goes here</div>

Icon blocks

<p class="jmbadge" >Text goes here</p>

<p class="jmcalendar" >Text goes here</p>

<p class="jmchat" >Text goes here</p>

<p class="jmcheck" >Text goes here</p>

<p class="jmcloud" >Text goes here</p>

<p class="jmdirection" >Text goes here</p>

<p class="jmdivide" >Text goes here</p>

<p class="jmerror" >Text goes here</p>

<p class="jmfire" >Text goes here</p>

<p class="jmflag" >Text goes here</p>

<p class="jmheart" >Text goes here</p>

<p class="jmhome" >Text goes here</p>

<p class="jminfo" >Text goes here</p>

<p class="jmlist" >Text goes here</p>

<p class="jmmail" >Text goes here</p>

<p class="jmpeople" >Text goes here</p>

<p class="jmstar" >Text goes here</p>

<p class="jmstat" >Text goes here</p>

Blockquote

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>John Doe</small>
</blockquote>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

John Doe
<blockquote class="pull-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>John Doe</small>
</blockquote>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

John Doe
<p class="quote-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>

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.

<p class="quote-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>

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.

Unordered lists

<ul>
<-- list goes here -->
</ul>
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
<ul class="jm-light">
<-- list goes here -->
</ul>
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
<ul class="jm-dark">
<-- list goes here -->
</ul>
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum

Ordered lists

<ol>
<-- list goes here -->
</ol>
  1. Duis tincidunt nunc sit amet ipsum
  2. Duis tincidunt nunc sit amet ipsum
  3. Duis tincidunt nunc sit amet ipsum
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum
<ol class="jm-roman">
<-- list goes here -->
</ol>
  1. Duis tincidunt nunc sit amet ipsum
  2. Duis tincidunt nunc sit amet ipsum
  3. Duis tincidunt nunc sit amet ipsum
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum
<ol class="jm-alpha">
<-- list goes here -->
</ol>
  1. Duis tincidunt nunc sit amet ipsum
  2. Duis tincidunt nunc sit amet ipsum
  3. Duis tincidunt nunc sit amet ipsum
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum

Read More / Button

<a class="readmore" href="#">Read more</a>

Read more

<a class="btn" href="#">Button</a>

Button

Glyphicon Font

<span class="icon-joomla">&nbsp</span>
icon-asterisk
icon-plus
icon-euro
icon-minus
icon-cloud
icon-envelope
icon-pencil
icon-glass
icon-music
icon-search
icon-heart
icon-star
icon-star-empty
icon-user
icon-film
icon-th-large
icon-th
icon-th-list
icon-ok
icon-remove
icon-zoom-in
icon-zoom-out
icon-off
icon-signal
icon-cog
icon-trash
icon-home
icon-file
icon-time
icon-road
icon-download-alt
icon-download
icon-upload
icon-inbox
icon-play-circle
icon-repeat
icon-refresh
icon-list-alt
icon-lock
icon-flag
icon-headphones
icon-volume-off
icon-volume-down
icon-volume-up
icon-qrcode
icon-barcode
icon-tag
icon-tags
icon-book
icon-bookmark
icon-print
icon-camera
icon-font
icon-bold
icon-italic
icon-text-height
icon-text-width
icon-align-left
icon-align-center
icon-align-right
icon-align-justify
icon-list
icon-indent-left
icon-indent-right
icon-facetime-video
icon-picture
icon-map-marker
icon-adjust
icon-tint
icon-edit
icon-share
icon-check
icon-move
icon-step-backward
icon-fast-backward
icon-backward
icon-play
icon-pause
icon-stop
icon-forward
icon-fast-forward
icon-step-forward
icon-eject
icon-chevron-left
icon-chevron-right
icon-plus-sign
icon-minus-sign
icon-remove-sign
icon-ok-sign
icon-question-sign
icon-info-sign
icon-screenshot
icon-remove-circle
icon-ok-circle
icon-ban-circle
icon-arrow-left
icon-arrow-right
icon-arrow-up
icon-arrow-down
icon-share-alt
icon-resize-full
icon-resize-small
icon-exclamation-sign
icon-gift
icon-leaf
icon-fire
icon-eye-open
icon-eye-close
icon-warning-sign
icon-plane
icon-calendar
icon-random
icon-comment
icon-magnet
icon-chevron-up
icon-chevron-down
icon-retweet
icon-shopping-cart
icon-folder-close
icon-folder-open
icon-resize-vertical
icon-resize-horizontal
icon-hdd
icon-bullhorn
icon-bell
icon-certificate
icon-thumbs-up
icon-thumbs-down
icon-hand-right
icon-hand-left
icon-hand-up
icon-hand-down
icon-circle-arrow-right
icon-circle-arrow-left
icon-circle-arrow-up
icon-circle-arrow-down
icon-globe
icon-wrench
icon-tasks
icon-filter
icon-briefcase
icon-fullscreen
icon-dashboard
icon-paperclip
icon-heart-empty
icon-link
icon-phone
icon-pushpin
icon-usd
icon-gbp
icon-sort
icon-sort-by-alphabet
icon-sort-by-alphabet-alt
icon-sort-by-order
icon-sort-by-order-alt
icon-sort-by-attributes
icon-sort-by-attributes-alt
icon-unchecked
icon-expand
icon-collapse-down
icon-collapse-up
icon-log-in
icon-flash
icon-log-out
icon-new-window
icon-record
icon-save
icon-open
icon-saved
icon-import
icon-export
icon-send
icon-floppy-disk
icon-floppy-saved
icon-floppy-remove
icon-floppy-save
icon-floppy-open
icon-credit-card
icon-transfer
icon-cutlery
icon-header
icon-compressed
icon-earphone
icon-phone-alt
icon-tower
icon-stats
icon-sd-video
icon-hd-video
icon-subtitles
icon-sound-stereo
icon-sound-dolby
icon-sound-5-1
icon-sound-6-1
icon-sound-7-1
icon-copyright-mark
icon-registration-mark
icon-cloud-download
icon-cloud-upload
icon-tree-conifer
icon-tree-deciduous

Social Module

<p class="jm-icons"> <a class="jm-facebook" href="/joomla30/jm-financial-services/#link">&nbsp;</a> <a class="jm-link" href="/joomla30/jm-financial-services/#link">&nbsp;</a> <a class="jm-skype" href="/joomla30/jm-financial-services/#link">&nbsp;</a> <a class="jm-twitter" href="/joomla30/jm-financial-services/#link">&nbsp;</a> <a class="jm-google" href="/joomla30/jm-financial-services/#link">&nbsp;</a> </p>

     

Offcanvas button

<p><a class="toggle-nav menu"><span class="icon-align-justify"></span></a></p>

You will love our school (article)

<div class="jm-tabhome">
<div class="row-fluid">
<div class="span4">
<div class="box"><div class="jm-ico"><span class="icon-camera"></span></div> <div class="jm-desc"><a class="jm-label" href="/new/#">Lorem ipsum dolor sit amet</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p></div>
</div>
<div class="box"><div class="jm-ico"><span class="icon-calendar"></span></div> <div class="jm-desc"><a class="jm-label" href="/new/#">Lorem ipsum dolor sit amet</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p></div>
</div>
</div>
<div class="span4">
<div class="box"><div class="jm-ico"><span class="icon-heart"></span></div> <div class="jm-desc"><a class="jm-label" href="/new/#">Lorem ipsum dolor sit amet</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p></div>
</div>
<div class="box"><div class="jm-ico"><span class="icon-picture"></span></div> <div class="jm-desc"><a class="jm-label" href="/new/#">Lorem ipsum dolor sit amet</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p></div>
</div>
</div>
<div class="span4">
<div class="box"><div class="jm-ico"><span class="icon-eye-open"></span></div> <div class="jm-desc"><a class="jm-label" href="/new/#">Lorem ipsum dolor sit amet</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p></div>
</div>
<div class="box"><div class="jm-ico"><span class="icon-book"></span></div> <div class="jm-desc"><a class="jm-label" href="/new/#">Lorem ipsum dolor sit amet</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p></div>
</div>
</div>
</div>
</div>
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

Join us and See prices Buttons

<div class="jm-buttons">
<div class="row-fluid">
<div class="span6"><a class="readmore-large" href="/new/#">Join us<span class="icon-arrow-right"></span></a></div>
<div class="span6"><a class="readmore-large" href="/new/#">See prices<span class="icon-arrow-right"></span></a></div>
</div>
</div>

Contact Make an appoitnment

<div class="jm-footer-contact">
<div class="box1 box"><div class="jm-promo-ico"><a class="icon" href="/new/#"> </a></div>
<div class="jm-promotext"><span class="jm-label text-color4">Make an appointment</span><span class="jm-desc">+44 7983 462 854</span></div>
</div>
<div class="box2 box"><div class="jm-promo-ico"><a class="icon" href="/new/#"> </a></div>
<div class="jm-promotext"><span class="jm-label text-color3">Send us an e-mail</span><span class="jm-desc">Questo indirizzo email è protetto dagli spambots. È necessario abilitare JavaScript per vederlo.</span></div>
</div>
<div class="box3 box"><div class="jm-promo-ico"><a class="icon" href="/new/#"> </a></div>
<div class="jm-promotext"><span class="jm-label text-color5">Visit us</span><span class="jm-desc">7 Green Lane, London</span></div>
</div>
</div>

Price Table

<div class="row-fluid">
<div class="span4">
<div class="plan-options">
<div class="plan-price">
<p class="plan-name">Bronxe</p>
<strong>$10.99</strong>/mo</div>
<ul class="plan-details">
<li><span class="icon-ok"> </span> Lorem ipsum dolor sit amet</li>
<li><span class="icon-ok"> </span> Consectetur adipiscing elit, sed do</li>
<li><span class="icon-ok"> </span> <strong>Eiusmod</strong> tempor incididunt</li>
<li><span class="icon-remove"> </span> Ut labore et dolore magna aliqua</li>
<li><span class="icon-remove"> </span> Ut enim ad minim veniam</li>
</ul>
<a class="btn btn-primary" href="/new/#">Join to our school!</a></div>
</div>
<div class="span4">
<div class="plan-options">
<div class="plan-price">
<p class="plan-name">Silver</p>
<strong>$14.99</strong>/mo</div>
<ul class="plan-details">
<li><span class="icon-ok"> </span> Lorem ipsum dolor sit amet</li>
<li><span class="icon-ok"> </span> Consectetur adipiscing elit, sed do</li>
<li><span class="icon-ok"> </span> <strong>Eiusmod</strong> tempor incididunt</li>
<li><span class="icon-ok"> </span> Ut labore et dolore magna aliqua</li>
<li><span class="icon-remove"> </span> Ut enim ad minim veniam</li>
</ul>
<a class="btn btn-primary" href="/new/#">Join to our school!</a></div>
</div>
<div class="span4">
<div class="plan-options">
<div class="plan-price">
<p class="plan-name">Gold</p>
<strong>$19.99</strong>/mo</div>
<ul class="plan-details">
<li><span class="icon-ok"> </span> Lorem ipsum dolor sit amet</li>
<li><span class="icon-ok"> </span> Consectetur adipiscing elit, sed do</li>
<li><span class="icon-ok"> </span> <strong>Eiusmod</strong> tempor incididunt</li>
<li><span class="icon-ok"> </span> Ut labore et dolore magna aliqua</li>
<li><span class="icon-ok"> </span> Ut enim ad minim veniam</li>
</ul>
<a class="btn btn-primary" href="/new/#">Join to our school!</a></div>
</div>
</div>

Bronxe

$10.99/mo
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit, sed do
  • Eiusmod tempor incididunt
  • Ut labore et dolore magna aliqua
  • Ut enim ad minim veniam
Join to our school!

Silver

$14.99/mo
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit, sed do
  • Eiusmod tempor incididunt
  • Ut labore et dolore magna aliqua
  • Ut enim ad minim veniam
Join to our school!

Gold

$19.99/mo
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit, sed do
  • Eiusmod tempor incididunt
  • Ut labore et dolore magna aliqua
  • Ut enim ad minim veniam
Join to our school!

Lorem SIE LAZIO ipsum dolor sit amet, consectetur adipiscing elit. Mauris in augue mollis, semper est ac, aliquet turpis. Vestibulum ut dapibus dolor. Vestibulum commodo,SIE LAZIO ligula non iaculis tristique, erat sem luctus sapien, sed auctor felis nisi sed mauris. Maecenas eu iaculis tortor, ac volutpat ipsum. In eget lacus erat. Nullam nec magna tellus. Vestibulum rutrum velit et nulla tristique, ac sodales risus tempor. Phasellus sed nisi ut nibh accumsan commodo sed a libero. In ut semper felis, a vestib SIE LAZIO ulum mi. Ut et lacus lectus. Vivamus tempus erat et augue bibendum posuere. In mauris metus, ultrices vel vulputate nec, dictum eget nulla. Etiam ac est metus. SIE LAZIO Mauris at orci pretium, congue erat vel, vulputate eros. In posuere venenatis lacinia. Mauris aliquam faucibus velit, vitae cursus tellus aliquam vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in augue mollis, semper est ac, aliquet turpis. Vestibulum ut dapibus dolor. Mauris in augue mollis, semper est ac, aliquet turpis. Vestibulum ut dapibus dolor.