turning to a slider banner

[HADY]

Hi community!

I can I turn these  TAGS to a slider banner please?? 


any one can help in this please?? if you ask me why ? because they are taking a place on website in vertical position...


<section class="row promo_section">
<div class="col-md-3 col-xs-0 promo_block">
      <div class="promo_icon"><i class="fa fa-truck fa-fw" style='font-size:48px;color:green'></i></div>
      <div class="promo_text">
         <h6>1. Free Shipping</h6>
         All Over In World Over $25.000</div>
   </div>
</section>

<section class="row promo_section">
<div class="col-md-3 col-xs-0 promo_block">
      <div class="promo_icon"><i class="fa fa-money fa-fw" style='font-size:48px;color:green'></i></div>
      <div class="promo_text">
         <h6>2. Easy Payment</h6>
         Payment Gateway Support</div>
   </div>
</section>

<section class="row promo_section">
<div class="col-md-3 col-xs-0 promo_block">
      <div class="promo_icon"><i class="fa fa-clock-o fa-fw" style='font-size:48px;color:green'></i></div>
      <div class="promo_text">
         <h6>3. Delivery In Time</h6>
         To All Wholesale Markets</div>
   </div>
</section>

<section class="row promo_section">
<div class="col-md-3 col-xs-0 promo_block">
      <div class="promo_icon"><i class="fa fa-tags fa-fw" style='font-size:48px;color:green'></i></div>
      <div class="promo_text">
         <h6>4. Large Variety</h6>
         + 550,000 Products</div>
   </div>
</section>

<section class="row promo_section">
<div class="col-md-3 col-xs-0 promo_block">
      <div class="promo_icon"><i class="fa fa-phone fa-fw" style='font-size:48px;color:green'></i></div>
      <div class="promo_text">
         <h6>5. Customer Service</h6>
         24/7 Services</div>
   </div>
</section>


Thanks in advance for your support.


Regards