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 Tahoe </a>.
</div>
<div class="alert alert-success">
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Tahoe </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 Tahoe 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 Tahoe </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>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20

<div class="alert alert-info alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong> <em class="fas fa-info-circle"></em>Info Message ! </strong>
    Change a few things up and try submitting again.
</div>
<div class="alert alert-success alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong> <em class="fas fa-check-circle"></em>Info Message ! </strong>
    Change a few things up and try submitting again.
</div>
<div class="alert alert-warning alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong> <em class="fas fa-exclamation-triangle"></em>Info Message ! </strong>
    Change a few things up and try submitting again.
</div>
<div class="alert alert-danger alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong> <em class="fas fa-times-circle"></em>Info Message ! </strong>
    Change a few things up and try submitting again.
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

<div class="alert alert-primary">
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Tahoe </a>.
</div>
<div class="alert alert-secondary">
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Tahoe </a>.
</div>
<div class="alert alert-tertiary">
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Tahoe </a>.
</div>
<div class="alert alert-quaternary">
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Tahoe </a>.
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

<div class="alert alert-primary">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Tahoe </a>.
</div>
<div class="alert alert-secondary">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Tahoe </a>.
</div>
<div class="alert alert-tertiary">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Tahoe </a>.
</div>
<div class="alert alert-quaternary">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong>Well done!</strong> You are using a awesome theme! <a class="alert-link">Say Hi to Tahoe </a>.
</div>

1
2
3
4
5
6

<div class="alert alert-warning alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>

1
2
3

<div class="alert alert-success">
    <strong><em class="far fa-thumbs-up"></em> Well done!</strong> You successfully read this important alert message.
</div>