Quray – Business Consulting multipurpose HTML Template

basic alert

Well done! You successfully read this important alert message.

SOURCE CODE

    <div class="qry-alert-ui">
        <p class="qry-alert-ui__text">..</p>
        <span class="qry-alert-ui__icon ti-close basicAlert"></span>
    </div>

danger alert

Well done! You successfully read this important alert message.

warning alert

Well done! You successfully read this important alert message.

success alert

Well done! You successfully read this important alert message.

SOURCE CODE

    <div class="qry-alert-ui border border-success">
        <p class="qry-alert-ui__text">..</p>
        <span class="qry-alert-ui__icon ti-close basicAlert"></span>
    </div>

CLASS REFERENCE

class	values / description
`class="qry-alert-ui"`	The default class for alert
`class="border-[value]"`	Border values: primary \| success \| danger \| warning
`class="border"`	Default border

alert with icon

Hurray! We have well received your messages.

Well done! read this important alert message.

SOURCE CODE

    <div class="qry-alert-ui border border-success">
        <p class="qry-alert-ui__text">..</p>
        <span class="qry-alert-ui__icon ti-close basicAlert"></span>
    </div>

CLASS REFERENCE

class	values / description
`class="qry-alert-ui"`	The default class for alert
`class="border-[value]"`	Border values: primary \| success \| danger \| warning
`class="border"`	Default border

cookies

This website uses cookies to give you the best experience. By continuing to use this website, you accept our use of cookies.

accept decline

SOURCE CODE

   <div class="qry-alert-ui border border-success">
        <p class="qry-alert-ui__text">..</p>
        <span class="qry-alert-ui__icon ti-close basicAlert"></span>
    </div>

CLASS REFERENCE

class	values / description
`class="qry-alert-ui"`	The default class for alert
`class="border-[value]"`	Border values: primary \| success \| danger \| warning
`class="border"`	Default border