<section class="py-6">
<div class="container">
<div class="px-8 pt-8 pb-8 border rounded-3">
<div class="d-flex mb-8 justify-content-between align-items-center">
<span class="badge bg-info-light text-primary">Announcements</span>
<div>
<button class="btn p-0 me-3 rounded-circle bg-secondary" style="height: 6px; width: 6px;"></button>
<button class="btn p-0 me-3 rounded-circle bg-secondary" style="height: 6px; width: 6px;"></button>
<button class="btn py-0 me-3 px-4 rounded-pill bg-info" style="height: 6px;"></button>
<button class="btn p-0 rounded-circle bg-secondary" style="height: 6px; width: 6px;"></button>
</div>
</div>
<h6 class="mb-4">Leave it all at that place! 😎</h6>
<p class="mb-8">My wealth and treasures? If you want it, you can have it! Search for it! I left it all at that place!</p>
<div class="d-flex flex-wrap pt-8 justify-content-between align-items-center border-top">
<p class="mb-0">Due date: 15 May, 2021</p>
<a class="btn btn-primary" href="#" type="button">
<span class="me-3">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.50012 1.5H11.5001C11.6327 1.5 11.7599 1.55268 11.8537 1.64645C11.9474 1.74021 12.0001 1.86739 12.0001 2V4.83333C12.0001 4.94152 11.965 5.04679 11.9001 5.13333L10.6001 6.86667C10.5352 6.95321 10.5001 7.05848 10.5001 7.16667V14C10.5001 14.1326 10.4474 14.2598 10.3537 14.3536C10.2599 14.4473 10.1327 14.5 10.0001 14.5H6.00012C5.86751 14.5 5.74034 14.4473 5.64657 14.3536C5.5528 14.2598 5.50012 14.1326 5.50012 14V7.16667C5.50012 7.05848 5.46503 6.95321 5.40012 6.86667L4.10012 5.13333C4.03521 5.04679 4.00012 4.94152 4.00012 4.83333V2C4.00012 1.86739 4.0528 1.74021 4.14657 1.64645C4.24034 1.55268 4.36751 1.5 4.50012 1.5V1.5Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M8.00012 7.5V9.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M4.00012 4H12.0001" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span>View details</span>
</a>
</div>
</div>
</div>
</section>