Assets

OWDA

Orpetron Web Design Appreciation

Certificate

Awards-Certificates_OWDA

Mark

IFrame
OWDA animation 1
OWDA animation 2
OWDA animation 3
OWDA animation 4
OWDA animation 5
OWDA animation 6
OWDA animation 7
OWDA animation 8
OWDA animation 9
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/OWDA-v3.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/OWDA-v2.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/OWDA-v1.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/OWDA-v6.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/OWDA-v5.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/OWDA-v4.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/OWDA-v9.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/OWDA-v7.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/OWDA-v8.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>

UXDA

Orpetron UX Design Appreciation

Certificate

Awards-Certificates_OUXA

Mark

SOTD

Site Of The Day

Certificate

Site Of The Day

Mark

IFrame
Site Of The Day
Site Of The Day
Site Of The Day
Site Of The Day
Site Of The Day
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTD-v3.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTD-v2.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTD-v1.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTD-v6.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTD-v5.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTD-v4.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTD-v9.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTD-v7.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTD-v8.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>

SOTM

Site Of The Month

Certificate

Mark

IFrame
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTM-v3.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTM-v2.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTM-v1.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTM-v6.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTM-v5.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTM-v4.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTM-v9.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTM-v7.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTM-v8.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>

SOTY

Site Of The Year

Certificate

Mark

IFrame
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTY-v3.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTY-v2.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTY-v1.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTY-v6.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTY-v5.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTY-v4.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTY-v9.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTY-v7.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>
<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.3/lottie.min.js'></script>
<script>
    var award = document.getElementById('OrpetronAward');
    var anim = bodymovin.loadAnimation({
        container: award,
        renderer: 'svg',
        rogressiveLoad: true,
        loop: false,
        autoplay: false,
        prerender: true,
        path: "https://orpetron.com/assets/SOTY-v8.json",
    });
    anim.setSpeed(1);
    award.addEventListener('mouseenter', function () {
        anim.playSegments([1, 30], true);
    });
    award.addEventListener('mouseleave', function () {
        anim.playSegments([30, 1], true);
    });
</script>