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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-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-bs-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button>
            </div>
        </div>
                            
                            Copy to clipboard