FACTS DS
Flash Alert
Flash Alert has a default timer of 5 seconds(5000 millisecond).
A simple info alert
A simple success alert
A simple danger alert
A simple warning alert
<div class="alert alert-info d-flex align-items-center" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M13.0714286,9 L9.65306122,9 C9.37691885,9 9.15306122,9.22385763 9.15306122,9.5 L9.15306122,10.2079482 C9.15306122,10.4840906 9.37691885,10.7079482 9.65306122,10.7079482 L10.5918367,10.7079482 L10.5918367,17.801756 L9.65306122,17.801756 C9.37691885,17.801756 9.15306122,18.0256136 9.15306122,18.301756 L9.15306122,19 C9.15306122,19.2761424 9.37691885,19.5 9.65306122,19.5 L14.5,19.5 C14.7761424,19.5 15,19.2761424 15,19 L15,18.301756 C15,18.0256136 14.7761424,17.801756 14.5,17.801756 L13.5714286,17.801756 L13.5714286,9.5 C13.5714286,9.22385763 13.3475709,9 13.0714286,9 Z M12,4.5 C11.1715729,4.5 10.5,5.17157288 10.5,6 C10.5,6.82842712 11.1715729,7.5 12,7.5 C12.8284271,7.5 13.5,6.82842712 13.5,6 C13.5,5.17157288 12.8284271,4.5 12,4.5 Z"></path>
</svg>
<div>A simple info alert</div>
</div>
<div class="alert alert-success d-flex align-items-center" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627,0 24,5.373 24,12 C24,18.627 18.627,24 12,24 C5.373,24 0,18.627 0,12 C0,5.373 5.373,0 12,0 Z M19.0191,6.40035 C18.4116,5.83635 17.4621,5.87385 16.8996,6.47985 L10.7091,13.16385 L6.9891,9.90435 C6.3651,9.35535 5.4156,9.42135 4.8726,10.04385 C4.3251,10.66635 4.3881,11.61435 5.0106,12.16035 L9.8286,16.38135 C10.1136,16.63035 10.4661,16.75335 10.8171,16.75335 C11.2206,16.75335 11.6241,16.59135 11.9181,16.27335 L19.1001,8.51985 C19.6641,7.91085 19.6281,6.96285 19.0191,6.40035 Z"></path>
</svg>
<div>A simple success alert</div>
</div>
<div class="alert alert-danger d-flex align-items-center" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M16.5369429,6.25114286 L12.0000857,10.788 L7.46322857,6.25114286 C7.12808571,5.916 6.58637143,5.916 6.25122857,6.25114286 C5.91608571,6.58628571 5.91608571,7.128 6.25122857,7.46314286 L10.7880857,12 L6.25122857,16.5368571 C5.91608571,16.872 5.91608571,17.4137143 6.25122857,17.7488571 C6.41837143,17.916 6.6378,18 6.85722857,18 C7.07665714,18 7.29608571,17.916 7.46322857,17.7488571 L12.0000857,13.212 L16.5369429,17.7488571 C16.7040857,17.916 16.9235143,18 17.1429429,18 C17.3623714,18 17.5818,17.916 17.7489429,17.7488571 C18.0840857,17.4137143 18.0840857,16.872 17.7489429,16.5368571 L13.2120857,12 L17.7489429,7.46314286 C18.0840857,7.128 18.0840857,6.58628571 17.7489429,6.25114286 C17.4138,5.916 16.8720857,5.916 16.5369429,6.25114286 Z"></path>
</svg>
<div>A simple danger alert</div>
</div>
<div class="alert alert-warning d-flex align-items-center" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M23.7235368,19.7874113 L13.1448699,2.69301603 C12.5905293,1.76899466 11.3894579,1.76899466 10.8351173,2.69301603 L0.25645032,19.7874113 C-0.390280411,20.8500359 0.25645032,22.3284701 1.41132662,22.3284701 L22.5686605,22.3284701 C23.7235368,22.3284701 24.4164626,20.8500359 23.7235368,19.7874113 Z M11.9899936,18.6323846 C11.2046777,18.6323846 10.604142,18.0317707 10.604142,17.2463526 C10.604142,16.4609344 11.2046777,15.8603205 11.9899936,15.8603205 C12.7753095,15.8603205 13.3758451,16.4609344 13.3758451,17.2463526 C13.3758451,18.0317707 12.7753095,18.6323846 11.9899936,18.6323846 Z M13.3758451,14.4742885 C13.3758451,14.7514949 13.1910649,14.9362991 12.9138946,14.9362991 L11.0660925,14.9362991 C10.7889222,14.9362991 10.604142,14.7514949 10.604142,14.4742885 L10.604142,8.46814957 C10.604142,8.19094316 10.7889222,8.00613889 11.0660925,8.00613889 L12.9138946,8.00613889 C13.1910649,8.00613889 13.3758451,8.19094316 13.3758451,8.46814957 L13.3758451,14.4742885 Z"></path>
</svg>
<div>A simple warning alert</div>
</div>Full Width Flash Alert
A simple info alert
A simple success alert
A simple danger alert
A simple warning alert
<div class="alert alert-full alert-info d-flex align-items-center" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M13.0714286,9 L9.65306122,9 C9.37691885,9 9.15306122,9.22385763 9.15306122,9.5 L9.15306122,10.2079482 C9.15306122,10.4840906 9.37691885,10.7079482 9.65306122,10.7079482 L10.5918367,10.7079482 L10.5918367,17.801756 L9.65306122,17.801756 C9.37691885,17.801756 9.15306122,18.0256136 9.15306122,18.301756 L9.15306122,19 C9.15306122,19.2761424 9.37691885,19.5 9.65306122,19.5 L14.5,19.5 C14.7761424,19.5 15,19.2761424 15,19 L15,18.301756 C15,18.0256136 14.7761424,17.801756 14.5,17.801756 L13.5714286,17.801756 L13.5714286,9.5 C13.5714286,9.22385763 13.3475709,9 13.0714286,9 Z M12,4.5 C11.1715729,4.5 10.5,5.17157288 10.5,6 C10.5,6.82842712 11.1715729,7.5 12,7.5 C12.8284271,7.5 13.5,6.82842712 13.5,6 C13.5,5.17157288 12.8284271,4.5 12,4.5 Z"></path>
</svg>
<div>A simple info alert </div>
</div>
<div class="alert alert-full alert-success d-flex align-items-center" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627,0 24,5.373 24,12 C24,18.627 18.627,24 12,24 C5.373,24 0,18.627 0,12 C0,5.373 5.373,0 12,0 Z M19.0191,6.40035 C18.4116,5.83635 17.4621,5.87385 16.8996,6.47985 L10.7091,13.16385 L6.9891,9.90435 C6.3651,9.35535 5.4156,9.42135 4.8726,10.04385 C4.3251,10.66635 4.3881,11.61435 5.0106,12.16035 L9.8286,16.38135 C10.1136,16.63035 10.4661,16.75335 10.8171,16.75335 C11.2206,16.75335 11.6241,16.59135 11.9181,16.27335 L19.1001,8.51985 C19.6641,7.91085 19.6281,6.96285 19.0191,6.40035 Z"></path>
</svg>
<div>A simple success alert</div>
</div>
<div class="alert alert-full alert-danger d-flex align-items-center" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M16.5369429,6.25114286 L12.0000857,10.788 L7.46322857,6.25114286 C7.12808571,5.916 6.58637143,5.916 6.25122857,6.25114286 C5.91608571,6.58628571 5.91608571,7.128 6.25122857,7.46314286 L10.7880857,12 L6.25122857,16.5368571 C5.91608571,16.872 5.91608571,17.4137143 6.25122857,17.7488571 C6.41837143,17.916 6.6378,18 6.85722857,18 C7.07665714,18 7.29608571,17.916 7.46322857,17.7488571 L12.0000857,13.212 L16.5369429,17.7488571 C16.7040857,17.916 16.9235143,18 17.1429429,18 C17.3623714,18 17.5818,17.916 17.7489429,17.7488571 C18.0840857,17.4137143 18.0840857,16.872 17.7489429,16.5368571 L13.2120857,12 L17.7489429,7.46314286 C18.0840857,7.128 18.0840857,6.58628571 17.7489429,6.25114286 C17.4138,5.916 16.8720857,5.916 16.5369429,6.25114286 Z"></path>
</svg>
<div>A simple danger alert</div>
</div>
<div class="alert alert-full alert-warning d-flex align-items-center" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M23.7235368,19.7874113 L13.1448699,2.69301603 C12.5905293,1.76899466 11.3894579,1.76899466 10.8351173,2.69301603 L0.25645032,19.7874113 C-0.390280411,20.8500359 0.25645032,22.3284701 1.41132662,22.3284701 L22.5686605,22.3284701 C23.7235368,22.3284701 24.4164626,20.8500359 23.7235368,19.7874113 Z M11.9899936,18.6323846 C11.2046777,18.6323846 10.604142,18.0317707 10.604142,17.2463526 C10.604142,16.4609344 11.2046777,15.8603205 11.9899936,15.8603205 C12.7753095,15.8603205 13.3758451,16.4609344 13.3758451,17.2463526 C13.3758451,18.0317707 12.7753095,18.6323846 11.9899936,18.6323846 Z M13.3758451,14.4742885 C13.3758451,14.7514949 13.1910649,14.9362991 12.9138946,14.9362991 L11.0660925,14.9362991 C10.7889222,14.9362991 10.604142,14.7514949 10.604142,14.4742885 L10.604142,8.46814957 C10.604142,8.19094316 10.7889222,8.00613889 11.0660925,8.00613889 L12.9138946,8.00613889 C13.1910649,8.00613889 13.3758451,8.19094316 13.3758451,8.46814957 L13.3758451,14.4742885 Z"></path>
</svg>
<div>A simple warning alert</div>
</div>Alert with dismiss button
A simple info alert with an example link. Give it a click if you like.
A simple success alert with an example link. Give it a click if you like.
A simple danger alert with an example link. Give it a click if you like.
A simple warning alert with an example link. Give it a click if you like.
<div class="alert alert-info d-flex align-items-center alert-dismissible fade show" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M13.0714286,9 L9.65306122,9 C9.37691885,9 9.15306122,9.22385763 9.15306122,9.5 L9.15306122,10.2079482 C9.15306122,10.4840906 9.37691885,10.7079482 9.65306122,10.7079482 L10.5918367,10.7079482 L10.5918367,17.801756 L9.65306122,17.801756 C9.37691885,17.801756 9.15306122,18.0256136 9.15306122,18.301756 L9.15306122,19 C9.15306122,19.2761424 9.37691885,19.5 9.65306122,19.5 L14.5,19.5 C14.7761424,19.5 15,19.2761424 15,19 L15,18.301756 C15,18.0256136 14.7761424,17.801756 14.5,17.801756 L13.5714286,17.801756 L13.5714286,9.5 C13.5714286,9.22385763 13.3475709,9 13.0714286,9 Z M12,4.5 C11.1715729,4.5 10.5,5.17157288 10.5,6 C10.5,6.82842712 11.1715729,7.5 12,7.5 C12.8284271,7.5 13.5,6.82842712 13.5,6 C13.5,5.17157288 12.8284271,4.5 12,4.5 Z"></path>
</svg>
<div>A simple info alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-success d-flex align-items-center alert-dismissible fade show" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627,0 24,5.373 24,12 C24,18.627 18.627,24 12,24 C5.373,24 0,18.627 0,12 C0,5.373 5.373,0 12,0 Z M19.0191,6.40035 C18.4116,5.83635 17.4621,5.87385 16.8996,6.47985 L10.7091,13.16385 L6.9891,9.90435 C6.3651,9.35535 5.4156,9.42135 4.8726,10.04385 C4.3251,10.66635 4.3881,11.61435 5.0106,12.16035 L9.8286,16.38135 C10.1136,16.63035 10.4661,16.75335 10.8171,16.75335 C11.2206,16.75335 11.6241,16.59135 11.9181,16.27335 L19.1001,8.51985 C19.6641,7.91085 19.6281,6.96285 19.0191,6.40035 Z"></path>
</svg>
<div>A simple success alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-danger d-flex align-items-center alert-dismissible fade show" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M16.5369429,6.25114286 L12.0000857,10.788 L7.46322857,6.25114286 C7.12808571,5.916 6.58637143,5.916 6.25122857,6.25114286 C5.91608571,6.58628571 5.91608571,7.128 6.25122857,7.46314286 L10.7880857,12 L6.25122857,16.5368571 C5.91608571,16.872 5.91608571,17.4137143 6.25122857,17.7488571 C6.41837143,17.916 6.6378,18 6.85722857,18 C7.07665714,18 7.29608571,17.916 7.46322857,17.7488571 L12.0000857,13.212 L16.5369429,17.7488571 C16.7040857,17.916 16.9235143,18 17.1429429,18 C17.3623714,18 17.5818,17.916 17.7489429,17.7488571 C18.0840857,17.4137143 18.0840857,16.872 17.7489429,16.5368571 L13.2120857,12 L17.7489429,7.46314286 C18.0840857,7.128 18.0840857,6.58628571 17.7489429,6.25114286 C17.4138,5.916 16.8720857,5.916 16.5369429,6.25114286 Z"></path>
</svg>
<div>A simple danger alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-warning d-flex align-items-center alert-dismissible fade show" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M23.7235368,19.7874113 L13.1448699,2.69301603 C12.5905293,1.76899466 11.3894579,1.76899466 10.8351173,2.69301603 L0.25645032,19.7874113 C-0.390280411,20.8500359 0.25645032,22.3284701 1.41132662,22.3284701 L22.5686605,22.3284701 C23.7235368,22.3284701 24.4164626,20.8500359 23.7235368,19.7874113 Z M11.9899936,18.6323846 C11.2046777,18.6323846 10.604142,18.0317707 10.604142,17.2463526 C10.604142,16.4609344 11.2046777,15.8603205 11.9899936,15.8603205 C12.7753095,15.8603205 13.3758451,16.4609344 13.3758451,17.2463526 C13.3758451,18.0317707 12.7753095,18.6323846 11.9899936,18.6323846 Z M13.3758451,14.4742885 C13.3758451,14.7514949 13.1910649,14.9362991 12.9138946,14.9362991 L11.0660925,14.9362991 C10.7889222,14.9362991 10.604142,14.7514949 10.604142,14.4742885 L10.604142,8.46814957 C10.604142,8.19094316 10.7889222,8.00613889 11.0660925,8.00613889 L12.9138946,8.00613889 C13.1910649,8.00613889 13.3758451,8.19094316 13.3758451,8.46814957 L13.3758451,14.4742885 Z"></path>
</svg>
<div>A simple warning alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>Full Width Alert with dismiss button
A simple info alert with an example link. Give it a click if you like.
A simple success alert with an example link. Give it a click if you like.
A simple danger alert with an example link. Give it a click if you like.
A simple warning alert with an example link. Give it a click if you like.
<div class="alert alert-full alert-info d-flex align-items-center alert-dismissible fade show" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M13.0714286,9 L9.65306122,9 C9.37691885,9 9.15306122,9.22385763 9.15306122,9.5 L9.15306122,10.2079482 C9.15306122,10.4840906 9.37691885,10.7079482 9.65306122,10.7079482 L10.5918367,10.7079482 L10.5918367,17.801756 L9.65306122,17.801756 C9.37691885,17.801756 9.15306122,18.0256136 9.15306122,18.301756 L9.15306122,19 C9.15306122,19.2761424 9.37691885,19.5 9.65306122,19.5 L14.5,19.5 C14.7761424,19.5 15,19.2761424 15,19 L15,18.301756 C15,18.0256136 14.7761424,17.801756 14.5,17.801756 L13.5714286,17.801756 L13.5714286,9.5 C13.5714286,9.22385763 13.3475709,9 13.0714286,9 Z M12,4.5 C11.1715729,4.5 10.5,5.17157288 10.5,6 C10.5,6.82842712 11.1715729,7.5 12,7.5 C12.8284271,7.5 13.5,6.82842712 13.5,6 C13.5,5.17157288 12.8284271,4.5 12,4.5 Z"></path>
</svg>
<div>A simple info alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-full alert-success d-flex align-items-center alert-dismissible fade show" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627,0 24,5.373 24,12 C24,18.627 18.627,24 12,24 C5.373,24 0,18.627 0,12 C0,5.373 5.373,0 12,0 Z M19.0191,6.40035 C18.4116,5.83635 17.4621,5.87385 16.8996,6.47985 L10.7091,13.16385 L6.9891,9.90435 C6.3651,9.35535 5.4156,9.42135 4.8726,10.04385 C4.3251,10.66635 4.3881,11.61435 5.0106,12.16035 L9.8286,16.38135 C10.1136,16.63035 10.4661,16.75335 10.8171,16.75335 C11.2206,16.75335 11.6241,16.59135 11.9181,16.27335 L19.1001,8.51985 C19.6641,7.91085 19.6281,6.96285 19.0191,6.40035 Z"></path>
</svg>
<div>A simple success alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-full alert-danger d-flex align-items-center alert-dismissible fade show" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M16.5369429,6.25114286 L12.0000857,10.788 L7.46322857,6.25114286 C7.12808571,5.916 6.58637143,5.916 6.25122857,6.25114286 C5.91608571,6.58628571 5.91608571,7.128 6.25122857,7.46314286 L10.7880857,12 L6.25122857,16.5368571 C5.91608571,16.872 5.91608571,17.4137143 6.25122857,17.7488571 C6.41837143,17.916 6.6378,18 6.85722857,18 C7.07665714,18 7.29608571,17.916 7.46322857,17.7488571 L12.0000857,13.212 L16.5369429,17.7488571 C16.7040857,17.916 16.9235143,18 17.1429429,18 C17.3623714,18 17.5818,17.916 17.7489429,17.7488571 C18.0840857,17.4137143 18.0840857,16.872 17.7489429,16.5368571 L13.2120857,12 L17.7489429,7.46314286 C18.0840857,7.128 18.0840857,6.58628571 17.7489429,6.25114286 C17.4138,5.916 16.8720857,5.916 16.5369429,6.25114286 Z"></path>
</svg>
<div>A simple danger alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-full alert-warning d-flex align-items-center alert-dismissible fade show" role="alert">
<svg class="me-2 icon" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M23.7235368,19.7874113 L13.1448699,2.69301603 C12.5905293,1.76899466 11.3894579,1.76899466 10.8351173,2.69301603 L0.25645032,19.7874113 C-0.390280411,20.8500359 0.25645032,22.3284701 1.41132662,22.3284701 L22.5686605,22.3284701 C23.7235368,22.3284701 24.4164626,20.8500359 23.7235368,19.7874113 Z M11.9899936,18.6323846 C11.2046777,18.6323846 10.604142,18.0317707 10.604142,17.2463526 C10.604142,16.4609344 11.2046777,15.8603205 11.9899936,15.8603205 C12.7753095,15.8603205 13.3758451,16.4609344 13.3758451,17.2463526 C13.3758451,18.0317707 12.7753095,18.6323846 11.9899936,18.6323846 Z M13.3758451,14.4742885 C13.3758451,14.7514949 13.1910649,14.9362991 12.9138946,14.9362991 L11.0660925,14.9362991 C10.7889222,14.9362991 10.604142,14.7514949 10.604142,14.4742885 L10.604142,8.46814957 C10.604142,8.19094316 10.7889222,8.00613889 11.0660925,8.00613889 L12.9138946,8.00613889 C13.1910649,8.00613889 13.3758451,8.19094316 13.3758451,8.46814957 L13.3758451,14.4742885 Z"></path>
</svg>
<div>A simple warning alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>