- Adventurer Cheesecake Brownie

- Adventurer Lemon

- Adventurer Donut

- Adventurer Caramel

- Adventurer Cheesecake Brownie

- Adventurer Lemon

- Adventurer Donut

- Adventurer Caramel

- Adventurer Cheesecake Brownie

- Adventurer Lemon

- Adventurer Donut

- Adventurer Caramel

### Slider with Carousel Slider as Navigation - RTL

- JS
- CSS
- HTML

                // Can also be used with $(document).ready()
                $(window).load(function(){
                  $('#f1').flexslider({
                    animation: "slide",
                    rtl: true,
                    start: function(slider){
                      $('body').removeClass('loading');
                    }
                  });
                 $('#f2').flexslider({
                    animation: "slide",
                    animationLoop: false,
                    itemWidth: 210,
                    itemMargin: 5,
                    pausePlay: true,
                    mousewheel: true,
                    rtl: true,
                    asNavFor:'.flexslider'
                  });
                });

                <!-- Place either at the bottom in the <head> of your page or inside your CSS -->
                <style type="text/css">
                .flex-caption {
                  width: 96%;
                  padding: 2%;
                  left: 0;
                  bottom: 0;
                  background: rgba(0,0,0,.5);
                  color: #fff;
                  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
                  font-size: 14px;
                  line-height: 18px;
                }
                li.css a {
                  border-radius: 0;
                }
                </style>

                <!-- Place somewhere in the <body> of your page -->
                <div class="flexslider" id="f1" style="direction:rtl">
                  <ul class="slides">
                    <li>
                      <img src="slide1.jpg" />
                      <p class="flex-caption">Adventurer Cheesecake Brownie</p>
                    </li>
                    <li>
                      <img src="slide2.jpg" />
                      <p class="flex-caption">Adventurer Lemon</p>
                    </li>
                    <li>
                      <img src="slide3.jpg" />
                      <p class="flex-caption">Adventurer Donut</p>
                    </li>
                    <li>
                      <img src="slide4.jpg" />
                      <p class="flex-caption">Adventurer Caramel</p>
                    </li>
                  </ul>
                </div>
                <div class="flexslider carousel" id="f2" style="direction:rtl">
                  <ul class="slides">
                    <li>
                      <img src="slide1.jpg" />
                    </li>
                    <li>
                      <img src="slide2.jpg" />
                    </li>
                    <li>
                      <img src="slide3.jpg" />
                    </li>
                    <li>
                      <img src="slide4.jpg" />
                    </li>
                  </ul>
                </div>