<div class="alert alert-primary alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
    <strong>خوش آمدید!</strong> پیام ارسال شد.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-secondary alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg>
    <strong>انجام شد!</strong> عکس نمایه شما به روز شد.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-success alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>	
    <strong>موفقیت!</strong> پیام ارسال شد.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-info alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
    <strong>اطلاعات!</strong> شما 5 ایمیل جدید دریافت کرده اید.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-warning alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
    <strong>هشدار!</strong> مشکلی پیش آمد. لطفا بررسی کنید.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-danger alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-dark alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
    <strong>خطا!</strong> شما با موفقیت این پیام هشدار مهم را خواندید.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-light alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
    <strong>خطا!</strong> شما با موفقیت این پیام را خواندید..
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>

  <div class="alert alert-primary solid alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
    <strong>خوش آمدید!</strong> پیام ارسال شد.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-secondary solid alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg>
    <strong>انجام شد!</strong> عکس نمایه شما به روز شد.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>

<div class="alert alert-success solid alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
    <strong>موفقیت!</strong> پیام ارسال شد.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-info solid alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
    <strong>اطلاعات!</strong> شما 5 ایمیل جدید دریافت کرده اید.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-warning solid alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
    <strong>هشدار!</strong> مشکلی پیش آمد. لطفا بررسی کنید.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-danger solid alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24 " height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-dark solid alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
    <strong>خطا!</strong> شما با موفقیت این پیام هشدار مهم را خواندید.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>
<div class="alert alert-light solid alert-dismissible fade show">
    <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="me-2"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
    <strong>خطا!</strong> شما با موفقیت این پیام را خواندید..
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
</div>

<div class="alert alert-primary solid alert-square"><strong>خوش آمدید!</strong> پیام ارسال شد.</div>
<div class="alert alert-secondary solid alert-square"><strong>انجام شد!</strong> عکس نمایه شما به روز شد.</div>
<div class="alert alert-success solid alert-square "><strong>موفقیت!</strong> پیام ارسال شد.</div>
<div class="alert alert-info solid alert-square "><strong>اطلاعات!</strong> شما 5 ایمیل جدید دریافت کرده اید.</div>
<div class="alert alert-warning solid alert-square "><strong>هشدار!</strong> مشکلی پیش آمد. لطفا بررسی کنید.</div>
<div class="alert alert-danger solid alert-square "><strong>خطا!</strong> ارسال پیام ناموفق بود.</div>
<div class="alert alert-dark solid alert-square"><strong>خطا!</strong> شما با موفقیت این پیام هشدار مهم را خواندید.</div>
<div class="alert alert-light solid alert-square"><strong>خطا!</strong> شما با موفقیت این پیام را خواندید..</div>

<div class="alert alert-primary solid alert-rounded"><strong>خوش آمدید!</strong> پیام ارسال شد.</div>
<div class="alert alert-secondary solid alert-rounded"><strong>انجام شد!</strong> عکس نمایه شما به روز شد.</div>
<div class="alert alert-success solid alert-rounded "><strong>موفقیت!</strong> پیام ارسال شد.</div>
<div class="alert alert-info solid alert-rounded "><strong>اطلاعات!</strong> شما 5 ایمیل جدید دریافت کرده اید.</div>
<div class="alert alert-warning solid alert-rounded "><strong>هشدار!</strong> مشکلی پیش آمد. لطفا بررسی کنید.</div>
<div class="alert alert-danger solid alert-rounded "><strong>خطا!</strong> ارسال پیام ناموفق بود.</div>
<div class="alert alert-dark solid alert-rounded"><strong>خطا!</strong> شما با موفقیت این پیام هشدار مهم را خواندید.</div>
<div class="alert alert-light solid alert-rounded"><strong>خطا!</strong> شما با موفقیت این پیام را خواندید..</div>

