Alerts

Alerts Style 1

Info: Lorem ipsum dolor sit amet, consectetur adipisicing elit

                                
<section class="alert-block-area">
    <div class="container">
        <div class="alert-area">
            <div class="alert-1">
                <h2>Alerts Title</h2>
                <div class="alert alert-primary">
                    <p><i class="fas fa-info"></i> Info: Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                    <button type="button" class="close"><i class="fas fa-times"></i></button>
                </div>
                <div class="alert alert-primary " role="alert">
                    <p><i class="fas fa-exclamation-triangle"></i> Warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                    <button type="button" class="close"><i class="fas fa-times"></i></button>
                </div>
                <div class="alert alert-primary " role="alert">
                    <p><i class="fas fa-check"></i> Success: Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                    <button type="button" class="close"><i class="fas fa-times"></i></button>
                </div>
            </div>
        </div>
    </div>
</section>
                                
                            
                            

Alerts Style 2

Info: Lorem ipsum dolor sit amet, consectetur adipisicing elit

                                
<section class="alert-block-area">
    <div class="container">
        <div class="alert-area">
            <div class="alert-2">
                <h2>Alerts Title</h2>
                <div class="alert alert-primary">
                    <div class="sub-alert">
                        <p><i class="fas fa-info"></i> Info: Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                    </div>
                    <button type="button" class="close"><i class="fas fa-times"></i></button>
                </div>
                <div class="alert alert-primary " role="alert">
                    <div class="sub-alert">
                        <p><i class="fas fa-exclamation-triangle"></i> Warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                    </div>
                    <button type="button" class="close"><i class="fas fa-times"></i></button>
                </div>
                <div class="alert alert-primary " role="alert">
                    <div class="sub-alert">
                        <p><i class="fas fa-check"></i> Success: Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                    </div>
                    <button type="button" class="close"><i class="fas fa-times"></i></button>
                </div>
            </div>
        </div>
    </div>
</section>
                                
                            
                            

Alerts Style 3

Info: Lorem ipsum dolor sit amet, consectetur adipisicing elit

                                
<section class="alert-block-area">
    <div class="container">
        <div class="alert-area">
            <div class="alert-3">
                <h2>Alerts Title</h2>
                <div class="alert alert-primary">
                    <p><i class="fas fa-info"></i> Info: Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                    <button type="button" class="close"><i class="fas fa-times"></i></button>
                </div>
                <div class="alert alert-primary " role="alert">
                    <p><i class="fas fa-exclamation-triangle"></i> Warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                    <button type="button" class="close"><i class="fas fa-times"></i></button>
                </div>
                <div class="alert alert-primary " role="alert">
                    <p><i class="fas fa-check"></i> Success: Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                    <button type="button" class="close"><i class="fas fa-times"></i></button>
                </div>
            </div>
        </div>
    </div>
</section>
                                
                            
                            
HEADER STYLE
Sticky Menu
COLOR SKINS
COLOR SCHEMES