You are here
Home > Modal

This is an intuitive and easily customizable jQuery
Modal Popup Box
with CSS3 animations.

[ultimate_modal icon_type=”selector” icon=”Ultimate-set-uniF2″ modal_title=”What is Modal Box? ” modal_on=”image” btn_img=”id^334|url^http://kallistos-oaka.gr/wp-content/uploads/2017/05/button1.png|caption^null|alt^null|title^button1|description^null” modal_style=”overlay-show-genie” overlay_bg_color=”#230429″ overlay_bg_opacity=”80″ content_bg_color=”#f7f6fc” header_bg_color=”#ed612c” el_class=”modalslidebtn” header_text_color=”#ffffff” content_text_color=”#3c3837″]In user interface design, a modal window is a child window that requires users to interact with it before they can return to operating the parent application, thus preventing the workflow on the application main window. Modal windows are often called heavy windows or modal dialogs because the window is often used to display a dialog box.

Modal windows are commonly used in GUI systems to command user awareness and to display emergency states, although they have been argued to be ineffective for that use. Modal windows are prone to produce mode errors.[/ultimate_modal]

Supports Everything!
Just place your stuff in WordPress WYSIWYG editor and start popping up.

[ultimate_modal modal_title=”Popup with Single Image” btn_size=”block” btn_bg_color=”#3498db” btn_text=”Single Image” modal_size=”block” modal_style=”overlay-slidedown” overlay_bg_color=”#917a22″ overlay_bg_opacity=”80″ header_bg_color=”#f3d744″ btn_txt_color=”#ffffff”]9716918510_3ebb955868-1[/ultimate_modal]
[ultimate_modal modal_title=”WordPress Image Gallary” btn_size=”block” btn_bg_color=”#7f8c8d” btn_text=”Image Gallery” modal_size=”block” modal_style=”overlay-slideup” overlay_bg_color=”#46a3d8″ overlay_bg_opacity=”80″ content_bg_color=”#ececec” header_bg_color=”#ececec” header_text_color=”#682d2d” btn_txt_color=”#ffffff”]02-150x150 04-150x150 05-150x150 06-150x150 07-150x150 08-150x150 tumblr_myebteWgAP1st5lhmo1_1280-s1-150x150 tumblr_myebu5dKht1st5lhmo1_1280-s-150x150 tumblr_myebv0eI7k1st5lhmo1_1280-s1-150x150 tumblr_myebvrTkci1st5lhmo1_1280-s-150x150 tumblr_myebwtELvb1st5lhmo1_1280-s-150x150 tumblr_myp99avE2U1st5lhmo1_1280-s-150x150[/ultimate_modal]
[ultimate_modal modal_title=”Popup with Image Slider Plugin” modal_contain=”ult-vimeo” btn_size=”block” btn_bg_color=”#34495e” btn_text=”Image Slider” modal_size=”block” modal_style=”overlay-slideleft” overlay_bg_color=”#110068″ overlay_bg_opacity=”80″ content_bg_color=”#ececec” header_bg_color=”#e75353″ header_text_color=”#ffffff” btn_txt_color=”#ffffff”][metaslider id=1633][/ultimate_modal]
[ultimate_modal btn_size=”block” btn_bg_color=”#f1c40f” btn_text=”Contact Form” modal_size=”block” modal_style=”overlay-show-cornershape” overlay_bg_color=”#ffd600″ overlay_bg_opacity=”80″ content_bg_color=”#2e3846″ header_bg_color=”#9ecf35″ modal_border_style=”dashed” modal_border_width=”2″ modal_border_color=”#ffffff” modal_border_radius=”4″ header_text_color=”#ffffff” content_text_color=”#ffffff” btn_txt_color=”#ffffff”]



    [/ultimate_modal]
    [ultimate_modal modal_title=”Popup with HTML Content” btn_size=”block” btn_bg_color=”#e67e22″ btn_text=”Custom HTML” modal_style=”overlay-zoomin” overlay_bg_color=”#171d03″ overlay_bg_opacity=”80″ content_bg_color=”#ececec” header_bg_color=”#e75353″ header_text_color=”#ffffff” btn_txt_color=”#ffffff”]

    06

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    [/ultimate_modal]

    [ultimate_modal modal_title=”Popup with Google Maps” btn_size=”block” btn_text=”Google Map” modal_size=”block” modal_style=”overlay-show-genie” overlay_bg_color=”#b8c74a” overlay_bg_opacity=”80″ content_bg_color=”#ffffff” header_bg_color=”#1e365a” header_text_color=”#ffffff” btn_txt_color=”#ffffff”][/ultimate_modal]
    [ultimate_modal modal_title=”Vimeo Embed” modal_contain=”ult-vimeo” btn_size=”block” btn_bg_color=”#9b59b6″ btn_text=”Embedded Video” modal_size=”block” modal_style=”overlay-show-boxes” overlay_bg_color=”#e94545″ overlay_bg_opacity=”80″ content_bg_color=”#fcfcfc” header_bg_color=”#ffffff” header_text_color=”#e14f49″ btn_txt_color=”#ffffff”][/ultimate_modal]
    [ultimate_modal modal_title=”Social Widgets” btn_size=”block” btn_text=”Social Widgets” modal_size=”block” modal_style=”overlay-doorvertical” overlay_bg_opacity=”80″ header_bg_color=”#9ecf35″ header_text_color=”#ffffff” btn_txt_color=”#ffffff”][/ultimate_modal]
    [ultimate_modal modal_title=”Popup with Large HTML Content” btn_size=”block” btn_bg_color=”#e67e22″ btn_text=”Custom HTML with Large Text” modal_style=”overlay-zoomin” overlay_bg_color=”#2179d1″ overlay_bg_opacity=”80″ content_bg_color=”#ececec” header_bg_color=”#e75353″ header_text_color=”#ffffff” btn_txt_color=”#ffffff”]

    06

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

    [/ultimate_modal]

    Click on buttons above to see just a few possibilities of what could be done with this element.

    Top
    Covid-19 Update 😷

    Τη Δευτέρα 17/5 ο Α.Ο. Κάλλιστος θα επαναλειτουργήσει για όλα τα μέλη του.
    Μετά από 6 μήνες ο ερασιτεχνικός αθλητισμός θα σημάνει την επιστροφή του και θα είμαστε όλοι στο γήπεδο, ιδιαίτερα χαρούμενοι να υποδεχθούμε μικρούς και μεγάλους.
    Η επίδειξη του εκτυπωμένου εγγράφου με το αποτέλεσμα του self test από τη πλατφόρμα του gov.gr θα είναι υποχρεωτική. Ένα αντίγραφο από το σχολείο για τους μαθητές, από την εργασία για τους εργαζόμενους ή ένα αποδεικτικό του self test ανά εβδομάδα για τους υπόλοιπους θα είναι αρκετό. Η τήρηση των υγειονομικών πρωτοκόλλων είναι υψίστης σημασίας και θα πραγματοποιείται χωρίς εξαιρέσεις, γι’ αυτό όσοι δε θα έχουν καταθέσει το αποδεικτικό τους στη γραμματεία του Συλλόγου δε θα μπορούν να γυμναστούν.
    Για τη διαδικασία εισόδου όπως και για περαιτέρω διευκρινίσεις θα ακολουθήσει νέα ανακοίνωση μες στις επόμενες μέρες, πάντα σύμφωνα με τις οδηγίες που θα δοθούν για τους χώρους χαμηλού επιπέδου επικινδυνότητας.

    Για τα On Line μαθήματα κάντε κλικ στον σύνδεσμο.