Font Awesome Icons

Font Awesome is the iconic font designed for use with Twitter Bootstrap. If you want to use these icons for the title of the modules, insert the name of the icon in the Module Variations tab using the Template Parameters.

To insert the icons in your articles or modules just type the following code in your text editor. Make sure the code is added in the html mode and turn on Editor None in Global Configuration.

<i class="fa fa-name"></i>
Favourite currently supports Font Awesome 4.1.0.

Image Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque.

Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue. Lorem ipsum dolor sit amet.

This is the .img-left element. 

To use it just type the following code in your text editor. Make sure the code is added in the html mode.

<img class="img-left">

Image Polaroid

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque.

Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.

This is the .img-polaroid element. To use it just type the following code in your text editor. Make sure the code is added in the html mode.

<img class="img-polaroid">

Image Rounded

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque.

Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.

This is the .img-rounded element. To use it just type the following code in your text editor. Make sure the code is added in the html mode.

<img class="img-rounded">

Note that .img-rounded, .img-shadow and .img-circle do not work in IE7-8 due to lack of border-radius and box-shadow support.

Image Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque.

Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue. Lorem ipsum dolor sit amet.

This is the .img-right element. 

To use it just type the following code in your text editor. Make sure the code is added in the html mode.

<img class="img-right">

Image Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque.

Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. Lorem ipsum dolor sit amet. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.

This is the .img-shadow element. To use it just type the following code in your text editor. Make sure the code is added in the html mode.

<img class="img-shadow">

Image Circle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque.

Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.

This is the .img-circle element. To use it just type the following code in your text editor. Make sure the code is added in the html mode.

<img class="img-circle">

Note that for a perfect circle the image's width has to be equal to its height (eg. width: 140px, height:140px)!

For an image that needs to be both rounded and floated to the right or left use both classes:

<class="img-rounded img-left">

roadbannersm

    Η δεύτερη HAIRPROF ικανοποίησε και τον πιο απαιτητικό επισκέπτη προσφέροντάς του την ευκαιρία να γνωρίσει πολλά νέα προϊόντα από αξιόλογες και παγκοσμίου φήμης εταιρείες, να παρακολουθήσει 23 κομμωτηριακά show από υψηλού επιπέδου hairstylists αλλά παράλληλα και την ευκαιρία να εκπαιδευτεί στα κλειστά σεμινάρια που έγιναν στην έκθεση.

pr1
    

    Ιδιαίτερο ενδιαφέρον παρουσίασαν τα show των εταιρειών που συμμετείχαν στην HAIRPROF από καταξιωμένους διεθνώς, έλληνες και ξένους hairstylists στο χώρο των περιπτέρων τους.


     Η καινοτομία όμως της 2ης HAIRPROF ήταν το 1st Greek Barber Festival, που συγκέντρωσε συμμετοχές και επισκέπτες μπαρπέρηδων από όλη την Ελλάδα, οι οποίοι εντυπωσίασαν με την εξαίρετη επαγγελματική τους κατάρτιση, το κοινό που παρακολούθησε τον διαγωνισμό και απέσπασε τον θαυμασμό Ελλήνων και Ευρωπαίων κριτών.


     Τις εντυπώσεις έκλεψε η HAIRPROF Students Day κατά την διάρκεια της οποίας, σπουδαστές Δημόσιων και Ιδιωτικών ΙΕΚ από όλη την Ελλάδα είχαν την δυνατότητα να παρουσιάσουν την δουλειά τους στους μελλοντικούς συναδέλφους τους και ταυτόχρονά να παρακολουθήσουν σεμινάρια κομμωτικής από έμπειρους καθηγητές.


     Όλοι εμείς από την διοργάνωση της Hairprof και του Barber Festival ευχαριστούμε από καρδιάς την Κ.Ο.Κ.Κ.Κ.Ε. για την ευγενική υποστήριξή της, τον μέγα χορηγό μας ZAZOPOULOS S.A. με τις εταιρείες MOSER & GA.MA τους χορηγούς μας, FARMAVITA, OLAPLEX by PAPAGEORGIOY, DESIGN ART όλες τις εταιρείες που συμμετείχαν και στήριξαν ενεργά την διοργάνωση, τα σωματεία και τους συλλόγους κομμωτών για την συμμετοχή τους αλλά και τα μοναδικά show που παρουσίασαν, όλα τα ΙΕΚ που στήριξαν την Students Day, όλους τους κομμωτές και τους μπαρμπέρηδες που μας έκαναν την τιμή να παρουσιάσουν την δουλειά τους στην HAIRPROF και φυσικά τους 7.432 επαγγελματίες κομμωτές, μπαρμπέρηδες, καθηγητές και σπουδαστές που μας τίμησαν με την παρουσία τους!


     Ανανεώνουμε το ραντεβού μας για τις 11 με 13 Μαρτίου 2017 στο ΣΕΦ ( Στάδιο Ειρήνης και Φιλίας ) στην επόμενη HAIRPROF μαζί με Γυναικείο Διαγωνισμό Κομμωτικής Greek hairdressing Awards  -  Greek Hairdresser of the Year, το 2ο Barber Festival, την 2η Students Day  και πολλές εκπλήξεις από τον διεθνή κομμωτηριακό χώρο!

Menu Basic

How to use the menus

Add the basic or arrow menu suffix to apply this style to your Joomla! menus:

Menu Arrow

Primary Button

This is the .btn-primary button element.

To use it just type the following code in your text editor. Make sure the code is added in the html mode.

<button class="btn btn-primary">...</button>

or if you want to use the button with a link:

Button link

<a class="btn btn-primary">Button link</a>