Alerts

Alerts Shortcodes

Styles for success, info, warning, and error messages.


Default

Well done! You are using a awesome theme! Say Hi to Porto .
Well done! You are using a awesome theme! Say Hi to Porto .
Need any help?! We are glad to help you, if you need.
We must tell you! This theme is made with love by the Mandeeps team.
Oh snap! Are you using other theme? Buy Porto now and make your customers a lot happier.
Well done! You are using a awesome theme! Say Hi to Porto .

Announcement!

We are extermely happy to announce our first admin. We dedicated a lot of effort to bring you tons of features, easily customization for an accessible price! Do you still have any doubts that this is the best choice?

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div class="alert alert-default">
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Porto </a>.
</div>
<div class="alert alert-success">
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Porto </a>.
</div>
<div class="alert alert-info">
    <strong>Need any help?!</strong> We are glad <a class="alert-link">to help you</a>, if you need.
</div>
<div class="alert alert-warning">
    <strong>We must tell you!</strong> This theme is made with love by the <a class="alert-link">Mandeeps team</a>.
</div>
<div class="alert alert-danger">
    <strong>Oh snap!</strong> Are you using other theme? <a class="alert-link">Buy Porto now</a> and make your customers a lot happier.
</div>
<div class="alert alert-dark">
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Porto </a>.
</div>
<div class="alert alert-info fade in nomargin">
    <h4>Announcement!</h4>
    <p>We are extermely happy to announce our first admin. We dedicated a lot of effort to bring you tons of features, easily customization for an accessible price! Do you still have any doubts that this is the best choice?</p>
    <p>
        <button class="btn btn-info mt-xs mb-xs" type="button">Yes, it's the best choice</button>
        <button class="btn btn-default mt-xs mb-xs" type="button">Not convinced yet</button>
    </p>
</div>

Colors

Well done! You are using a awesome theme! Say Hi to Porto .
Well done! You are using a awesome theme! Say Hi to Porto .
Well done! You are using a awesome theme! Say Hi to Porto .
Well done! You are using a awesome theme! Say Hi to Porto .

Dismissible alerts

Build on any alert by adding an optional .alert-dismissible.

With Icons

Add any icon you want from the icons library.

Well done! You successfully read this important alert message.

Sizes

Heads up! This alert needs your attention, but it's not super important.
Heads up! This alert needs your attention, but it's not super important.
Heads up! This alert needs your attention, but it's not super important.

Summary

Newsletter

Keep up on our always evolving product features and technology. Enter your e-mail and subscribe to our newsletter.

About Our Company

Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu nam sapien stibulum ridiculus pellentesque eros!

Get in touch

  • Address: 1234 Street, United States

  • Phone: (123) 456-7890

  • Email: mail@example.com