Quadra has a lot of alert modules and designs. These alerts can fire with click, can be fixed on page, dissmisable and usable with cookie.
There are many templates for each type of alert. And you can easily modify these templates. All text types, colors and headings can be used in these alerts. Also can be used with text, background and hover animations. Also included all the Bootstrap 4+ templates to Quadra.
You do not need any javascript knowledge to use these alerts. You can work them with copy/paste. And you can modify expire times with “data-expire” attributes for cookie alerts.
Click the trigger buttons to see alerts. They are can be fixed on anywhere on the screen.
Content style - Click the trigger buttons to see alerts. They are can be fixed on anywhere on the screen.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
You can choose a simpler look for short alerts, and you can place them anywhere on your website in a understandable way.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
You can easily edit the typography of the alert. No css or javascript coding is required. You can do anything with Quadra helper classes. You can also link any Google font and use it easily.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
You can easily use alerts in box-shaped. The length of the text does not matter. You can use them as fixed and cookie. As with others, you have endless choices in typography and colors.
Aliquam non scelerisque urna. Praesent convallis rutrum consequat. Morbi eleifend, ex sed aliquet bibendum, diam ante volutpat dui, vel congue justo diam quis odio. Sed mollis sodales ligula vitae consequat.
Aliquam non scelerisque urna. Praesent convallis rutrum consequat. Morbi eleifend, ex sed aliquet bibendum, diam ante volutpat dui, vel congue justo diam quis odio. Sed mollis sodales ligula vitae consequat.
Aliquam non scelerisque urna. Praesent convallis rutrum consequat. Morbi eleifend, ex sed aliquet bibendum, diam ante volutpat dui, vel congue justo diam quis odio. Sed mollis sodales ligula vitae consequat.
Aliquam non scelerisque urna. Praesent convallis rutrum consequat. Morbi eleifend, ex sed aliquet bibendum, diam ante volutpat dui, vel congue justo diam quis odio. Sed mollis sodales ligula vitae consequat.
You can easily use image or SVG designs in these boxes. They will offer a great look on every device. And you can easily edit the color of SVG designs.
Aliquam non scelerisque urna. Praesent convallis rutrum consequat. Morbi eleifend, ex sed aliquet bibendum, diam ante volutpat du.
Aliquam non scelerisque urna. Praesent convallis rutrum consequat. Morbi eleifend, ex sed aliquet bibendum, diam ante volutpat du.
You can also use all bootstrap 4 alert shortcodes. They will work directly.
You're at the right place now! How can we help?