<div class="alert alert-primary alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>موفقیت!</strong> پیام ارسال شد.
</div>
<div class="alert alert-secondary alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>موفقیت!</strong> پیام ارسال شد.
</div>
<div class="alert alert-success alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>موفقیت!</strong> پیام ارسال شد.
</div>
<div class="alert alert-info alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>اطلاعات!</strong> شما 5 ایمیل جدید دریافت کرده اید.
</div>
<div class="alert alert-warning alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>هشدار!</strong> مشکلی پیش آمد. لطفا بررسی کنید.
</div>
<div class="alert alert-danger alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>
<div class="alert alert-dark alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>
<div class="alert alert-light alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>

<div class="alert alert-primary alert-dismissible alert-alt fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>موفقیت!</strong> پیام ارسال شد.
</div>
<div class="alert alert-secondary alert-dismissible alert-alt fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>موفقیت!</strong> پیام ارسال شد.
</div>
<div class="alert alert-success alert-dismissible alert-alt fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>موفقیت!</strong> پیام ارسال شد.
</div>
<div class="alert alert-info alert-dismissible alert-alt fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>اطلاعات!</strong> شما 5 ایمیل جدید دریافت کرده اید.
</div>
<div class="alert alert-warning alert-dismissible alert-alt fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>هشدار!</strong> مشکلی پیش آمد. لطفا بررسی کنید.
</div>
<div class="alert alert-danger alert-dismissible alert-alt fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>
<div class="alert alert-dark alert-dismissible alert-alt fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>
<div class="alert alert-light alert-dismissible alert-alt fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>

<div class="alert alert-primary alert-dismissible alert-alt solid fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>موفقیت!</strong> پیام ارسال شد.
</div>
<div class="alert alert-secondary alert-dismissible alert-alt solid fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>موفقیت!</strong> پیام ارسال شد.
</div>
<div class="alert alert-success alert-dismissible alert-alt solid fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>موفقیت!</strong> پیام ارسال شد.
</div>
<div class="alert alert-info alert-dismissible alert-alt solid fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>اطلاعات!</strong> شما 5 ایمیل جدید دریافت کرده اید.
</div>
<div class="alert alert-warning alert-dismissible alert-alt solid fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>هشدار!</strong> مشکلی پیش آمد. لطفا بررسی کنید.
</div>
<div class="alert alert-danger alert-dismissible alert-alt solid fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>
<div class="alert alert-dark alert-dismissible alert-alt solid fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>
<div class="alert alert-light alert-dismissible alert-alt solid fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>

    <div class="alert alert-primary solid alert-dismissible fade show">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
        </button>
        <strong>موفقیت!</strong> پیام ارسال شد.
    </div>
    <div class="alert alert-secondary solid alert-dismissible fade show">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
        </button>
        <strong>موفقیت!</strong> پیام ارسال شد.
    </div>
    <div class="alert alert-success solid alert-dismissible fade show">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
        </button>
        <strong>موفقیت!</strong> پیام ارسال شد.
    </div>
    <div class="alert alert-info solid alert-dismissible fade show">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
        </button>
        <strong>اطلاعات!</strong> شما 5 ایمیل جدید دریافت کرده اید.
    </div>
    <div class="alert alert-warning solid alert-dismissible fade show">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
        </button>
        <strong>هشدار!</strong> مشکلی پیش آمد. لطفا بررسی کنید.
    </div>
    <div class="alert alert-danger solid alert-dismissible fade show">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
        </button>
        <strong>خطا!</strong> ارسال پیام ناموفق بود.
    </div>
    <div class="alert alert-dark solid alert-dismissible fade show">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
        </button>
        <strong>خطا!</strong> ارسال پیام ناموفق بود.
    </div>
    <div class="alert alert-light solid alert-dismissible fade show">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
        </button>
        <strong>خطا!</strong> ارسال پیام ناموفق بود.
    </div>

<div class="alert alert-primary alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>عجب! همه چیز خوب به نظر می رسد.</strong> <a href="#">لطفاً این یکی را به عنوان علامت بزنید
        well</a>
</div>

<div class="alert alert-secondary alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>عجب! همه چیز خوب به نظر می رسد.</strong> <a href="#">لطفاً این یکی را به عنوان علامت بزنید
        well</a>
