Slider BFreeTheme: Slide Example 1

<div slideframe='delay:6000ms;' style='width:100%;height:300px;' class='arrow-bottom-right index-bar-bottom-right'>
<div slide>
<div slide-background><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_A4VoZ4xw486eg19CzytnuGhS5FZifExsWMX_KVc4FYEStKLp9VyOpV6Twiw89g0lJTtdD5QWN19AA1vip-jRiRZK8-NszqpeGFYItvJjteNS_tUEu5EwAfvMp37G5qixmKkuzvAdcz4/s1600/waterlily-pink-water-lily-water-plant-158465.jpeg'/></div>
<div class='center text-color-5' slide-part hide='left-to-right' show='right-to-left'>
<div class='background-box color-1' show='name:open-v'></div>
<div class='title' hide='class:fade-out-top;' show='class:fade-in-bottom;delay:200ms' style='width:500px;text-align:center;'>
Title 1
</div>
<div hide='class:fade-out-bottom;' show='class:fade-in-top;delay:500ms' style='font-size:15px;width:500px;text-align:center;'>
Caption 1 Caption 1 Caption 1 Caption 1 Caption 1 Caption 1 Caption 1 Caption 1 Caption 1
</div>
</div>
</div>
<div slide>
<div slide-background><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEgxKYMC4zJa_xmsDjIlRgB2zDtevvJyHY52zQ2bJWAwS44UP9IjvnLykuN82smk4zj48aZnwY0k7kthXVsjiR7VGQmifiTvn0-yzZyPaLAg1t6Vi5KAocQDhj5aeVzL1p7aAr1a8RP_A/s1600/pexels-photo-607013.jpeg'/></div>
<div class='left text-color-1' slide-part style='width:400px;'>
<div class='background-box color-5' show='name:open-h' ></div>
<div class='title' hide='class:fade-out-left;' show='class:fade-in-left;delay:500ms' style='text-align:center;'>
Title 2
</div>
<div hide='class:pop-out-right;' show='class:pop-in-right;delay:1000ms' style='text-align:center;'>
Caption 2 Caption 2 Caption 2 Caption 2 Caption 2
</div>
<div hide='class:pop-out-left;' show='class:pop-in-left;delay:1500ms' style='text-align:center;'>
Caption 2 Caption 2 Caption 2 Caption 2 Caption 2
</div>
<div hide='class:pop-out-right;' show='class:pop-in-right;delay:2000ms' style='text-align:center;'>
Caption 2 Caption 2 Caption 2 Caption 2 Caption 2
</div>
</div>
</div>
<div slide>
<div slide-background><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1QRucJgHXcRwL7CkpJQggSQ3erBQC0qDeNJ1IlLZOm_i8VyBqVhGxgXQ4ie7VX6kXXdyRnvi3C2mWKUYPdRpk8FXp5gETb7v8izVOgbyUogx8Aop3hohUuJ1W6RwlmT9RmCKe8cMVOTQ/s1600/sunflower-sun-summer-yellow.jpg'/></div>
<div class='right-bottom text-color-1' slide-part>
<div class='background-box color-5' show='name:open-h'></div>
<div class='title' hide='class:drive-out-top;' show='class:drive-in-bottom' style='font-size:50px;width:500px;text-align:center;'>
Title 3
</div>
<div hide='class:drive-out-bottom;' show='class:drive-in-top;delay:1000ms;' style='font-size:15px;width:500px;text-align:center;'>
Caption 3 Caption 3 Caption 3 Caption 3 Caption 3 Caption 3 Caption 3 Caption 3 Caption 3
</div>
<div style='text-align:center;margin:10px;'>
<div hide='class:fade-out-left;delay:100ms;' show='class:fade-in-right;delay:200ms' style='display:inline-block;'>
<a class='button-0' style='display:inline-block;'>Button 0</a>
</div>
<div hide='class:fade-out-right;delay:200ms;' show='class:fade-in-left;delay:600ms' style='display:inline-block;'>
<a class='button-1' style='display:inline-block;'>Button 1</a>
</div>
</div>
</div>
</div>
<div slide>
<div slide-background><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLKPyzoPEE3-hwxbFnYdvoMulEmBa-HMKcgCiAfH78pkZNSbmHg5y2-GEuzpyJHVt7xxxqfuwngxqrcJAnVPh_0CQpRYZ2C-yrD4Tu7n0-s2RoBK9mHjbWk8QzW7RMYjqLgCWvJCddSyI/s1600/flower-lily-lilium-candidum-madonna-lily.jpg'/></div>
<div class='left-top text-5' slide-part>
<div class='background-box color-5' show='name:open-h'></div>
<div class='title' hide='class:fade-out-left;' show='class:fade-in-right' style='text-align:center;'>
Title 4
</div>
<div hide='class:drive-out-left;' show='class:drive-in-right;delay:1000ms;' style='width:500px;text-align:center;'>
Caption 4 Caption 4 Caption 4 Caption 4 Caption 4 Caption 4 Caption 4 Caption 4 Caption 4
</div>
<div style='text-align:center;margin:10px;'>
<div hide='class:drive-out-bottom;delay:100ms;' show='class:drive-in-top;delay:200ms' style='display:inline-block;'>
<a class='button-0' style='display:inline-block;'>Button 0</a>
</div>
<div hide='class:drive-out-bottom;delay:200ms;' show='class:drive-in-top;delay:400ms' style='display:inline-block;'>
<a class='button-1' style='display:inline-block;'>Button 1</a>
</div>
</div>
</div>
</div>
<div slide>
<div slide-background><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlOdgGHwpv0G2wFYYvRw0mqQZijLtBoGszlDskwhyLflRcqheTPvB0QhpvsOl12ptcd-RwmJYK4Bu1RMW4mIuOaE-lqzvymxEiiPMrDL8NJShPcdPh5m5MmIifXt5S_46hyphenhyphen5Ys0hshOsY/s1600/garden-rose-red-pink-56866.jpeg'/></div>
<div class='right-top text-5' slide-part>
<div class='background-box color-5' show='name:open-h'></div>
<div class='title' hide='class:drive-out-left;' show='class:drive-in-right' style='text-align:center'>
Title 5
</div>
<div hide='class:drive-out-right;' show='class:drive-in-left;delay:1000ms;' style='width:500px;text-align:center;'>
Caption 5 Caption 5 Caption 5 Caption 5 Caption 5 Caption 5 Caption 5 Caption 5 Caption 5
</div>
</div>
</div>

</div>