Assets

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

OWDA

Orpetron Web Design Appreciation

Mark

IFrame
Owda - web design awards web design inspiration
Owda - web design awards web design inspiration
Owda - web design awards web design inspiration
Owda - web design awards web design inspiration
Owda - web design awards web design inspiration
Owda - web design awards web design inspiration
Owda - web design awards web design inspiration
Owda - web design awards web design inspiration
Owda - web design awards web design inspiration
				
					<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
Sotd - web design awards web design inspiration
Sotd - web design awards web design inspiration
Sotd - web design awards web design inspiration
Sotd - web design awards web design inspiration
Sotd - web design awards web design inspiration
Sotd - web design awards web design inspiration
Sotd - web design awards web design inspiration
Sotd - web design awards web design inspiration
Sotd - web design awards web design inspiration
				
					<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
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
				
					<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
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
Sotm - web design awards web design inspiration
				
					<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