---
layout: appscms-feature
---

{%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
<div class="container pt-5 mt-5">
  <div class="row">
    <div class="col-md-6 mb-5" id="left-section" data-format="{{page.format}}">
      <div>
        {%- assign h1 = fileData.H1 | replace: "$variable", page.value -%}
        <h1 class="audio-h1">
          {%- for word in h1-%} {%- if forloop.first == true -%} {{word |
          capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
        </h1>
      </div>
      {%- assign h2 = fileData.H2 | replace: "$variable", page.value -%}
      <div>
        <h2 class="audio-h2">
          {%- for word in h2 -%} {%- if forloop.first == true -%} {{word |
          capitalize }} {%- else -%} {{word}} {%- endif -%} {%- endfor -%}
        </h2>
      </div>
      <div class="d-flex justify-content-left mt-4">
        <button class="upload-redirect">Upload Your Audio</button>
      </div>
    </div>
    <div class="col-md-6">
      <div class="right-section mb-5">
        <img src="/assets/images/audio-upload.svg" alt="alt" />
      </div>
    </div>
  </div>
</div>