Dropzone

<!--
    Additional attributiones:
        data-dz-url (number)
        data-dz-max-mb (number)
        data-dz-max-files (number)
        data-dz-remove-link (boolean)
-->
<form class="rui-dropzone dropzone" action="#" data-dz-max-mb="0.5" data-dz-max-files="2" data-dz-remove-link="true">
    <input type="file" name="file" class="rui-dropzone-input">
    <!-- Your File-image -->
    <div class="rui-dropzone-images">
        <img src="../../../common-assets/images/icon-rar.svg" alt="" data-dz-type="rar">
        <img src="../../../common-assets/images/icon-zip.svg" alt="" data-dz-type="zip">
        <img src="../../../common-assets/images/icon-html.svg" alt="" data-dz-type="html">
        <img src="../../../common-assets/images/icon-php.svg" alt="" data-dz-type="php">
        <img src="../../../common-assets/images/icon-css.svg" alt="" data-dz-type="css">
        <img src="../../../common-assets/images/icon-js.svg" alt="" data-dz-type="js">
        <img src="../../../common-assets/images/icon-doc.svg" alt="" data-dz-type="doc">
        <img src="../../../common-assets/images/icon-txt.svg" alt="" data-dz-type="txt">
        <img src="../../../common-assets/images/icon-pdf.svg" alt="" data-dz-type="pdf">
        <img src="../../../common-assets/images/icon-xls.svg" alt="" data-dz-type="xls">
        <img src="../../../common-assets/images/icon-empty.svg" alt="" data-dz-type="empty">
    </div>
    <!-- Your Remove-icon -->
    <span data-feather="x" class="rui-icon rui-icon-stroke-1_5 rui-dropzone-remove-icon"></span>

    <div class="dz-message">
        <span class="rui-dropzone-icon">
            <span data-feather="upload-cloud" class="rui-icon rui-icon-stroke-0_5"></span>
        </span>
        <span class="rui-dropzone-text">
            Drop files here or click to upload.
        </span>
    </div>
</form>