<h1>Test2</h1>
<hr />
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player
src="https://assets1.lottiefiles.com/datafiles/HN7OcWNnoqje6iXIiZdWzKxvLIbfeCGTmvXmEm1h/data.json" background="transparent" speed="1" style="width: 300px; height: 300px;" hover loop controls autoplay >
</lottie-player>
<hr />
<lottie-player
src="/media/website_pages/home-new/old/urban/membership/test2/data7.json" background="transparent" speed="1" style="width: 300px; height: 300px;" hover loop autoplay >
</lottie-player>
<hr />
<div class="row">
<div class="col-xs-12 col-sm-6">
<div id="bm"></div>
</div>
<div class="col-xs-12 col-sm-6">
<div id="bm3"></div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-4">
<div id="bm6"></div>
</div>
<div class="col-xs-12 col-sm-8">
<div id="bm7"></div>
</div>
</div>
<script src="/media/website_pages/home-new/old/urban/membership/test2/lottie.js"></script>
<script>
var animation = bodymovin.loadAnimation({
container: document.getElementById('bm'),
renderer: 'svg',
loop: true,
autoplay: true,
path: '/media/website_pages/home-new/old/urban/membership/test2/data4.json'
});
var animation = bodymovin.loadAnimation({
container: document.getElementById('bm3'),
renderer: 'svg',
loop: true,
autoplay: true,
path: '/media/website_pages/home-new/old/urban/membership/test2/datawoo.json'
})
var animation = bodymovin.loadAnimation({
container: document.getElementById('bm6'),
renderer: 'svg',
loop: true,
autoplay: true,
path: '/media/website_pages/home-new/old/urban/membership/test2/machin.json'
})
var animation = bodymovin.loadAnimation({
container: document.getElementById('bm7'),
renderer: 'svg',
loop: true,
autoplay: true,
path: '/media/website_pages/home-new/old/urban/membership/test2/data7.json'
})
</script>
|