{% assign file = page.fileName %} {% assign lang = page.lang %} {% assign folder = page.folderName %} {% assign downloadData= site.data[lang] %} <!DOCTYPE html> <html lang=“{{homeData.htmlLangAtt}}”> {% include head/index.html %}

<body>

{% include header/index.html %}
<div class="container">
  <div class="download-section">
    <div class="row">
      <div class="col-md-12 px-0">
        <p class="success-msg mb-0">
          <?xml version="1.0" encoding="iso-8859-1"?>
          <svg height='22px' width='22px' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 496.158 496.158"
            style="enable-background:new 0 0 496.158 496.158;" xml:space="preserve">
            <path style="fill:#32BEA6;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085
          c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z" />
            <path style="fill:#FFFFFF;" d="M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777
          c-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867
          c-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475
          c18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322
          c8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908
          c0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773
          c-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984
          C385.405,188.218,389.034,176.214,384.673,164.968z" />
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
            <g>
            </g>
          </svg>
          {{downloadData.successmessage | default: 'Hurray! your operation was completed' }}
        </p>
        <div class="try-more-features ">
          <h2 class="success-msg border-bottom-none"> {{downloadData.tryfeatureheading | default: 'You can also try
            These features'
            }} </h2>
          <div class="row feature-showcase ">
            {%- if downloadData.recommendedfeatures -%}
            {%- for item in downloadData.recommendedfeatures -%}
            <div class="col-md-6 pb-3">
              <a class="px-2 feature-showcase-div w-100 d-flex justify-content-between " href="{{item.url}}">
                <span><img src="{{item.logo}}" alt="feature-logo" {%- if site.crossorigin -%} crossorigin {%- endif
                    -%}> <span class="ml-3 ">
                    {{item.name}}</span></span> <span class='d-inline-block ml-auto'><i
                    class="fas fa-chevron-right"></i></span> </a>
            </div>
            {%- endfor -%}
            {%- else -%}
            code2
            {%- endif -%}
          </div>
        </div>
      </div>
      <div class="row w-100  px-3">
        <div class="col-12">
          {%- if downloadData.recommendedsitesheading -%}
          <p class="success-msg mb-0">{{downloadData.recommendedsitesheading}}</p>
          {%- else -%}
          <p class="success-msg mb-0">Try our other sites for safe processing of you files ! </p>
          {%- endif -%}
        </div>
        {%- if downloadData.recommendedsites -%}
        {%- assign recommendedsitesData = downloadData.recommendedsites -%}
        {%- for item in recommendedsitesData -%}
        <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
          <img loading='lazy' class="website-img" src="{{item.logo}}" alt="{{item.name}} logo" {%- if site.crossorigin
            -%} crossorigin {%- endif -%}> <a target="_blank" href="{{item.url}}">{{item.name}}</a>
        </div>
        {%- endfor -%}
        {%- else -%}
        <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
          <img loading='lazy' class="website-img"
            src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg"
            alt="safepdfkitlogo" {%- if site.crossorigin -%} crossorigin {%- endif -%}> <a target="_blank"
            href="https://safepdfkit.com">Safepdfkit.com</a>
        </div>
        <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
          <img class="website-img" loading='lazy'
            src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png"
            alt="Safeaudiokit-logo" {%- if site.crossorigin -%} crossorigin {%- endif -%}> <a target="_blank"
            href="https://safeaudiokit.com">safeaudiokit.com</a>
        </div>
        <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
          <img class="website-img"
            src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg"
            alt="Safevideokitlogo" {%- if site.crossorigin -%} crossorigin {%- endif -%}> <a target="_blank"
            href="https://safevideokit.com">safevideokit.com</a>
        </div>
        <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
          <img loading='lazy' class="website-img"
            src="https://d33wubrfki0l68.cloudfront.net/2e37a1020563aa528471da7425b8e58343e2baf7/a186c/picture.png"
            alt="Safeimagekitlogo" {%- if site.crossorigin -%} crossorigin {%- endif -%}> <a target="_blank"
            href="https://safeimagekit.com/">safeimagekit.com</a>
        </div>
        <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
          <img loading='lazy' class="website-img"
            src="https://d33wubrfki0l68.cloudfront.net/74bf3f3836d56b30d16137169cd4c28bf15494ed/11962/js/pt.png"
            alt="safezipkitlogo" {%- if site.crossorigin -%} crossorigin {%- endif -%}> <a target="_blank"
            href="https://safezipkit.com/">safezipkit.com</a>
        </div>
        <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
          <img loading='lazy' class="website-img"
            src="https://d33wubrfki0l68.cloudfront.net/325cdfad7de6cae4a03aecfadc70b38af754cbd0/d87f9/assets/images/logo.png"
            alt="Safeimageconverter logo" {%- if site.crossorigin -%} crossorigin {%- endif -%}> <a target="_blank"
            href="https://safeaudioconverter.com/">
            safeaudioconverter.com
          </a>
        </div>
        <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
          <img loading='lazy' class="website-img" src="/assets//images/safevideoconverter.svg"
            alt="safevideoconverter logo" {%- if site.crossorigin -%} crossorigin {%- endif -%}> <a target="_blank"
            href="https://safevideoconverter.com/">safevideoconverter.com</a>
        </div>
        <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
          <img loading='lazy' class="website-img"
            src="https://d33wubrfki0l68.cloudfront.net/c8fef6be5192b9fa57b8503c6ad93befa361926d/a66d0/picture.svg"
            alt="safeimageconverter logo" {%- if site.crossorigin -%} crossorigin {%- endif -%}> <a target="_blank"
            href="https://safeimageconverter.com/">safeimageconverter</a>
        </div>
        {%- endif -%}
      </div>
      <div class="col-md-12 download-page-rate-us sites-config py-0">
        <div class="rating-tool" style="border: none;">
          <div class="rating-text">{{downloadData.rateus | default: 'Rate us'}}</div>
          <div class="rating-stars">
            <i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
              class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
              class="fas fa-star rating-star"></i>
          </div>
          <div class="rating-value ml-2">
            {%- for item in data -%}
            {%- if item.name ==tool -%}
            {%- assign rating = item.rating -%}
            {%- assign votes = item.votes -%}
            {%- endif -%}
            {%- endfor -%}
            <span class="rating"> <strong id='rating'>0</strong><span>/5</span> </span>
            &nbsp; <span class="total-ratings" id='count'>0 </span>{{downloadData.votes | default: 'votes'}}
          </div>
        </div>
        <script>
          const ratingValue = document.getElementById('rating')
          const count = document.getElementById('count')
          const setRating = async (rating) => {
            const name = '{{site.name}}'
            const urlParams = new URLSearchParams(window.location.search)
            let tool = urlParams.get('tool')
            const data = { website: name, feature: tool, rating: rating };
            fetch('https://ratingapi-main.netlify.app/.netlify/functions/api/v1/rating/add', {
              method: 'POST',
              headers: {
                'Content-Type': 'application/json',
              },
              body: JSON.stringify(data),
            })
              .then(response => response.json())
              .then(data => {
                ratingValue.innerText = data.rating
                count.innerText = data.count
              })
              .catch((error) => {
                console.error('Error:', error);
              });
          }
          const urlParams = new URLSearchParams(window.location.search)
          let tool = urlParams.get('tool')
          const fetchRating = async () => {
            const data = await fetch(`https://ratingapi-main.netlify.app/.netlify/functions/api/v1/${tool}/rating`).then(res => res.json())
            ratingValue.innerText = data.rating
            count.innerText = data.votes
          }
          window.addEventListener('DOMContentLoaded', () => {
            fetchRating()
          });
          const ratingNode = document.getElementsByClassName('rating-star')
          let ratedValue = localStorage.getItem(`${tool}rating`)
          if (ratedValue) {
            Array.from(ratingNode).slice(0, ratedValue).map(item => {
              item.style.color = '#FDD300'
            })
          }
          Array.from(ratingNode).map(item => item.addEventListener('click', () => {
            const urlParams = new URLSearchParams(window.location.search)
            let tool = urlParams.get('tool')
            if (!localStorage.getItem(`${tool}rating`)) {
              function indexInClass(node) {
                var className = node.className;
                var num = 0;
                for (var i = 0; i < ratingNode.length; i++) {
                  if (ratingNode[i] === node) {
                    return num;
                  }
                  num++;
                }
                return -1;
              }
              const index = indexInClass(item)
              Array.from(ratingNode).slice(0, index + 1).map(item => {
                item.style.color = '#FDD300'
              })
              setRating(index + 1)
              localStorage.setItem(`${tool}rating`, index + 1)
            }
          }))
        </script>
      </div>
      <div class="col-12">
        <div class="download-social-share">
          {%- if site.data.blog.share.platforms -%}
          <div class="d-flex align-items-center flex-column justify-content-center" " >
<p class=" share-heading mb-0 " >
  {%- if downloadData.socialshareheading -%}
   {{downloadData.socialshareheading}}
  {%- else -%}
  we are a free to use platform for safe processing of your files. We need to your support to grow. Help us by sharing us on social media. Thanks ! 
  {%- endif -%}
  </p>

<div>

  {% assign url = site.url %}
  {% for share in site.data.blog.share.platforms %}
  {% assign link = share.link | replace: 'URL', url %}
  {{page.title}}
   <a  id=" {{share.type}}" href="{{ link }}" data-toggle="tooltip"
            onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
            data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
            <i class="fa-fw {{ share.icon }} mb-0 py-3"></i>
            </a>
            {% endfor %}
          </div>
          </ul>
          </ul>
        </div>
        {%- endif -%}</p>
      </div>
    </div>
  </div>
</div>
{% include footer/index.html %}
{% include script.html %}

</body>

</html>