bootstrap crousel
<html> <head> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <style> .col-md-4{ display: inline-block; margin-left:-10px; } .col-md-4 img{ width:100%; height:auto; } body .carousel-control-prev-icon, body .carousel-indicators li, body .carousel-control-next-icon{ background-color:#000; } span.carousel-control-prev-icon { position: relative; bottom: 40px; right: 40px; } span.carousel-control-next-icon { position: relative; bottom: 40px; } </style> </head> <bo