Modal

Home/Pages/Modal

basic modal

hurra!

Your seat has been booked for the science copetition 2019

go back

oh no!

Your seat has been booked for the science copetition 2019

go back
SOURCE CODE
    <div class="qry-modal text-center">
        <div class="qry-modal__icon-wrapper mx-auto">
            <span class="fa fa-exclamation"></span>
        </div>
        <h3 class="t-section-title mt-4">...</h3>
        <p class="qry-modal__text mb-5">...</p>
        <a class="qry-btn qry-btn--xsm qry-btn--fill-primary mb-3 mb-lg-0 mr-3">...</a>
    </div>
CLASS REFERENCE
class values / description
class="qry-modal" The default class for modal
class="text-[value]" for text alignment: left | center | right
class="qry-modal__icon-wrapper" Modal icon wrapper
class="fa fa-[value]" see icon reference fontawesome
class="t-section-title" Modal title style
class="qry-btn" Default class for button
class="qry-btn--[value]" Default value for button size: xsm | md | lg
class="qry-btn--fill-primary" Button background color

basic modal

Opening Hours

moday sunday 8.00 am 9.00 pm

You have a question for us?

leave your message below or email us at info@quray.com