ALERTS

                
                        
    <div class="alert-style-1">
        <div class="alert alert-dismissible alert-info fade show">
            <i class="fas fa-info"></i> Info: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-warning fade show">
            <i class="fas fa-exclamation-triangle"></i> Warning: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-danger fade show">
            <i class="fas fa-times"></i> Error: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-success fade show">
            <i class="fas fa-check"></i> Success: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
    </div>
                        
                    Copy to clipboard
                    

                
                        
    <div class="alert-style-2">
        <div class="alert alert-dismissible alert-info fade show">
            <i class="fas fa-info"></i> Info: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-warning fade show">
            <i class="fas fa-exclamation-triangle"></i> Warning: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-danger fade show">
            <i class="fas fa-times"></i> Error: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-success fade show">
            <i class="fas fa-check"></i> Success: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
    </div>
                        
                    Copy to clipboard
                    

                
                        
    <div class="alert-style-3">
        <div class="alert alert-dismissible alert-info fade show">
            <i class="fas fa-info"></i> Info: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-warning fade show">
            <i class="fas fa-exclamation-triangle"></i> Warning: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-danger fade show">
            <i class="fas fa-times"></i> Error: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-success fade show">
            <i class="fas fa-check"></i> Success: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
    </div>
                        
                    Copy to clipboard
                    

                
                        
    <div class="alert-style-4">
        <div class="alert alert-dismissible alert-info fade show">
            <i class="fas fa-info"></i> Info: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-warning fade show">
            <i class="fas fa-exclamation-triangle"></i> Warning: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-danger fade show">
            <i class="fas fa-times"></i> Error: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
        <div class="alert alert-dismissible alert-success fade show">
            <i class="fas fa-check"></i> Success: Lorem Ipsum dolor sit amet, consectetur adipisicing elit <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
        </div>
    </div>
                        
                    Copy to clipboard