{% assign file = page.fileName %}
{% assign lang = page.lang %}
{% assign folder = page.folderName %}
{% assign downloadData= site.data[folder][lang][file] %}
<!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: 'Hurry! your operation was completed' }} </p>
<div class="try-more-features ">
<h2 class="success-msg border-bottom-none" > {{downloadData.tryfeatureheading | default: '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"> <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"> <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"> <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"> <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"> <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"> <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"> <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"> <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="https://safevideoconverter.com/assets/logo.svg" alt="https:safevideoconverter logo"> <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"> <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>
<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>