</div>

<div class="alert alert-success alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>عجب! همه چیز خوب به نظر می رسد.</strong> <a href="#">لطفاً این یکی را به عنوان علامت بزنید
        well</a>
</div>

<div class="alert alert-info alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>سلام! نگاهی گذرا بیندازید.</strong> <a href="#">جشن تولد من</a>
</div>
<div class="alert alert-warning alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>هشدار!</strong> چرا با من کردی! <a href="#">این را بررسی کنید</a>
</div>
<div class="alert alert-danger alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> مشکلی پیش آمد <a href="#">برای ​​جزئیات اینجا را کلیک کنید.</a>
</div>
<div class="alert alert-dark alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> مشکلی پیش آمد <a href="#">برای ​​جزئیات اینجا را کلیک کنید.</a>
</div>
<div class="alert alert-light alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> مشکلی پیش آمد <a href="#">برای ​​جزئیات اینجا را کلیک کنید.</a>
</div>

<div class="alert alert-primary solid alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> عجب! همه چیز خوب به نظر می رسد. <a href="#" class="نشان نشان-sm light badge-primary ms-1">ارتقا</a>
</div>
<div class="alert alert-secondary solid alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> عجب! همه چیز خوب به نظر می رسد. <a href="#" class="نشان نشان-sm light badge-secondary ms-1">upgrade</a>
</div>
<div class="alert alert-success solid alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> عجب! همه چیز خوب به نظر می رسد. <a href="#" class="نشان نشان-sm light badge-success ms-1">ارتقا</a>
</div>

<div class="alert alert-info solid alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> سلام! نگاهی سریع بیندازید. <a href="#" class="نشان نشان-sm light badge-info ms-1">ارتقا</a>
</div>
<div class="alert alert-warning solid alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>هشدار!</strong> چرا با من کردی! <a href="#" class="نشان نشان-sm light badge-warning ms-1">ارتقا</a>
</div>
<div class="alert alert-danger solid alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> مشکلی پیش آمد <a href="#" class="badge badge-sm light badge-danger ms-1">upgrade</a>
</div>
<div class="alert alert-dark solid alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> مشکلی پیش آمد <a href="#" class="badge badge-sm light badge-dark ms-1">upgrade</a>
</div>
<div class="alert alert-light solid alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> مشکلی پیش آمد <a href="#" class="badge badge-sm light badge-light ms-1">upgrade</a>
</div>

<div class="alert alert-primary solid alert-end-icon alert-dismissible fade show">
    <span><i class="mdi mdi-account-search"></i></span>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> موفقیت! پیام ارسال شد.
</div>
<div class="alert alert-secondary solid alert-end-icon alert-dismissible fade show">
    <span><i class="icon icon-bell-53"></i></span>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> موفقیت! پیام ارسال شد.
</div>
<div class="alert alert-success solid alert-end-icon alert-dismissible fade show">
    <span><i class="mdi mdi-check"></i></span>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> موفقیت! پیام ارسال شد.
</div>
<div class="alert alert-info solid alert-end-icon alert-dismissible fade show">
    <span><i class="mdi mdi-email"></i></span>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> اطلاعات! شما 5 ایمیل جدید دریافت کرده اید.
</div>
<div class="alert alert-warning solid alert-end-icon alert-dismissible fade show">
    <span><i class="mdi mdi-alert"></i></span>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>هشدار!</strong> مشکلی پیش آمد. لطفا بررسی کنید.
</div>
<div class="alert alert-danger solid alert-end-icon alert-dismissible fade show">
    <span><i class="mdi mdi-help"></i></span>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>
<div class="alert alert-dark solid alert-end-icon alert-dismissible fade show">
    <span><i class="mdi mdi-settings"></i></span>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>
<div class="alert alert-light solid alert-end-icon alert-dismissible fade show">
    <span><i class="mdi mdi-cogs"></i></span>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>

    <div class="alert alert-outline-primary alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> موفقیت! پیام ارسال شد.
