<button type="button" class="btn btn-theme liveToastBtn" id="liveToast1Btn">Show live toast 1</button>
            <button type="button" class="btn btn-theme liveToastBtn" id="liveToast2Btn">Show live toast 2</button>
            <button type="button" class="btn btn-theme liveToastBtn" id="liveToast3Btn">Show live toast 3</button>
            
            <div class="toast-container position-fixed bottom-0 end-0 p-3">
                <div id="liveToast1" class="toast border-0" data-bs-delay="1500" role="alert" aria-live="assertive" aria-atomic="true">
                    <div class="toast-header">
                        <img src="assets/img/favicon.png" class="rounded me-2" alt="...">
                        <strong class="me-auto">SoroniUIUX</strong>
                        <small>10 sec ago</small>
                        <button type="button" class="btn-close" data-bs-dismiss="toast"></button>
                    </div>
                    <div class="toast-body">
                        Hello, Beautiful world! This is a toast message ❤️.
                    </div>
                </div>
                <div id="liveToast2" class="toast border-0 bg-theme-1-subtle" data-bs-delay="2000" role="alert" aria-live="assertive" aria-atomic="true">
                    <div class="toast-header bg-theme-1">
                        <img src="assets/img/favicon.png" class="rounded me-2" alt="...">
                        <strong class="me-auto">SoroniUIUX</strong>
                        <small>10 sec ago</small>
                        <button type="button" class="btn-close" data-bs-dismiss="toast"></button>
                    </div>
                    <div class="toast-body">
                        Hello, Beautiful world! This is a toast message ❤️.
                    </div>
                </div>
                <div id="liveToast3" class="toast border-0 bg-theme-1" data-bs-delay="2000" role="alert" aria-live="assertive" aria-atomic="true">
                    <div class="toast-header bg-theme-1">
                        <img src="assets/img/favicon.png" class="rounded me-2" alt="...">
                        <strong class="me-auto">SoroniUIUX</strong>
                        <small>10 sec ago</small>
                        <button type="button" class="btn-close" data-bs-dismiss="toast"></button>
                    </div>
                    <div class="toast-body">
                        Hello, Beautiful world! This is a toast message ❤️.
                    </div>
                </div>
            </div>