هشدارها

<div class="alert alert-primary" role="alert">
					این یک پیام تستی است!
				</div>
				<div class="alert alert-secondary" role="alert">
					این یک پیام تستی است!
				</div>
				<div class="alert alert-success" role="alert">
					این یک پیام تستی است!
				</div>
				<div class="alert alert-danger" role="alert">
					این یک پیام تستی است!
				</div>
				<div class="alert alert-warning" role="alert">
					این یک پیام تستی است!
				</div>
				<div class="alert alert-info" role="alert">
					این یک پیام تستی است!
				</div>
				<div class="alert alert-light" role="alert">
					این یک پیام تستی است!
				</div>
				<div class="alert alert-dark" role="alert">
					این یک پیام تستی است!
				</div>
				

<div class="alert alert-primary" role="alert">
					این یک پیام تست با <a href="#" class="alert-link">یک لینک تست</a>.است. میتوانید روی آن کلیک کنید
				</div>
				<div class="alert alert-secondary" role="alert">
					این یک پیام تست با <a href="#" class="alert-link">یک لینک تست</a>.است. میتوانید روی آن کلیک کنید
				</div>
				<div class="alert alert-success" role="alert">
					این یک پیام تست با <a href="#" class="alert-link">یک لینک تست</a>.است. میتوانید روی آن کلیک کنید
				</div>
				<div class="alert alert-danger" role="alert">
					این یک پیام تست با <a href="#" class="alert-link">یک لینک تست</a>.است. میتوانید روی آن کلیک کنید
				</div>
				<div class="alert alert-warning" role="alert">
					این یک پیام تست با <a href="#" class="alert-link">یک لینک تست</a>.است. میتوانید روی آن کلیک کنید
				</div>
				<div class="alert alert-info" role="alert">
					این یک پیام تست با <a href="#" class="alert-link">یک لینک تست</a>.است. میتوانید روی آن کلیک کنید
				</div>
				<div class="alert alert-light" role="alert">
					این یک پیام تست با <a href="#" class="alert-link">یک لینک تست</a>.است. میتوانید روی آن کلیک کنید
				</div>
				<div class="alert alert-dark" role="alert">
					این یک پیام تست با <a href="#" class="alert-link">یک لینک تست</a>.است. میتوانید روی آن کلیک کنید
				</div>
				

<div class="alert alert-success" role="alert">
					<h4 class="alert-heading">عنوان</h4>
					<p>چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.</p>
					<hr>
					<p class="mb-0">حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.</p>
				</div>
				

<div class="alert alert-warning alert-dismissible fade show" role="alert">
					<strong>سلام!</strong>  با کلیک روی دکمه بستن در سمت راست ، این باکس را میتوانید ببندید.
					<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
				</div>
				

<div class="alert alert-warning py-2 m-0 bg-primary border-0 rounded-0 alert-dismissible fade show text-center overflow-hidden" role="alert">
					<p class="text-white m-0">
					از قدمت و معماری هتل داد یزد چه می‌دانید؟<a href="#" class="btn btn-xs btn-dark ms-2 mb-0">بیشتر بخوانید</a></p>
					<!-- Close button -->
					<button type="button" class="btn-close btn-close-white opacity-9 p-3" data-bs-dismiss="alert" aria-label="Close"></button>
				</div>
				

<div class="alert alert-danger d-flex align-items-center rounded-3 mb-0" role="alert">
				  <h4 class="mb-0 alert-heading"><i class="bi bi-exclamation-octagon-fill ms-2"></i> </h4>
				  <div class="me-3">
					<h6 class="mb-0 alert-heading">51% تخفیف تورهای نوروزی برای مدت محدود</h6>
					<p class="mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
				  </div>
				</div>
				

<div class="alert alert-success alert-dismissible fade show my-3" role="alert">
				  <!-- Title -->
				  <div class="d-sm-flex align-items-center mb-3">
					<h5 class="alert-heading mb-0">از 154,000,000 ریال</h5>
				  </div>
				  
				  <!-- Content -->
				  <p class="mb-2">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.</p>

				  <!-- Button and price -->
				  <div class="d-sm-flex align-items-center">
					<a href="#" class="btn btn-sm btn-success mb-2 mb-sm-0 ms-3"><i class="fa-regular fa-plus ms-2"></i>Add</a>
					<h6 class="mb-0 text-dark">هر شب 850,000ریال</h6>
				  </div>

				  <!-- Close button -->
				  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
				</div>