FlexSlider 2

- During the 10 years to 2014, the police recorded more than 200,000 road casualties. More than 30,991 people lost their lives, 82,321 were seriously injured and 86,688 slightly injured.

  One in 50 deaths in Kenya is caused by road traffic accidents. A review of data from the Kenya National Bureau of Statistics reveals that road accidents deaths have climbed from being the ninth cause of death in 2010 to the seventh in 2014 overtaking meningitis.

  While deaths from four of the top ten killers decreased over this time road traffic deaths increased by 21 per cent from 3,892 in 2010 to 4710 in 2014.This pace of increase outpaced all other top ten causes of deaths.

  Most of the road crash casualties are productive young adults in the prime of their life. A person aged between 30-34 is six times as likely to die in a road accident as a person aged 10-14.

  But while the price paid by the victims and their families is immeasurable, the annual cost to the economy for 2014 was about Sh310 Billion or five per cent of Gross Domestic Product. The amount is expected to rise over time, says Dr Duncan Kibogong, Deputy Director, Safety Strategies & County Committees.

### Slider with Carousel Slider as Navigation

- JS
- HTML

                $(window).load(function() {

                  // The slider being synced must be initialized first

                  $('#carousel').flexslider({

                    animation: "slide",

                    controlNav: false,

                    animationLoop: false,

                    slideshow: false,

                    itemWidth: 210,

                    itemMargin: 5,

                    asNavFor: '#slider'

                  });

                  $('#slider').flexslider({

                    animation: "slide",

                    controlNav: false,

                    animationLoop: false,

                    slideshow: false,

                    sync: "#carousel"

                  });

                });

                <!-- Place somewhere in the <body> of your page -->

                <div id="slider" class="flexslider">

                  <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>

                    <!-- items mirrored twice, total of 12 -->

                  </ul>

                </div>

                <div id="carousel" class="flexslider">

                  <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>

                    <!-- items mirrored twice, total of 12 -->

                  </ul>

                </div>