{%- if site.noFeatureBox == true or page.noBox == true -%}
<div class="feature-content-box" id="theme-content-box">{{content}}</div>
{%- else -%}
<div class="container appscms-upload-section-container">
  <div class="row">
    <div
      class="col-xxl-4 col-lg-6 col-md-8 col-sm-10 offset-md-1 offset-sm-0 mx-auto"
    >
      <div class="appscms-upload-section box">
        
 <div class="appscms-upload-icon mb-1">
  <svg height="55px" width="55px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2V7L12 7.05441C11.9999 7.47848 11.9998 7.8906 12.0455 8.23052C12.097 8.61372 12.2226 9.051 12.5858 9.41421C12.949 9.77743 13.3863 9.90295 13.7695 9.95447C14.1094 10.0002 14.5215 10.0001 14.9456 10H14.9456H14.9456H14.9456L15 10H20V16C20 18.8284 20 20.2426 19.1213 21.1213C18.2426 22 16.8284 22 14 22H10C7.17157 22 5.75736 22 4.87868 21.1213C4 20.2426 4 18.8284 4 16V8C4 5.17157 4 3.75736 4.87868 2.87868C5.75736 2 7.17157 2 10 2H12ZM14 2.00462V7C14 7.49967 14.0021 7.77383 14.0277 7.96402L14.0287 7.97131L14.036 7.97231C14.2262 7.99788 14.5003 8 15 8H19.9954C19.9852 7.58836 19.9525 7.31595 19.8478 7.06306C19.6955 6.69552 19.4065 6.40649 18.8284 5.82843L16.1716 3.17157C15.5935 2.59351 15.3045 2.30448 14.9369 2.15224C14.684 2.04749 14.4116 2.01481 14 2.00462ZM8 13C8 12.4477 8.44772 12 9 12L15 12C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14L9 14C8.44772 14 8 13.5523 8 13ZM9 16C8.44772 16 8 16.4477 8 17C8 17.5523 8.44772 18 9 18H13C13.5523 18 14 17.5523 14 17C14 16.4477 13.5523 16 13 16H9Z" fill="#000"></path> </g></svg>
        </div>
        <div for="image-upload" class="upload-btn">
          {{site.uploadButtonText | default: "Upload Image" }}
        </div>

        <div class="upload-from-drives">
          <img
            id="google-drive"
            height="32px"
            width="34px"
            src="/assets/images/drive.svg"
            alt="googledrive"
          />
          <img
            id="dropbox"
            height="35px"
            width="35px"
            src="/assets/images/dropbox.svg"
            alt="dropbox"
          />
        </div>
       
        <div class="or-in-upload">
          <div class="line-in-upload"></div>
          <span>or</span>
          <div class="line-in-upload"></div>
        </div>
        <span class="drag-msg">drag and drop here</span>
       
      </div>
    </div>
  </div>
</div>
<div id="workspace">{{content}}</div>
{%- endif -%}