</div>
<div class="alert alert-outline-secondary alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> موفقیت! پیام ارسال شد.
</div>
<div class="alert alert-outline-success alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> موفقیت! پیام ارسال شد.
</div>
<div class="alert alert-outline-info alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button> اطلاعات! شما 5 ایمیل جدید دریافت کرده اید.
</div>
<div class="alert alert-outline-warning alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>هشدار!</strong> مشکلی پیش آمد. لطفا بررسی کنید.
</div>
<div class="alert alert-outline-danger alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>
<div class="alert alert-outline-dark alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>
<div class="alert alert-outline-light alert-dismissible fade show">
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
    </button>
    <strong>خطا!</strong> ارسال پیام ناموفق بود.
</div>

    <div class="row">
    <div class="col-xl-6">
        <div class="alert alert-social facebook alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="alert-social-icon">
                    <span><i class="mdi mdi-facebook"></i></span>
                </div>
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">فیسبوک</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-social twitter alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="alert-social-icon">
                    <span><i class="mdi mdi-twitter"></i></span>
                </div>
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">توییتر</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-social linkedin alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="alert-social-icon">
                    <span><i class="mdi mdi-linkedin"></i></span>
                </div>
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">لینکدین</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-social google-plus alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="alert-social-icon">
                    <span><i class="mdi mdi-google-plus"></i></span>
                </div>
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">گوگل پلاس</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-xl-6">
        <div class="alert alert-primary alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-1">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-secondary alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-1">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-success alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-1">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-info alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-1">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-warning alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-1">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-danger alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-1">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-dark alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-1">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-light alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-1">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-xl-6">
        <div class="alert alert-primary solid alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-secondary solid alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-success solid alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-info solid alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-warning solid alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-danger solid alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-dark solid alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-2 text-white">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="alert alert-light solid alert-dismissible fade show">
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
            </button>
            <div class="media">
                <div class="media-body">
                    <h5 class="mt-1 mb-2">اطلاعیه ها</h5>
                    <p class="mb-0">فردا باید آزاد باشد، بدون بارداری. زمان کارتون سس فوسس حالا و اگر نه فرنگیلا vulputate. تا زمانی که تکلیف لاسینیا در گلو شروع شود.</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
        <div class="col-xl-6">
            <div class="alert alert-primary left-icon-big alert-dismissible fade show">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
                </button>
                <div class="media">
                    <div class="alert-left-icon-big">
                        <span><i class="mdi mdi-email-alert"></i></span>
                    </div>
                    <div class="media-body">
                        <h6 class="mt-1 mb-2">کاربر گرامی به حساب کاربری خود خوش آمدید!</h6>
                        <p class="mb-0">لطفاً آدرس ایمیل خود را تأیید کنید: email@example.com</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <div class="alert alert-warning left-icon-big alert-dismissible fade show">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
                </button>
                <div class="media">
                    <div class="alert-left-icon-big">
                        <span><i class="mdi mdi-help-circle-outline"></i></span>
                    </div>
                    <div class="media-body">
                        <h5 class="mt-1 mb-2">Pending!</h5>
                        <p class="mb-0">شما ارسال پیام ناموفق بود.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <div class="alert alert-success left-icon-big alert-dismissible fade show">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
                </button>
                <div class="media">
                    <div class="alert-left-icon-big">
                        <span><i class="mdi mdi-check-circle-outline"></i></span>
                    </div>
                    <div class="media-body">
                        <h5 class="mt-1 mb-2">تبریک میگیم!</h5>
                        <p class="mb-0">شما با موفقیت یک حساب کاربری ایجاد کردید.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <div class="alert alert-danger left-icon-big alert-dismissible fade show">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="fa-solid fa-xmark"></i></span>
                </button>
                <div class="media">
                    <div class="alert-left-icon-big">
                        <span><i class="mdi mdi-alert"></i></span>
                    </div>
                    <div class="media-body">
                        <h5 class="mt-1 mb-2">بارگیری انجام نشد!</h5>
                        <p class="mb-0">دوباره سرور خود را آپلود کنید</p>
                    </div>
                </div>
            </div>
        </div>
    </div>