Advance Form

                  
<p class="text-lg font-semibold">Multiple upload</p>
<div class="relative">
  <div id="imageUpload" class="dropzone border border-primary-600 bg-black multiple-dropzone mb-6">
    <div class="dz-message" data-dz-message>
      <div class="pre-upload flex jdsnfsdnjsdmn qaksleiuryhnv">
        <i class="text-5xl bi bi-cloud-arrow-up"></i>
        <div class="pb-3"><span>Drag & drop images here</span></div>
      </div>
      <div class="pre-upload text-center">
        <button
          class="btn-fill frame-corner inline-flex olwuyhsbcnmdj thsjkalsueijm qaksleiuryhnv yujamnshjekwn py-2 uppercase font-medium bg-primary-400 border border-primary-400 text-black hover:bg-primary-300 focus:bg-primary-300 focus:outline-none focus:ring-0">Browse
          file</button>
      </div>
      <span class="after-upload">+</span>
    </div>
  </div>
</div>

<p class="text-lg font-semibold">Single upload</p>
<div class="relative">
  <div id="imageSingle" class="dropzone border border-primary-600 bg-black single-dropzone mb-6">
    <div class="dz-message" data-dz-message>
      <div class="pre-upload flex jdsnfsdnjsdmn qaksleiuryhnv">
        <i class="text-5xl bi bi-cloud-arrow-up"></i>
        <div class="pb-3"><span>Drag & drop images here</span></div>
      </div>
      <div class="pre-upload text-center">
        <button
          class="btn-fill frame-corner inline-flex olwuyhsbcnmdj thsjkalsueijm qaksleiuryhnv yujamnshjekwn py-2 uppercase font-medium bg-primary-400 border border-primary-400 text-black hover:bg-primary-300 focus:bg-primary-300 focus:outline-none focus:ring-0">Browse
          file</button>
      </div>
    </div>
  </div>
</div>
                  
                

                  
<!-- text editor -->
<div class="relative">
  <label for="texteditor" class="inline-block mb-2">Example textarea with editor</label>
  <textarea
    class="texteditor w-full uioajsncmhdje py-2 bg-primary-950 border border-primary-600 focus:shadow-sm focus:border-primary-300 focus:text-primary-300 placeholder-primary-800 focus:outline-none focus:ring-0"
    id="texteditor" rows="3"></textarea>
</div>
                  
                

                  
<div class="mb-6">
  <label for="exampletags" class="inline-block mb-2">Input Tags</label>
  <input type="text" name="tags" value="Tags1, Tags2" class="tagify w-full uioajsncmhdje py-2 bg-primary-950 border border-primary-600 focus:shadow-sm focus:border-primary-300 focus:text-primary-300 placeholder-primary-800 focus:outline-none focus:ring-0" id="exampletags" minlength="2">
</div>
<div class="mb-6">
  <label for="tagsselect" class="inline-block mb-2">Select Tags</label>
  <input name="selectname" value="" class="tagify-select w-full uioajsncmhdje py-2 bg-primary-950 border border-primary-600 focus:shadow-sm focus:border-primary-300 focus:text-primary-300 placeholder-primary-800 focus:outline-none focus:ring-0" id="tagsselect" minlength="2">
</div>