Assets

Make your winning more visible by adding winner assets to
your website

OWDA

Orpetron Web Design Appreciation

Mark

IFrame

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/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

Mark

SOTD

Site Of The Day

Mark

IFrame

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/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-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-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

Mark

IFrame

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

Mark

IFrame

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>

Logo

Orpetron Web Design Awards

H.layout

I.layout

V.layout

H.layout

I.layout

V.layout

Assets

Make your winning more visible by adding winner assets to
your website

OWDA

UXDA

SOTD

SOTM

SOTY

Logo

ORPETRON

Awards

Navigation

Jury

Submission

Get weekly and monthly doses right to your inbox!

Copyright © 2022 Orpetron. All rights reserved.

Submit Now

Login / register

Winners

Directory

Inspiration Station

Blog

ORPETRON

Assets

Make your winning more visible by adding winner assets to your website

OWDA

UXDA

SOTD

SOTM

SOTY

Logo

ORPETRON

Awards

Navigation

Jury

Submission

Get weekly and monthly doses right to your inbox!

Copyright © 2022 Orpetron. All rights reserved.

Submit Now

Login / register

Winners

Directory

Inspiration Station

Blog

ORPETRON

Make your winning more visible by adding winner assets to
your website