Dropzone
Lorem ipsum dolor sit amet
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
08:00 AM
08:00 AM
08:00 AM
January 17, 2023 10.00 - 11.00
January 17, 2023 10.00 - 11.00
January 17, 2023 10.00 - 11.00
2m ago Mark as read
2m ago Mark as read
2m ago Mark as read
Lorem ipsum dolor sit amet
<form id="dpz-single-file" method="post" action="/upload" class="dropzone file-upload bg-light-200 border-gray-200">
<div class="d-flex align-items-center gap-3 w-auto">
<div class="bg-primary rounded-2 p-3 w-auto">
<img src="assets/img/svg/cloud-upload.svg" alt="img">
</div>
<div class="dz-message position-relative text-start" data-dz-message>
<p class="mb-0 fw-semibold text-dark">Upload File</p>
<small class="mb-0 fw-semibold text-gray">PDF, DOC, PPT, JPG, PNG</small>
</div>
</div>
</form>
<form id="dpz-multiple-files" method="post" action="/upload" class="dropzone file-upload bg-light-200 border-gray-200">
<div class="d-flex align-items-center gap-3 w-auto">
<div class="bg-primary rounded-2 p-3 w-auto">
<img src="assets/img/svg/cloud-upload.svg" alt="img">
</div>
<div class="dz-message position-relative text-start" data-dz-message>
<p class="mb-0 fw-semibold text-dark">Upload File</p>
<small class="mb-0 fw-semibold text-gray">PDF, DOC, PPT, JPG, PNG</small>
</div>
</div>
</form>
<form id="dpz-file-limits" method="post" action="/upload" class="dropzone file-upload bg-light-200 border-gray-200">
<div class="d-flex align-items-center gap-3 w-auto">
<div class="bg-primary rounded-2 p-3 w-auto">
<img src="assets/img/svg/cloud-upload.svg" alt="img">
</div>
<div class="dz-message position-relative text-start" data-dz-message>
<p class="mb-0 fw-semibold text-dark">Upload File</p>
<small class="mb-0 fw-semibold text-gray">PDF, DOC, PPT, JPG, PNG</small>
</div>
</div>
</form>
<form id="dpz-accept-files" method="post" action="/upload" class="dropzone file-upload bg-light-200 border-gray-200">
<div class="d-flex align-items-center gap-3 w-auto">
<div class="bg-primary rounded-2 p-3 w-auto">
<img src="assets/img/svg/cloud-upload.svg" alt="img">
</div>
<div class="dz-message position-relative text-start" data-dz-message>
<p class="mb-0 fw-semibold text-dark">Upload File</p>
<small class="mb-0 fw-semibold text-gray">PDF, DOC, PPT, JPG, PNG</small>
</div>
</div>
</form>
<button id="select-files" class="btn btn-outline-primary mb-1">Click me to upload files</button>
<form id="dpz-btn-select-files" method="post" action="/upload" class="dropzone file-upload bg-light-200 border-gray-200">
<div class="d-flex align-items-center gap-3 w-auto">
<div class="bg-primary rounded-2 p-3 w-auto">
<img src="assets/img/svg/cloud-upload.svg" alt="img">
</div>
<div class="dz-message position-relative text-start" data-dz-message>
<p class="mb-0 fw-semibold text-dark">Upload File</p>
<small class="mb-0 fw-semibold text-gray">PDF, DOC, PPT, JPG, PNG</small>
</div>
</div>
</form>
<form id="dpz-remove-thumb" method="post" action="/upload" class="dropzone file-upload bg-light-200 border-gray-200">
<div class="d-flex align-items-center gap-3 w-auto">
<div class="bg-primary rounded-2 p-3 w-auto">
<img src="assets/img/svg/cloud-upload.svg" alt="img">
</div>
<div class="dz-message position-relative text-start" data-dz-message>
<p class="mb-0 fw-semibold text-dark">Upload File</p>
<small class="mb-0 fw-semibold text-gray">PDF, DOC, PPT, JPG, PNG</small>
</div>
</div>
</form>
<button id="clear-dropzone" class="btn btn-outline-danger mb-1">Remove All Files</button>
<form id="dpz-remove-all-thumb" method="post" action="/upload" class="dropzone file-upload bg-light-200 border-gray-200">
<div class="d-flex align-items-center gap-3 w-auto">
<div class="bg-primary rounded-2 p-3 w-auto">
<img src="assets/img/svg/cloud-upload.svg" alt="img">
</div>
<div class="dz-message position-relative text-start" data-dz-message>
<p class="mb-0 fw-semibold text-dark">Upload File</p>
<small class="mb-0 fw-semibold text-gray">PDF, DOC, PPT, JPG, PNG</small>
</div>
</div>
</form>