Assets

Make your winning notable by adding your marks and ribbons
to your awarded site

OWDA

Orpetron Web Design Appreciation

Mark

Ribbon
Owda
Owda
Owda
Owda
Owda
Owda
Owda
Owda
Owda 
				
					<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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

Ribbon
Sotd
Sotd
Sotd
Sotd
Sotd
Sotd
Sotd
Sotd
Sotd 
				
					<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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

Ribbon
Sotm
Sotm
Sotm
Sotm
Sotm
Sotm
Sotm
Sotm
Sotm 
				
					<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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

Ribbon
Sotm
Sotm
Sotm
Sotm
Sotm
Sotm
Sotm
Sotm
Sotm 
				
					<div id='OrpetronAward' style='width: 10vw;position: fixed;top: 50%;transform: translateY(-50%);left: 0;'></div>
<script data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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 data-minify="1" src='https://orpetron.com/wp-content/cache/min/1/ajax/libs/bodymovin/5.7.3/lottie.min.js?ver=1664004492'></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